随笔分类 -  javascript

移动端-模拟手势事件
摘要:分别取touchstart事件和touchmove事件中事件对象(e.touches[0])的pageX和pageY属性,相减后进行判断,判断之后记得移除touchmove事件 阅读全文

posted @ 2017-04-08 16:42 周裕涛 阅读(330) 评论(0) 推荐(0)

移动端-单点触碰和多点触碰
摘要:多点触碰:1.监听touchstart事件,获取事件对象(e)的targetTouches对象列表属性,然后遍历这个属性获得每一个touch对象,为每个touch对象生成一个节点(spot),将touch对象的pageX属性和pageY属性赋值给节点(spot)的left和top,然后将节点(spo 阅读全文

posted @ 2017-04-08 00:40 周裕涛 阅读(700) 评论(0) 推荐(0)

闭包在DOM中的使用
摘要:目的:保证索引值不被污染,因为变量i是全局变量。 阅读全文

posted @ 2017-04-05 22:47 周裕涛 阅读(324) 评论(0) 推荐(0)

location对象-解析URL查询字符串参数
摘要:重新加载窗口方法:location.reload();//可能从缓存中加载 location.reload(true)//从服务器重新加载 阅读全文

posted @ 2017-04-02 15:13 周裕涛 阅读(343) 评论(0) 推荐(0)

单线程,同步异步,阻塞非阻塞的理解
摘要:一.概念理解 1.同步异步: 同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication)所谓同步,就是在发出一个*调用*时,在没有得到结果之前,该*调用*就不返回。但是一旦调用返回,就得到返回值了。换句话说,就是由* 阅读全文

posted @ 2017-04-02 12:42 周裕涛 阅读(2621) 评论(0) 推荐(0)

XMLhttp笔记
摘要:一.创建对象: var xhr=new XMLHttpRequest;(new ActiveXObject("Microsoft.XMLHTTP");) 二.发送请求: xhr.open(method,url,async);//mothod为POST或GET请求,async默认为true(异步) x 阅读全文

posted @ 2017-04-02 00:59 周裕涛 阅读(185) 评论(0) 推荐(0)

ES6阅读笔记
摘要:一.babel转换器:babel.js.io; 二.变量声明. 1.块级作用域let: 2.常量const:一旦声明不可改变,一般用来引入模块,例如:const moment=require("moment"); 三.类Class 四.箭头函数arrow function 1.简化写法 2.使用箭头 阅读全文

posted @ 2017-04-02 00:28 周裕涛 阅读(161) 评论(0) 推荐(0)

变量提升
摘要:总结 要彻底理解JS的作用域和Hoisting,只要记住以下三点即可: 1、所有申明都会被提升到作用域的最顶上 2、同一个变量申明只进行一次,并且因此其他申明都会被忽略 3、函数声明的优先级优于变量申明,且函数声明会连带定义一起被提升 http://www.jb51.net/article/9608 阅读全文

posted @ 2017-03-24 16:56 周裕涛 阅读(132) 评论(0) 推荐(0)

Javascript定义类(class)的三种方法
摘要:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html 阅读全文

posted @ 2017-03-24 16:49 周裕涛 阅读(163) 评论(0) 推荐(0)

[].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)}) 能解释一下这段代码的意思吗?
摘要:[].forEach.call()--调用引用数组的forEach方法 $$("")--等价于document.querySelectortAll("*") ~~a--等价于parseInt(a) 1<<24--对二进数1小数点右移24位 可参考:https://my.oschina.net/l3v 阅读全文

posted @ 2017-03-22 22:39 周裕涛 阅读(562) 评论(0) 推荐(0)

事件处理程序和对象
摘要:// event(事件)工具集,来源:github.com/markyun markyun.Event = { // 页面加载完成后 readyEvent : function(fn) { if (fn==null) { fn=document; } var oldonload = window.o 阅读全文

posted @ 2017-03-19 16:17 周裕涛 阅读(202) 评论(0) 推荐(0)

导航