ZooTeam 前端週刊｜第 106 期

ZooTeam 前端週刊｜第 106 期

瀏覽更多往期週刊，請訪問： https://weekly.zoo.team

今日頭條品質優化 - 圖文詳情頁秒開實踐

做爲一個內容類應用，看新聞讀資訊一直是頭條用戶的核心需求，頁面的打開速度直接關係到用戶使用頭條的核心體驗，在頭條中，爲了更多的承載足夠豐富的樣式和邏輯下保持多端體驗的統一，詳情頁的內容咱們是經過 WebView 來承載的，但 WebView 自己的性能相比 Native 來講比較差，所以，今日頭條技術團隊一直致力於優化詳情頁的加載速度。

通過不斷的優化，目前今日頭條中詳情頁在線上的打開體驗，從肉眼上基本已經感知不到加載過程。在接下來這篇文章裏，咱們會逐步拆解和介紹咱們對詳情頁加載優化的思路和實踐。

解決實際問題的24個ES6代碼段

這篇文章基於實際使用場景總結了 24 個 ES6 代碼段，可用來解決項目中可能遇到的一系列問題。

組件化設計：原子設計實踐

產品經理跑過來講：「幫忙緊急支持一個需求，你就把原來 A 頁面裏面的某個部分加在 B 頁面裏，而後稍微調整一下就行。」一個新產品的 MVP 階段，不少功能和界面均可以複用現有的產品，咱們卻要爲此從新設計開發。…

前端場景下 CI/CD 的探索與實踐

得益於業界基礎技術的進化，前端項目的工程化方式也不斷演進。

【webpack 性能優化】編譯速度從 50S 到 7S

隨着項目不斷髮展壯大，組件數量開始變得愈來愈多，項目也開始變得龐大，webpack 編譯的時間也會愈來愈久，咱們如今的項目編譯一次在 40s ——70s 之間，這是一個效率很是低下的操做。優化的手段有不少，以前項目本來已經作了不少，本文從緩存的角度進行優化講解。

【讀懂源碼】React 架構的演變 - 從同步到異步

瞭解 React 架構的演變，成爲更好的 React 開發者

【建議收藏】css晦澀難懂的點都在這啦

CSS你們確定都是會的可是每一個人所撐握的狀況都不同，特別是已經工做幾年的前輩(這裏指的是我司)不少CSS玩法都不知道，可能他們已經習慣了用組件， 可是面試的時候又不可避免問，因此我整理了下CSS比較晦澀難懂的點總結寫了這篇文章，在最後也會有些面試中常問的CSS相關面試題，看徹底文面試就不用慌了😗。

1. 埋點全解析，你最關心的可視化埋點在這裏

埋點梳理

聊一聊二維碼掃描登陸原理

掃二維碼登陸如今比較常見，好比微信、支付寶等 PC 端登陸，而且好像每款 APP 都支持掃碼登陸，不搞個掃碼登陸都很差意思。做爲技術人員，不知道您對這背後的實現邏輯是否敢興趣，反正我是一直都對這背後實現好奇。最近恰好看到一個關於掃碼登陸原理的視頻，因而就整理出來了這篇文章，但願對您有所幫助。

如何利用AOP+IOC思想解構前端項目開發

如何利用AOP+IOC思想解構前端項目開發

在 Node.js 中 」相對可靠」 的高效執行可信三方的代碼

看大廠的實踐總結