03 2019 档案
React项目中使用hot-react-loader
摘要:在构建react项目时,默认使用的webpack-dev-serve有热刷新功能,但是局限是修改一处会使整个页面刷新 当引入了react-hot-loader时,可以实现局部刷新,即同个页面上,某一处的数据修改不会让整个页面一起刷新 以上使用module.hot 实现局部刷新,在新版中如下 在rea
阅读全文
React组件绑定this的三种方法
摘要:我们在使用React组件时,调用方法常常用到this和event对象,默认情况是不会绑定到组件上的,需要特殊处理。 节点上使用bind绑定 特点:该方法会在每次渲染组件时都会重新绑定一次,消耗一定的性能。不符合表象与行为分离准则 它属于ES5函数扩展的方法Function.prototype.bin
阅读全文
egg.js异步请求数据
摘要:之前已经简单的使用egg-init初始化项目,并创建控制器controller和服务service 在实际项目中, service主要负责数据的请求,并处理(http请求) controll主要负责获取service中得到的最终数据,并渲染给模板view view主要负责模板渲染 在此,先尝试从远程
阅读全文
Zepto源码分析之二(新旧版本zepto.Z方法的区别)
摘要:在上一节中讲到Z()方法,是在初始化函数init中直接调用zepto.Z() 旧版中,直接将$.fn对象挂载dom对象的隐式原型上,而在新版zepto1.2.0中结构如下: 1 . 首先 初始化后调用zepto.Z方法时,返回的是new Z()构造函数 2 . 在构造函数体内可遍历dom节点对象,使
阅读全文
Zepto源码分析之一(代码结构及初始化)
摘要:关于读源码,读jQuery自然是不错,但太过于庞大不易解读,对于小白,最好从Zepto,Lodash这样的小库入手。 这里使用的是zepto1.1.6版本为例。 自执行函数 在阅读之前,先弄清楚闭包和自执行函数 两种方式: (function() {})() 和 (function() {}())
阅读全文
浙公网安备 33010602011771号