前端日刊-2017.11.15

03-03

每天努力的日刊君 - 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…

歡迎關注我們的微信公眾號：前端新視野