好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
jquery遍历元素列表实例-修改复选项为单选项
发布时间：2016-11-27 11:08:55作者：雪饮
一个来我们公司试岗的php,经理让他将一个复选的答题选项做成单选,由于选项按钮不是input而是div伪装的，所以需要通过js遍历来进行修改。他研究了一天，没有弄出来。最后任务就
详细信息>>javascript-cookie的操作
发布时间：2016-10-21 17:22:25作者：雪饮
function getCookie(c_name){if (document.cookie.length>0){ c_start=document.cookie.indexOf(c_name + "=")if (c_start!=-1){ c_start=c_start + c_name.length+1 c_en
详细信息>>javascript简繁一键转换utf8版
发布时间：2016-10-21 17:14:28作者：雪饮
该插件目前对utf8支持比较好，gb2312的没有细心测试过，其它编码也没有细心测试过。使用方法：引入该插件并给你的html元素绑定事件zh_tran('t')或zh_tran('s')就可以转换了
详细信息>>javascript加入收藏的实现（兼容性挺完美）
发布时间：2016-10-21 16:41:44作者：雪饮
声明方法:function addFavorite2() { var url = window.location; var title = document.title; var ua = navigator.userAgent.toLowerCase(); if (ua.indexO
详细信息>>javascript匿名函数与闭包-匿名函数与闭包【下】
发布时间：2016-10-21 16:27:50作者：雪饮
块级作用域（私有作用域）：如for等类似语句在条件中声明的变量i在for循环结束后仍旧可以被访问，即便被重新声明。除非你重新赋值。否则将返回i在for循环中最后的值这就证明了java
详细信息>>javascript匿名函数与闭包-匿名函数与闭包【中】
发布时间：2016-10-21 16:27:08作者：雪饮
对闭包匿名函数数组遍历取值问题：function box(){ var arr=[]; for(var i=0;i<5;i++){ arr[i]=function(){ return i; } } return arr; }var b=box();for(var i=0;i<5
详细信息>>javascript匿名函数与闭包-匿名函数与闭包【上】
发布时间：2016-10-21 16:26:18作者：雪饮
匿名函数：没有函数名的函数匿名函数直接声名在浏览器的控制台会报错的 匿名函数的调用：方法一：先将匿名函数赋值于一个变量，然后以变量名作为方法名的方式调用，如：var box=functi
详细信息>>javascript匿名函数与闭包
发布时间：2016-10-21 16:25:28作者：雪饮
匿名函数与闭包【上】：匿名函数与闭包的概念、声明及调用。闭包的内存驻留 匿名函数与闭包【中】：闭包匿名函数数组遍历取值问题（作用域）、闭包中的this指向、闭包的内存泄漏。
详细信息>>javascript对象与原型-继承-原型式、寄生、组合寄生
发布时间：2016-10-16 13:49:44作者：雪饮
原型式继承：//临时中转函数function obj(o){ //o参数表示将要传递进入的一个对象 //F构造函数是一个临时新建的对象，用来存储传递过来的对象 function F(){} F.prototype=o;
详细信息>>javascript对象与原型-继承-原型链、对象冒充、原型链+对象冒充
发布时间：2016-10-16 13:47:59作者：雪饮
原型链继承：function Box(){ this.name='雪饮'; }function Desk(){ this.age=24; }Desk.prototype=new Box();//通过原型链继承，超类实例化后的对象实例，赋值给子类的原型属
详细信息>>javascript对象与原型-构造+原型式创建对象
发布时间：2016-10-16 13:46:03作者：雪饮
组合构造函数+原型模式：组合构造函数+原型模式可解决实例共享对象的属性（公有部分）以及每个实例自己独有的部分 //组合构造函数+原型模式 //独立部分用构造函数function Box(n
详细信息>>javascript对象与原型-字面量方式创建构造函数与constructor
发布时间：2016-10-16 13:45:13作者：雪饮
使用对象实例不能直接访问prototype，必须通过指针__proto__来访问：function Box(){}var box=new Box();alert(box.__proto__);可通过构造函数名（对象名）直接访问prototype：funct
详细信息>>javascript原型与对象-原型的方式创建对象-实例与原型
发布时间：2016-10-16 13:44:02作者：雪饮
以原型的方式创建对象： 我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个对象。使用原型的好处：可以让所有对象实例共享它所包含的属性和方法。也就是说，不必在构
详细信息>>javascript对象与原型-构造函数、对象冒充与引用类型
发布时间：2016-10-16 13:41:58作者：雪饮
构造函数创建对象：function Box(name,age){ this.name=name; this.age=age; this.run=function (){ return this.name+this.age+"运行中"; } } var box1=new Box('聂风'
详细信息>>javascript对象与原型-对象的创建与工厂模式
发布时间：2016-10-16 13:35:06作者：雪饮
对象的创建：var box=new Object();//创建对象box.age=100;//给对象添加属性box.name="老实人";box.run=function (){ return this.name+this.age+"运行中"; }//给对象添加方
详细信息>>javascript对象与原型
发布时间：2016-10-16 12:48:46作者：雪饮
1、对象的创建与工厂模式： 对象的创建：对象的创建、对象属性与方法的添加、对象的调用 对象创建的复用性（工厂模式）：当创建多个属性值不同的对象时，为了减少代码的复用性 2、构造
详细信息>>织梦wap手机模板ajax实现栏目选中
发布时间：2016-10-16 09:58:09作者：雪饮
今天有个任务，要求在织梦手机wap模板中实现栏目点击后将该栏目加上特殊样式，若点击不进入新页面还好说，可是要是点击进入新页面就无法判断当前栏目是什么栏目，找了一会儿资料也
详细信息>>手机号码正则验证-安卓版html编辑器
发布时间：2016-10-03 19:43:44作者：雪饮
如下是一段手机号码验证的正则：<script>var str="13154031085";var zz=/^1[35]\d{9}$/;if(zz.test(str)){alert("电话号码格式正确");}else{alert("电话号码格式错误");}</
详细信息>>js跨域访问,js操作iframe内部
发布时间：2016-09-28 23:52:39作者：雪饮
js跨域访问很少用，一般都是对iframe内部元素的操作。如下是两个访问iframe内部元素的实例： js的跨域问题:
‌<!doctype html><html><head><meta charset="utf-8"><title>
ajax实现切片上传进度条
发布时间：2016-09-04 19:53:03作者：雪饮
上次雪饮分享了ajax实现大文件的切片上传，当时并没有实现切片上传的同时拥有进度条。前端是给用户看的，用户体验才是王道。进度条也是不能轻易避免的。当时间允许的情况下尽
详细信息>>原生ajax实现大文件切片上传
发布时间：2016-09-04 19:28:42作者：雪饮
php在文件上传这方面对于php.ini中有文件上传的限制，如果你的程序放置于独立服务器中还好说，但若是放置于虚拟主机中则就会受到主机商的限制。而我们需要上传超大文件时则不
详细信息>>两款原生js按钮控轮播
发布时间：2016-09-02 21:32:45作者：雪饮
js轮播屡见不鲜。网上的各种js插件居多，尤其是jquery插件更是不计其数。但只知其一不知其二这不是我们作为技术员所追求的。下面分享两个原生的js轮播，通过对他们的了解让我
详细信息>>js版strtotime函数与ios转换时间戳
发布时间：2016-09-02 21:11:23作者：雪饮
大家都知道php中有强大的时间字符串转换为时间戳的函数strtotime，那么js有没有这种函数呢？答案当然是肯定的。只不过稍微麻烦一些罢了。另外这里提醒下大家，在转换为时间戳时
详细信息>>js实现容器的宽度等于其高度
发布时间：2016-09-02 20:39:29作者：雪饮
今天遇到一个问题，需要将一个容器的宽度与高度设置一样，但由于客户端的限制，所以容器的width是按照百分比写的，并不是固定数值。据说css3拥有计算功能，但也无法实现此需求。如此
详细信息>>原生js瀑布流与无限滚动加载（已解决极客学院老师的bug）
发布时间：2016-08-30 10:00:30作者：雪饮
瀑布流就是像瀑布一样的网站——丰富的网站内容，特别是绚美的图片会让你流连忘返。你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现
详细信息>>