用 CSS 隱藏頁面元素有許多種方法。你可以將 opacity 設為 0 、將 visibility 設為 hidden 、將 display 設為 none 或者將 position 設為 a...

從 14 年雙十二結束開始接手淘寶首頁，到如今差不多 1 年半時間，不久前完成了首頁相關工作的交接。期間經歷了兩次改版和一次從 PHP 到 Node 的遷移，還是頗有感受，下面給大家分享下。

進度：已完結（2016.5.23）

筆者一直覺得不斷變革的前端永遠充滿活力與激情，但是，哪有那么多激情燃燒的歲月，很多時候會有一種深深的無力感。

在之前我們有過一篇『React 同構實踐與思考』的專欄文章，給讀者實踐了用 React 怎么實現同構。今天，其實講的是在實現同構過程中看到過，非常容易被忽視更小的一個點 React View -...

CSS3 引入的 box-shadow 屬性用來創建陰影效果。陰影效果給我們的二維平面增加了深度的感覺

在之前的兩篇關于構建模塊化的文章中，談到了 rem & em 和 響應式排版 ，而在文章的評論中，對基于視口單位的網頁排版抱有很大的想象空間。

4月23日上午，HTML5應用開發工具WeX5的首席技術運營官王潔在Qcon上做了《Hybrid App走向“輕混”，剖析WeX5開源高性能HTML5 App開發框架》的演講，分享了 WeX5在...

前兩天才翻譯了一篇文章：解決你的前端面試，這類型的文章都是關于前端的一些基礎知識的，不過文章里的鏈接都是外文資料，更多的會學習的是思想吧和知識點列表。對于前端，或者更廣泛的說的客戶端開發的知識點...

主要內容包括了為何需要優化滾動事件，滾動與頁面渲染的關系，節流與防抖，pointer-events:none 優化滾動。因為本文涉及了很多很多基礎，是我自己學習記錄的一個過程，如果上面列出的知識...

越來越多的框架開始層出不窮的冒了出來，而對于我們前端人員的要求也從開始的切切圖拼頁面到現在的關注性能，關注工程化了。

如果我們訪問的資源是不需要授權的，也就是在HTTP請求頭中不包含 authentication 頭那么以上做法就足夠了。但是如果該資源是需要權限驗證的，那么這個時候跨域請求的預檢測 option...

在 Node.js 中，廣泛采用不同形式的閉包來支持 Node 的異步和事件驅動編程模型。通過很好地理解閉包，您可以確保所開發應用程序的功能正確性、穩定性和可伸縮性。

對于web開發來講，由于瀏覽器的同源策略，我們需要經常使用一些hack的方法去跨域獲取資源，但是hack的方法總歸是hack。直到W3C出了一個標準－CORS－”跨域資源共享”（Cross-or...

A lightweight and high performance JavaScript library for creating particles

僅僅使用div作為身體的布局，用css3的各種transform來繪制各部位的形狀，當然也不會使用任何圖片哦。

最近忙于業務開發，好久沒有更新博客了，把最近開發中踩到的關于錯誤捕獲的坑，拿出來分享下；這些暗坑浪費了我大量的開發時間，只怪自己學識太淺。開始正文。

這篇博客是?Gregor Adams?講他如何用 CSS 重現 Netflix 商標效果。Gregor 是 CSS 方面冉冉升起的新星。能在這里分析他的案例也是非常榮幸的。

剛來公司時做得第一個項目是跨部門合作，使用了MessengerJS來做通信，十分簡單，MessengerJS代碼不長，這里分析一下iframe間通信的實現方式

Webpack 是近段時間非常流行的前端流程處理工具，用于實時執行構建任務和預處理你的文件。