[置顶] ES6__异步开发优化

摘要: 一:JS事件循环 1:同步调用 同步调用是一种阻塞式调用,调用要等待双方执行完毕才返回,他是一种单向调用。 2:回调 回调是一种双向调用模式,也就是说,被调用方在接口被调用时也会调用对方的接口。 3:异步调用 异步调用是一种类似消息或事件的机制,不过它的调用方向刚好相反,接口的服务在收到某种讯息或发 阅读全文
posted @ 2017-02-21 19:41 wangujianchi 阅读(895) 评论(1) 推荐(0)
2017年3月15日

交互设计(阿里巴巴内部篇)

摘要: 听、看、想、说、磨、做、验、写、讲 听: 懂得倾听(谦虚) 因为:不是用户,不能100%代表用户,更不能左右老板; 所以:听 --> 用户、老板、PD、视觉、前段、开发、测试、市场、业界..... 看: 什么是“看”? 能博览、泛猎,看到好的,见过差的,什么都略懂,交互才能变得完美.... 99%的 阅读全文
posted @ 2017-03-15 23:58 wangujianchi 阅读(805) 评论(0) 推荐(1)
2017年2月27日

用canvas画雷达图

摘要: /*雷达图组件对象*/ var H5ComponentRadar = function(name, cfg) { var component = new H5ComponentBase(name, cfg); //绘制网格线 var w = cfg.width; var h = cfg.height; //加入画布(背景层) var cns ... 阅读全文
posted @ 2017-02-27 11:08 wangujianchi 阅读(824) 评论(0) 推荐(0)

用canvas画折线图

摘要: /*折线图组件对象*/ var H5ComponentPolyline = function(name, cfg) { var component = new H5ComponentBase(name, cfg); //绘制网格线 var w = cfg.width; var h = cfg.height; //加入画布(背景层) var c... 阅读全文
posted @ 2017-02-27 11:07 wangujianchi 阅读(506) 评论(0) 推荐(0)

用canvas画饼图

摘要: /*饼图组件对象*/ var H5ComponentPie = function(name, cfg) { var component = new H5ComponentBase(name, cfg); // 绘制网格线 var w = cfg.width; var h = cfg.height; //加入画布(背景层) var cns = ... 阅读全文
posted @ 2017-02-27 11:06 wangujianchi 阅读(387) 评论(0) 推荐(0)

touch请触

摘要: 1:触摸事件 touchstart:手指触摸屏幕触发(已经有手指放屏幕上不会触发) touchmove:手指在屏幕滑动,连续触发 touchend:手指离开屏幕时触发 touchcancel:系统取消touch时候触发(不常用) 在安卓的4.4,5.0,4.2,4.0的bug,只触发touchstart,和一次的touchmove,touchend不触发,所以要加入event.preventDe... 阅读全文
posted @ 2017-02-27 09:53 wangujianchi 阅读(194) 评论(0) 推荐(0)

DOM元素尺寸于位置

摘要: 元素自身大小: 1:clientWidth 和 clientHeight var box = document.getElementById('box'); alert(typeof box.clientWidth); //number 字符串类型 alert(box.clientWidth); / 阅读全文
posted @ 2017-02-27 09:50 wangujianchi 阅读(154) 评论(0) 推荐(0)

原型的缺点与处理方法

摘要: 缺点: 1:不能传参 2:共享 function Box(){} Box.prototype = { constructor : Box, name : 'kkk', age : 23, family : ['哥哥', '姐姐', '妹妹'], run : function(){ return th 阅读全文
posted @ 2017-02-27 09:49 wangujianchi 阅读(552) 评论(0) 推荐(0)

原型

摘要: 原型: 我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个对象,它的用途是包含可以有特定类型的所有实例共享的属性和方法。逻辑上可以这么理解:prototype通过调用构造函数而创建的那个对象的原型对象。使用原型对象的好处可以让所有对象实例共享它所包含的属性和方法。也就是说,不必 阅读全文
posted @ 2017-02-27 09:46 wangujianchi 阅读(283) 评论(0) 推荐(0)
2017年2月24日

ES6__正确打开新特性

摘要: 一: 对象 二: let和const 上面的代码会出现5个5的情况,为什么呢?因为setTimeout是异步事件。(不清楚什么是异步事件的可以去我另外一篇博客ES6__异步开发优化看看)! 用了let会出现什么呢?console.log()之后会出现0,1,2,3,4。为什么呢?因为let形成了一个 阅读全文
posted @ 2017-02-24 01:22 wangujianchi 阅读(258) 评论(0) 推荐(0)
2017年2月22日

事件派发机制的实现

摘要: 事件派发机制的实现 阅读全文
posted @ 2017-02-22 11:34 wangujianchi 阅读(483) 评论(0) 推荐(0)