Weekly 2016-09-02

推薦的文章有部分鏈接需要翻墻才能訪問(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ì)量的一些工具,如很好用的 PostCSSstylelint。對(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í)一下。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,753評(píng)論 25 709
  • 參考文章:深度剖析:如何實(shí)現(xiàn)一個(gè)Virtual DOM 算法 作者:戴嘉華React中一個(gè)沒(méi)人能解釋清楚的問(wèn)題——...
    waka閱讀 6,135評(píng)論 0 21
  • Gitbook Repo 撰寫本文的時(shí)候筆者閱讀了以下文章,不可避免的會(huì)借鑒或者引用其中的一些觀點(diǎn)與文字,若有冒犯...
    王下邀月熊閱讀 1,155評(píng)論 1 9
  • 前端組件化其實(shí)是個(gè)持續(xù)了很長(zhǎng)時(shí)間的過(guò)程了,從最開始的jquery的插件開始。我們就在封裝一些js,css,html...
    潘逸飛閱讀 10,219評(píng)論 1 16
  • 自古以來(lái),都是你過(guò)你的,我過(guò)我的?,F(xiàn)在呢,大家互相干涉起來(lái)。看樣子是又要掐架了。做你的護(hù)生,也不能耽誤別人的生計(jì),...
    薄帷鑒明月閱讀 240評(píng)論 0 2

友情鏈接更多精彩內(nèi)容