异步javascript的原理和实现技巧介绍

2017年02月06日 16 阅读

因为工作的需要，我要在网页端编写一段脚本，把数据通过网页批量提交到系统中去。所以我就想到了Greasemonkey插件，于是就开始动手写，发现问题解决得很顺利。但是在对脚本进行总结和整理的时候，我习惯性地问了自己一个问题：能不能再简单点？ 我的答案当然是“能”。首先回顾我的数据批量提交的需求：我有一批用户数据要插入到系统中，但是因为系统库表结构不是行列式的，所以无法转化为sql语句插入。要插入的数据有接近200条，就是傻呵呵地手工录入到系统，估计也要1天的...

Javascript继承（上）——对象构建介绍

2017年02月06日 18 阅读

Javascript中存在“类”么？ 万物皆对象 Javascript中除了基本数据（Undefined、Null、Boolean、Number、String），其他都是对象（Object）。 实际上，Javascript中的对象是数据与功能的集合。例如我们知道： 复制代码 代码如下:var foo = new Function（"alert（"hello world！"）"）; foo（）;可见foo是一个函数，也是一种对象。再比如说： 复制代码 代码如...

表头固定（利用jquery实现原理介绍）

2017年02月06日 22 阅读

表头固定应该是一个用得比较多的功能，参考了网上几个例子，在几个常用浏览器下显示不是很完美。而且很多都是基于固定的表格，在编码时多写一个固定的表头，对于动态生成的不知道多少列的表格就无从下手。而且例子中大多只能满足限定高度的情况，如果限定宽度，出现横向滚动条就无能为力了。 我的目的就是要像jquery-ui那样，找到页面上存在的表格，调用一个方法就可以实现固定表头的功能。趁着动手学习写jquery插件的机会，自己写了一个表头固定的插件。 使用方式和jquer...

jquery的ajax（）函数传值中文乱码解决方法介绍

2017年02月06日 21 阅读

