推薦的文章有部分鏈接需要翻墻才能訪問(wèn),如果打不開的話,請(qǐng)翻墻。
文章
聊聊 JavaScript Date 對(duì)象
很詳細(xì)地介紹 Date 對(duì)象的一篇文章,很多細(xì)節(jié)都提及了,平時(shí)可能在日常使用中并沒(méi)有留意很多細(xì)節(jié),對(duì) Date 提供的很多東西也是一知半解,可以存起來(lái),需要用到 Date 時(shí)再詳細(xì)了解。
如何編寫你自己的 Virtual DOM
這篇文章介紹了如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的 Virtual DOM,這有助于我們了解 React 的基礎(chǔ),期待這個(gè)文章會(huì)有如作者所提到的后續(xù)的內(nèi)容。這里也提供一個(gè)實(shí)現(xiàn) Virtual DOM 和 Diff 算法的類庫(kù):virtual-dom。個(gè)人認(rèn)為,Virtual DOM 除了對(duì)于操作 DOM 性能不好提供了一種解決方案之外,最大的意義是提供了一個(gè)基于 HTML 的抽象層實(shí)現(xiàn),使其可以對(duì)接到另外的 UI 底層實(shí)現(xiàn)上,例如 React-native 等。
Web Components 是個(gè)什么樣的東西
這是我上周學(xué)習(xí) Web Components 寫的筆記,具體內(nèi)容就是講述現(xiàn)有 W3C 標(biāo)準(zhǔn)中的 Web Components 是什么樣的,里邊包括應(yīng)用的一些例子和細(xì)節(jié),可以作為了解 Web Components 的參考。
Facebook 如何提升 CSS 質(zhì)量
這篇文章主要介紹了在 Facebook 中用來(lái)提高 CSS 質(zhì)量的一些工具,如很好用的 PostCSS 和 stylelint。對(duì)于我們現(xiàn)狀可以考慮在處理好構(gòu)建工具的情況下來(lái)引入 CSS 優(yōu)化的工具,stylelint 這些都可以用起來(lái)。
打造高大上的 Canvas 粒子動(dòng)畫
文章詳細(xì)地介紹了如何使用 Canvas 實(shí)現(xiàn)酷炫的粒子動(dòng)畫效果,了解原理后有助于我們繪制屬于自己的各種各樣的粒子動(dòng)畫效果。
11 Simple npm Tricks That Will Knock Your Wombat Socks Off
這篇文章介紹了使用 npm 命令的一些技巧,可以幫助我們?cè)谌粘J褂?npm 安裝依賴或者協(xié)助開發(fā)時(shí)更加有效率。其中 npm init 可以配置初始化的腳本這個(gè)真的是很強(qiáng)大,很多工具的東西了解后就可以大大方便我們?nèi)粘5拈_發(fā)。
itsy bitsy data structures
很精彩的源碼文件,作者用 JavaScript 代碼實(shí)現(xiàn)了多種多樣的數(shù)據(jù)結(jié)構(gòu),可以幫助我們前端工程師更好地學(xué)習(xí)和了解數(shù)據(jù)結(jié)構(gòu),包括:列表,鏈表,HashTable,棧,隊(duì)列,樹等。
代碼
in-view
一個(gè)小小的無(wú)依賴的類庫(kù),可以用來(lái)訂閱元素進(jìn)入或者離開瀏覽器可見(jiàn)視窗時(shí)的事件。
Awesome React Components
今天 Awesome 系列 repo 頻繁出現(xiàn),社區(qū)的力量真是強(qiáng)大,這個(gè) React Components 收集列表可以讓我們看到各種各樣實(shí)現(xiàn)的組件,說(shuō)不定你想要做的東西已經(jīng)有人實(shí)現(xiàn)了。
WebVR projects
使用 WebVR 技術(shù)相關(guān)的一些代碼和項(xiàng)目,可以參考學(xué)習(xí)一下。