分类
Javascript

双向绑定Vue自定义组件

React和Vue都主张组件之间交互用单向数据流,这样更SOLID的设计原则。但很多时候我们还是要用到双向数据流,也就是大家所说的MVVM,一个很特殊的场景就是表单处理,使用双向数据绑定还是方便很多。和Andular一样,Vue也可以通过v-module指令支持幽微数据绑定。很多情况下,我们都需要自定义组件,以输入表单为例,怎样实现自定义组件双向数据绑定呢?

分类
Javascript

Angular的生命周期钩子

组件具有由Angular管理生命周期。Angular创建它, 呈现它, 创建并呈现其子级, 在数据绑定属性发生更改时检查它, 并在将其从DOM中删除之前将其销毁。Angular提供了生命周期钩子, 它提供了对这些关键生命时刻的可见性, 以及在它们发生时采取行动的能力。指令具有相同的生命周期钩子。

分类
Flash

使用React和Echarts封装K线图组件

最近一朋友让我帮他弄一个股票图。了解我的人都知道很长一段时间我的工作就是画图表,Flex之后我用Flotr2开发过图表,但这个插件不支持K线图。我在网上找了找,发现Echart的K线图很好用也支持K线图。考虑到以后可能会复用,就结合React封装了一个K线组件。

分类
Javascript

使用md-virtual-repeat实现无限滚动

还在jQuery时代,就看到那种无限滚动按需加载效果,后来用ngInfiniteScroll实现了一个。最近深度使用material时,发现框架自带的md-virtual-repeat-container结合md-virtual-repeat也能很好地实现无限滚动。

分类
Javascript

React ES6类组件方法的绑定

从React 0.13.0就开始支持使用ES6类来新建React组件,方法遵循与普通ES6的class中相同的语义。也就是说方法不会自动绑定this到实例中,你必须在构造函数中显式的使用.bind(this)。