复制代码 代码如下: $.ajax（{ dataType : ‘json",type : ‘POST",url : ‘http://localhost/test/test.do",data : {id: 1, type: ‘商品"},success : function（data）{ } } ）; 问题: 提交后后台action程序时,取到的type是乱码 解决方法: 方法一:提交前采用encodeURI两次编码,记住一定是两次 1.修改以下代码 复...

js实现图片放大缩小功能后进行复杂排序的方法

2017年02月06日 19 阅读

这是一个基于jquery的图片效果，它的作用是：当图片点击变大（变小）时，其它图片按照一定的规则进行排序运动。 首先来看下最终的效果图： 有人可能看到这个会觉得，这有什么难的，这么简单的事，楼主是不是太小提大作了？当你真正去尝试时，你才知道到底有什么难点。首先，我们来讲下需求： 1.图片分为大小和小图，大图占四个小图的位置， 2.点击图片放大缩小， 重新排列顺序, 3. 当点击偶数列（2,4）时，它前面的那项将向提出来向后面排列 4.第一个项不能动，点第二...

javascript模拟select,jselect的方法实现

2017年02月06日 21 阅读

由于主流浏览器对select元素渲染不同，所以在每种浏览器下显示也不一样，最主要的是默认情况下UI太粗糙，即使通过css加以美化也不能达到很美观的效果。这对于我们这些专注于UX的前端开发人员是无法容忍的。于是在项目不太忙的时候，就计划写一个模拟的select控件出来。接下来就把实现的细节、遇到的问题以及如何使用和大家分享一下。 1. 实现细节 init: function（context） { //获取指定上下文所有select元素 var elems =...

获取div编辑框，textarea，input text的光标位置 兼容IE，FF和Chrome的方法介绍

2017年02月06日 20 阅读

网上苦找2小时，全是不能兼容FF的，看来这种东西网上是搞不到现成的了，只能自己动手丰衣足食 现在发布出来，今后网上就有现成的供人使用了。 为了省事，少量位置用了jquery 改原生JS也很方便，谁需要就请自己修改了。 欢迎各位路过高人拍板，欢迎各位留言提供改进代码。 又改进 兼容了Chrome 下面的代码已修改成最新版 上源码了 复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi...

JS的replace方法详细介绍

2017年02月06日 20 阅读

replace（） 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数 是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。 下文展示了几种javascript正则表示式的repalce方式...

js 判断checkbox是否选中的操作方法

2017年02月06日 21 阅读

核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中，下面介绍的是利用js判断是否选中CheckBox的方法。 //第几个没有选 复制代码 代码如下: <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox" name="checkbox1" checke...

jquery表单验证使用插件formValidator

2017年02月06日 17 阅读

1.首先在项目中添加必备js与css 2.代码中添加引用（必备引用） 复制代码 代码如下: <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <！--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type="text/java...

javascript继承之为什么要继承

2017年02月06日 21 阅读

Quiz1 Javascript真的需要类（Class）么？ 我们首先先看下其他有类（Class）的面向对象语言（如：Java）的一些特性。 父类与子类 父类（Superclass）和子类（Subclass），并不是为了解决父亲与儿子的问题，而是为了解决类的包含关系的，我们用Sub表示“子类”，用Sup表示“父类”，则有： Sub Sup 这是有区别的，例如通常我们能够将子类当成父类来使用，但认人的时候我们并不能把儿子当成父亲。 或者可以这么说，父类和...

jQuery语法总结和注意事项小结

2017年02月06日 20 阅读

一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 ...

js实现的美女瀑布流效果代码

2017年02月06日 17 阅读

瀑布流以及回顶部的效果 *{ margin:0; padding:0; } h1{ text-align:center; height:100px; } body{ background-color:RGB（232,231,226）; } .all{ margin:0 auto; width:1000px; } .number{ float:left; width:225px; } .content { margin:5px; backgroun...

原生JS分页展示效果（点击分页看效果）

2017年02月06日 19 阅读

文中图片地址已经失效，但代码功能都存在，大家注意替换下 实例索引 body{margin:0px;padding:0px;font-size:12px;font-family:Verdana, "微软雅黑";background:#2d3033;} img{border:0;} a{outline:none;} #box{width:918px;height:745px;margin:20px auto;border:5px solid #4b5...

JavaScript中的匀速运动和变速（缓冲）运动详细介绍

2017年02月06日 22 阅读

一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定，那就是匀速运动；如果变化的速率不一定，那么就是变速运动。当，变化率与聚离浏览器边框的距离成比例的话，那么就可以说是div在做缓冲运动。 其实，很简单，就是用一个定时器（timer），每隔一段时间来改变div聚浏览器边框的距离。 比如匀速运动： 进入定时器：（每隔30ms做） if（是否到达终点） { 停止定时器} else do{ 改变距离} 改变距离的方法决定是匀速还是变速（缓冲）...

JavaScript判断DOM何时加载完毕的技巧

2017年02月06日 21 阅读

处理HTML DOM文档存在一个难题是，JavaScript可以在DOM完全加载之前执行，这会给你的代码引发不少的潜在问题。浏览器的渲染和操作顺序大致如下列表： HTML解析完毕 外部脚本和样式表加载完毕 脚本在文档内解析并执行 HTML DOM完全构造起来 图片和外部内容加载 网页完成加载 在网页头部并且从外部文件加载的脚本会在HTML真正构造之前执行。如前所述，这是个至关重要的问题，因为这两处执行的脚本并不能访问还不存在的DOM。幸好，我们还有若干的补...

php对mongodb的扩展（初识如故）

2017年02月06日 20 阅读

在博主的威逼之下特为大家进行一下小分享，特此申明博主人品非常淳朴只是威逼，绝对没有利诱。 由于mongodb的相关中文资料较少，之后若有机会继续为大家分享。希望这点小分享能给大家带来收获，言归正传请往下看。为什么说“初识如故”呢，因为mongodb的数据存储格式是一种由于MongoDB的文档结构为BJSON格式（BJSON全称：BinaryJSON），而BJSON格式本身就支持保存二进制格式的数据，因此可以把文件的二进制格式的数据直接保存到MongoDB的...

php对mongodb的扩展（小试牛刀）

2017年02月06日 20 阅读

今天外面刮着呼呼的大风，能在一个温暖的小屋写着博客也是北漂的一种幸福。好了废话不多说，今天主要说一下php连接、操作mongodb，如果你没有看上两期的内容，不知道如何安装php对mongodb的扩展的话请您返回去看《php对mongodb的扩展（初识如故） 》和《php对mongodb的扩展（初出茅庐）》 。 php 连接mongodb 复制代码 代码如下: try { $mongo = new Mongo（"mongodb://username:p...

在浏览器窗口上添加遮罩层的方法

2017年02月06日 26 阅读

如何在浏览器窗口上添加一个遮罩层 背景 在web2.0中，页面弹窗是一个很常见的交互方式，这样既可以避免不必要的页面跳转，也可以改进界面的布局和可交互性。 但是，浏览器原生的弹窗函数（alert, confirm, prompt）有着很大的局限性，主要是它们的展现UI一来很不美观，二来也不够灵活，因此，我们经常需要自行定义弹窗函数。 当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住...

Javascript开发之三数组对象实例介绍

2017年02月06日 18 阅读

var a=new Array（）; 如果这样定义：a[3]="a"; alert（a.length） 4 而是的1， 如果定义了，但没有赋值则返回一个undefined （alert（a[0]）） 创建数组： 复制代码 代码如下: arr = [];//是的,一个空中括号 //与下面一句几乎是等价的 arr = new Array（）;var a=new Array（1,"n",3,"m",5,“m”,8）; var a=[]; //定义一个空数组 va...