EveryDay为小伙伴们推荐 3 篇有质量的前端技术文章,让你每一天都收获满满还在等什么,和日刊君一起把~复制代码
The Next Day is Always a New Day
友情提醒:
本系列属于【轮子和实战篇】,比较花时间,建议多阅读几遍
状态管理
从零开始用 proxy 实现 Mobx
你用过 Mobx 吗
你用过状态管理类的工具吗
阅读本文之前建议熟悉一下 observable 等内容
本篇文章是作者借鉴 mobx 和 nx-js 设计思路的一个轮子:让对象“动态化”,提到了 new Proxy 的方式生成代理,同时也提到了一些和 mobx 一样的设计方式,值得多读几遍哦
链接:
React
组件库设计实战 - 复杂组件设计
本篇文章主要以轮播组件设计为实战,从组件 DOM 结构、元素之间的切换以及用户操作的事件监听(滑动开始、滑动中和滑动结束)同时也有“跟手”,到后面也有 requestAnimationFrame 实现动画性能优化,最终还有一个”成品“ 又是一篇 React 框架下的 “造轮子”,日刊君觉得本文思路很清晰,比较喜欢这样一步一步的引导和解决问题的方式
链接:
动画
打造丝般顺滑的 H5 翻页库
本篇文章主要介绍了作者在”滑动类“插件中的研究和实践,比如第一个要解决的:跟随手指滑动,在实现过程中也考虑到了性能相关:减少 DOM 操作的元素等
日刊君比较喜欢有想法的同学,很多时候能类比现有框架和类库、工具的优缺点,而不仅仅是应用,去花时间看到里面的设计原理,再从“折腾中”落地一个适合自己业务的东西,收获满满
链接:
欢迎关注我们的公众号: