前端日刊君来也

268 阅读2分钟
每天努力的日刊君 - 2017.11.15

EveryDay为小伙伴们推荐 3 篇有质量的前端技术文章,让你每一天都收获满满
还在等什么,和日刊君一起把~

The Next Day is Always a New Day

友情提醒:

本系列属于【轮子和实战篇】,比较花时间,建议多阅读几遍

状态管理

从零开始用 proxy 实现 Mobx

你用过 Mobx 吗

你用过状态管理类的工具吗

阅读本文之前建议熟悉一下 observable 等内容

本篇文章是作者借鉴 mobx 和 nx-js 设计思路的一个轮子:让对象“动态化”,提到了 new Proxy 的方式生成代理,同时也提到了一些和 mobx 一样的设计方式,值得多读几遍哦

链接:
zhuanlan.zhihu.com/p/27097547

React

组件库设计实战 - 复杂组件设计

本篇文章主要以轮播组件设计为实战,从组件 DOM 结构、元素之间的切换以及用户操作的事件监听(滑动开始、滑动中和滑动结束)同时也有“跟手”,到后面也有 requestAnimationFrame 实现动画性能优化,最终还有一个”成品“                                                                     
又是一篇 React 框架下的 “造轮子”,日刊君觉得本文思路很清晰,比较喜欢这样一步一步的引导和解决问题的方式


链接:
 zhuanlan.zhihu.com/p/29034015


动画

打造丝般顺滑的 H5 翻页库


本篇文章主要介绍了作者在”滑动类“插件中的研究和实践,比如第一个要解决的:跟随手指滑动,在实现过程中也考虑到了性能相关:减少 DOM 操作的元素等


日刊君比较喜欢有想法的同学,很多时候能类比现有框架和类库、工具的优缺点,而不仅仅是应用,去花时间看到里面的设计原理,再从“折腾中”落地一个适合自己业务的东西,收获满满


链接:

fex.baidu.com/blog/2017/1…

欢迎关注我们的公众号: