ZooTeam 前端週刊｜第 49 期

ZooTeam 前端週刊｜第 49 期

瀏覽更多往期小報，請訪問： weekly.zoo.team

本週原創

前端工程實踐之可視化搭建系統（一）

看完這篇，面試不再怕被問 Webpack 熱更新

本週收集

1. 前端工程實踐之可視化搭建系統（一）

原創不易，但願能關注下咱們，再順手點個贊~~ 本文首發於政採雲前端團隊博客： 前端工程實踐之可視化搭建系統（一） 背景 隨公司業務不斷髮展，營銷活動、廣告、頁面改版等需求日益倍增，靠純人工擼代碼已經沒法跟上需求增加速度。

2. 更快的異步函數和 Promise · V8

更快的、更容易調試的 async 異步函數和 Promise 即將隨 V8 v7.2 / Chrome 72 發佈

3. 給 JavaScript 開發者的代碼緩存指南 · V8

代碼緩存（也被稱爲字節碼緩存）是瀏覽器的一個重要優化手段。它經過緩存解析+編譯後的結果來提高高頻訪問網站的啓動速度。大多數的主流瀏覽器都實現了代碼緩存，Chrome 也不例外。

4. 練完這篇就會寫正則 - 掘金

正則表達式(Regular Expression)是一種文本模式，使用單個字符串來描述、匹配一系列匹配某個句法規則的字符串。它繁瑣也強大，幾乎全部全部編程語言都支持利用正則表達式進行字符串操做。認真學習，勤動手。

5. CSS魔法堂：display:none與visibility:hidden的恩怨情仇 - 掘金

前言 還記得面試時被問起，請說說display:none和visibility:hidden的區別"嗎？是否是回答完display:none不佔用原來的位置，而visibility:hidden保留原來的位置後，面試官就會心一笑呢？其實不止那麼簡單呢！

6. 【前端冷知識】你知道+0與-0的區別嗎？

JavaScript的數值Number用64位的浮點數表示，首位是符號位，而後是52位的整數位和11位的小數位。若是符號位爲1，其餘各位均爲0，那麼這個數值會被表示成「-0」。因此JavaScript的「0」值有兩個，+0和-0。

7. 【前端冷知識】如何優雅地生成結構化的初始數據

在項目中咱們常常會遇到初始化數據的需求，本文嘗試探討如何優雅地生成結構化的初始數據。

8. TypeScript 2.8下的終極React組件模式 - 掘金

譯者簡介 zqlu 螞蟻金服·數據體驗技術團隊 翻譯自Ultimate React Component Patterns with Typescript 2.8，做者Martin Hochel 這篇博客受React Component Patterns

9. 禁止用戶選擇的另外一種思路（兼容 IE8） - ac黃博客精選 - SegmentFault 思否

前端開發中經常會遇到一種需求，讓某些元素的內容不能被選中，通常的作法會用 user-select: none 來作，因爲 user-select 並非標準的 CSS 屬性，因此使用的時候要加上瀏覽器的前綴。

10. 構建工具篇 - react 的 yarn eject 構建命令都作了什麼 - 掘金

前言 前段時間，一直在研究 react 技術棧，對於項目的構建方面，又有必定的特殊需求，經過 npx create-react-app [filename] 安裝之後，發現沒有 webpack 相關的配置的目錄...

11. Serverless For Frontend 前世此生 · 語雀

前言做爲一個前端，你可能一直在迷茫，Node.js 的...

12. GitHub免費支持CI/CD了，開發測試部署高度自動化，支持各類語言，網友：第三方涼涼

又要大一統。

13. 深刻理解 TCP 協議：從原理到實戰

用實驗和圖解的方式帶你深刻理解 TCP 協議，讓 TCP 協議再也不是攔路虎!

14. 基於nodeJS從0到1實現一個CMS全棧項目

做爲一名前端開發工程師，咱們平時除了對javascript，css，html的積累以外，還須要對http，瀏覽器渲染原理甚至後端的一些知識有所瞭解，這樣對本身職業發展纔會更有幫助。

15. 常見的三個 JS 面試題 - 掘金

本文不是討論最新的 JavaScript 庫、常見的開發實踐或任何新的 ES6 函數。相反，在討論 JavaScript 時，面試中一般會提到三件事...

16. 【譯】這44個 CSS 精選知識點你能在30 秒內給出答案嗎？ - 掘金

寫在前面 一個週五的晚上，閒來無事整理下本身的 github（常常作收藏黨），今天打算都過一遍，發現一個star很高的項目，裏面有大量的 CSS 片斷，並且標題很誘人，而後又花了將近1個小時從頭至尾過了一遍，其中一些是咱們經常使用的一些知識點，另外也包含一些比較新...

17. JS基礎-完美掌握繼承知識點 - 掘金

前言 上篇文章詳細解析了原型、原型鏈的相關知識點，這篇文章講的是和原型鏈有密切關聯的繼承，它是前端基礎中很重要的一個知識點，它對於代碼複用來講很是有用，本篇將詳細解析JS中的各類繼承方式和優缺點進行，但願看完本篇文章可以對繼承以及相關概念理解的更爲透徹。

18. JS 系列五：深刻 call、apply、bind - 掘金

引言 JS系列暫定 27 篇，從基礎，到原型，到異步，到設計模式，到架構模式等。 本篇是JS系列中第 5 篇，文章主講 JS 中call、apply 、bind 箭頭函數以及柯里化，着重介紹它們之間的區別、對比使用。

19. 你瞭解 Vue 3.0 響應式數據怎麼實現嗎？

你瞭解 Vue 3.0 響應式數據怎麼實現的呢嗎？那就從 Proxy 提及....

20. HTTP狀態碼詳解

OSCHINA.NET在線工具,ostools爲開發設計人員提供在線工具，提供jsbin在線 CSS、JS 調試，在線 Java API文檔,在線 PHP API文檔,在線 Node.js API文檔,Less CSS編譯器，MarkDown編譯器等其餘在線工具。

21. 深度解讀當代前端架構演進與趨勢（上）-InfoQ

早期的軟件架構模式創建在有限的硬件功能上，並尊重這一事實。然而，今天的狀況已經變了。計算能力在不斷提高，軟件架構印證了這一觀點。

22. 微前端入門 - 掘金

最近打算改進一下現有網站的架構，微前端這個詞屢次進入了個人視野。 可是網上關於微前端文章老是說得似是而非，因而我找到這篇文章進行翻譯。並大概理解微前端的理念。目前尚未肯定是否使用微前端架構，由於看起來業界對最佳實踐並無達成一致。 譯文開始，有刪節。

23. Element-UI 技術揭祕 — Container佈局容器組件的設計與實現

Element-UI 技術揭祕

24. Nim 發佈 0.19 版本 - 命令式編程語言

Nim是一個新型的靜態類型、命令式編程語言，支持過程式、函數式、面向對象和泛型編程風格而保持簡單和高效。