目录
归档
分类: 代码
206
2017 年 09 月 10 日
Chrome 扩展 VuexTree

github地址:https://github.com/zhw2590582/chrome-extension-vuexTree 一个Chrome扩展,为 Vuex 实现类似 redux-devtools-extension 的状态树展示效果 预览 来自 vue2-elm 使用 在 “Chrome => 选项 => 更多工具 => 扩展程序” 中勾选 “开发者模式”。 直接拖放 vuexTree.crx 到插件目录。 或者在 “加载已解压的扩展程序” 中载入 “vuexTree” 目录。 然后在 Vue 中,在 store 后面添加一个订阅消息即…

295
2017 年 04 月 04 日
装饰器(Decorator)在React中的应用

一直没理解Decorator的作用,但最近在很多框架和库中看到它的身影,尤其是React和Redux中,所以专门查了一下资料,记录一下。 修饰器(Decorator)是一个函数,用来修改类的行为。不是很理解这种抽象概念,还是看代码讲解实际些。 //定义一个函数,也就是定义一个Decorator,target参数就是传进来的Class。 //这里是为类添加了一个静态属性 function testable(target) { target.isTestable = true; } //在Decorator后面跟着Class,Decorator是函数的话,怎么不是testable(MyTestab…

270
2017 年 04 月 04 日
mitt — 只有200b的事件监听/触发函数

github地址:https://github.com/developit/mitt 这个函数实在精简,拿来分析一下怎么写的。 // @flow // 定义三个flow静态检查的类型,分别是事件处理器,事件处理器列表,事件处理列表组成的对象 type EventHandler = (event?: any) => void; type EventHandlerList = Array<EventHandler>; type EventHandlerMap = { [type: string]: EventHandlerList }; //导出一个函数,参数为一个上面定义的对象类型 exp…

251
2017 年 04 月 04 日
React的模式,技术,技巧–03

github地址:https://github.com/vasanthk/react-bits 下面开始讲解React Anti Patterns(反模式) Props in Initial State 请勿把使用Props生成一个state,因为初始化来自props的state只会在第一次渲染时有效,之后props的变化不会动态改变UI //错误的做法 class SampleComponent extends Component { constructor(props) { super(props); this.state = { flag: false, inputVal: props….

223
2017 年 04 月 03 日
React的模式,技术,技巧–02

github地址:https://github.com/vasanthk/react-bits 我们接着上面的文章说下去。 Async Nature Of setState() 组件内的setState方法异步的,意味着调用该方法后马上获取setState值的话,往往拿到的是原始值。 //我们往往需要在值改变之后执行一些操作,可以通过setState的回调函数操作 _onClickHandler: function _onClickHandler() { console.log(this.state.count); this.setState({ count: this.state.count…

212
2017 年 04 月 03 日
React的模式,技术,技巧–01

github地址:https://github.com/vasanthk/react-bits 这是一份React进阶的文档,需要对React有一定了解,很适合想深入React的人阅读,下面是我的简单解读。 Stateless Functions 无状态组件意思就是组件内无state和生命周期,无需考虑组件的检测和内存分配问题,是一个改善React性能的好办法。 import {PropTypes, ContextTypes} from “react”; //最简单的无状态组件 const Greeting = () => <div>Hi there!</div>; //可以接受两…

下一页
  1. Big Jet Plane Angus & Julia Stone
  2. Make It Up Shura