Fork me on GitHub

01 2016 档案

通过html5 touch事件封装手势识别组件
摘要：html5移动端新增了touchstart,touchmove,touchend事件，利用这3个事件，判断手指的点击和划动轨迹，我们可以封装各种手势的识别功能， 这3个事件和pc端的mousedown,mousemove,mouveup非常类似，不同的是touch事件可以有多个点击的点，而鼠标每次只 阅读全文
posted @ 2016-01-31 19:36 枫之物语 阅读(3946) 评论(0) 推荐(0)
那些年我们一起踩过的坑（javascript常见的陷阱）
摘要：1.object最后一个逗号 定义object直接量或json，最后一个逗号多写了，在ie下会报错，高级浏览器则不会，给只使用chrome调试的同学敲个警钟。踩了无数次这个坑了。 2.自动加分号 自动加分号的机制把很多人惯坏了，就常常不写分号，但是自动加分号的机制并不是无条件的，如果语句以括号开始， 阅读全文
posted @ 2016-01-29 15:36 枫之物语 阅读(397) 评论(0) 推荐(0)
javascript面向对象编程的3种常见封装形式解析
摘要：javascript如何才能脱离函数式编程，拥抱面向对象编程呢，常见的有3种形式，其它形式可以说都是这3种的变种。 1.直接定义对象直接量的形式 var Util={ getType:function(obj){ return Object.prototype.toString.call(obj). 阅读全文
posted @ 2016-01-29 12:13 枫之物语 阅读(234) 评论(0) 推荐(0)
javascript中new操作符的原理
摘要：javascript中的new是一个语法糖，对于学过c++，java 和c#等面向对象语言的人来说，以为js里面是有类和对象的区别的，实现上js并没有类，一切皆对象，比java还来的彻底 new的过程实际上是创建一个新对象，把新象的原型设置为构造器函数的原型，在使用new的过程中，一共有3个对象参与 阅读全文
posted @ 2016-01-28 18:58 枫之物语 阅读(473) 评论(0) 推荐(0)
关于javascript中this 指向的4种调用模式
摘要：this指向问题绝对可以排js 的top 5最难和最重点的问题，初学者常常搞不清楚this指向哪里，特别是学过java和c#的人，想当年俺也迷糊了好久，直到遇到蝴蝶书，主要是因为js和主流的面向对象语言java,c#都不同（相似的问题还有new 操作符的问题， 关于new 构构器函数的原理，参见这篇 阅读全文
posted @ 2016-01-28 18:36 枫之物语 阅读(431) 评论(0) 推荐(0)
javascript 连续赋值（连等运算）问题研究
摘要：前几天看到一个javascript 连续赋值的问题，运行了一下，结果出乎意料，发现这里的水真的有点深啊，连续赋值的底层机制，没有一本前端书籍有详细介绍的，自己做实验研究了一下，先来看结果： var a = {n: 1}var b = a;a.x = a = {n: 2}console.log("a. 阅读全文
posted @ 2016-01-28 10:01 枫之物语 阅读(391) 评论(0) 推荐(0)
javascript实现抽奖程序
摘要：昨天开年会的时候看到一个段子说唯品会年会抽奖，结果大奖都被写抽奖程序的部门得了，CTO现场review代码。 简单想了一下抽奖程序的实现，花了十几分钟写了一下，主要用到的知识有数组添加删除，以及ES5 数组新增的indexOf,filter方法， 为了刷新页面后仍能保存已中奖记录，用了localSt 阅读全文
posted @ 2016-01-28 00:16 枫之物语 阅读(3733) 评论(0) 推荐(0)