web前端半年刊-2019年上半年(42篇精選文章)

JavaScript

JavaScript 代碼簡潔之道

來自Github項目clean-code-javascript的翻譯文章，文章做者根據本身的理解對原文進行了一些修改。

JavaScript 的數據類型及其檢測

比較全的一篇數據類型基礎知識介紹。

前端進擊的巨人（一）：執行上下文與執行棧，變量對象

文章有助於理解什麼是執行上下文，詳解了執行棧的規則和執行上下文的生命週期過程。

如何編寫高質量的函數 -- 函數底層篇

文章分析了函數執行的機制，JS引擎是如何執行函數的，並對閉包、做用域、做用域鏈有深刻理解。

完全終結 Javascript 背後的隱式類型轉換

從JS設計者的角度來聊聊隱式類型轉換, 這樣不須要背誦複雜冗長的ECMA規範了。

ES六、ES七、ES八、ES九、ES10新特性一覽

各版本特性一覽，方便查閱和使用。

JavaScript 到底是如何工做的？（第一部分）

本文能夠幫助你理解 JavaScript 的工做原理，還能從大致上瞭解一門編程語言的工做原理。

JavaScript 到底是如何工做的？（第二部分）

第二部分着重介紹了內存管理方面的知識。

框架及其原理

Vue性能優化：如何實現延遲加載和代碼拆分？

以開源項目Storefront爲例，講述了Webpack捆綁的工做原理，Vue的延遲加載、動態導入，以及vue-router、vuex的代碼拆分。

大前端時代，如何作好C 端業務下的React SSR？

在須要知足SEO並保證首屏渲染效率的狀況下，Next.js同構開發是一個比較好實踐。

讓虛擬DOM和DOM-diff再也不成爲你的絆腳石

關於虛擬DOM和DOM-diff的過程。

深刻剖析 React Concurrent

從瀏覽器原理、Fiber基本概念及總體流程提及，經過Concurrent模式下任務的時間片拆分、中斷、恢復和劃分優先級，詳細地剖析了Concurrent運行機制。

Vue Function-based API RFC

Vue 3.0重要的RFC，解釋了設計動機和設計細節，對缺點或潛在問題進行了說明。

揭祕 Vue 中的 Virtual Dom

本文探討了什麼是Virtual DOM、做用是什麼、爲何須要等問題。

Node.js

乾貨 | 攜程機票Node.js開發實踐

一篇攜程機票技術棧變遷，在技術應用過程當中遇到的問題，以及Node.js從早期的先後端分離到GraphQL的實踐。

Node.js 中的依賴管理

npm依賴管理的dependencies、devDependencies、peerDependencies、bundledDependencies、optionalDependencies使用場景介紹，以及版本號的寫法和依賴管理的其它內容。

NodeJS express框架核心原理全揭祕

express框架源碼分析及其中間件流程控制的實現。

網絡、性能優化

2019 前端性能優化年度總結

很是全面的前端性能優化指南，一共包括6個部分，這是第一部分。

深刻理解瀏覽器的緩存機制

詳細的瀏覽器緩存說明書，從緩存位置、緩存過程、強緩存、協商緩存等方面詳細地介紹了瀏覽器緩存機制。

瀏覽器幀原理剖析

有關於將瀏覽器幀像素顯示在屏幕上的過程裏發生了什麼

讓你的網頁更絲滑（全）

做者分享了什麼樣的網頁是用戶以爲比較流暢的、什麼叫像素管道，而後介紹了主動交互、被動交互的性能優化方案。

一文讀懂HTTP/2 及 HTTP/3特性

文章介紹了http協議、HTTP/1.x協議的缺陷、HTTP/2的新特性及將來HTTP/3的新特性。

Web 應用安全性: 使用這些 HTTP 頭保護 Web 應用

這是關於web安全性系列文章的第三篇，主要介紹與安全相關的HTTP頭。

進階必備的網絡基礎

若是你對網絡基礎還不太瞭解，文章的內容能夠給你提供一個思路。

時間切片（Time Slicing）

爲了不長任務，一種方案是使用Web Worker，將長任務放在Worker線程中執行，缺點是沒法訪問DOM，而另外一種方案是使用基於Generator的時間切片。

微前端、Serverless

Medium 架構實踐：避免微服務綜合症

主要介紹單體Node.js應用程序如何有效實現微服務架構並避免微服務綜合症的經驗。

中臺微服務了，那前端呢？

再談微前端設計，本文經過保險訂單銷售模式設計案例來講明如何進行微前端設計，並最後總結了實施微前端的主要價值和意義。

大前端時代下的微前端架構：實現增量升級、代碼解耦、獨立部署

文章首先解釋了微前端架構的定義，而後討論集成微前端的各類方法，最後分享了要考慮的一些問題及應對對策。

精讀《Serverless 給前端帶來了什麼》

文章對Serverless進行了簡單的概述，而後從先後端的視角討論了Serverless給咱們帶來了些什麼收益與挑戰。

探索 Serverless 中的前端開發模式

本文主要從前端開發模式的演進、基於 Serverless 的前端開發案例以及 Serverless 開發最佳實踐等方面，探討 Serverless 中的前端開發模式。

實踐、思想

如何設計高擴展的在線網頁製做平臺

本文主要介紹如何設計一個高擴展的在線網頁製做平臺，會交代一些背景和最終的效果以及核心設計方案。

前端中的 IoC 理念

控制反轉（Inversion of Control）是一種「思想」，做者經過一個例子來解釋IoC概念，讓它變得容易理解。

世界是平的嗎？——從不一樣角度看前端

在先後端分離下，先後端的惟一橋樑是接口，當一端變動後，變動同步到另外一端就成了問題。 從架構治理角度，文章介紹了業界探索的三種流程方案，另外介紹了研發流程下組件化實施的三種模式。

從前端角度看企業軟件的研發過程

本文嘗試從一些角度去給出本身的看法，爲了說明構建這個領域前端技術體系的種種考慮，同時也會述及對應的業務特性。

流水不腐，戶樞不蠹 — 設計可維護可擴展的系統（上）

本文重點介紹部分軟件開發思想，講解如何利用設計模式、設計原則和編程範式，設計易懂、可擴展的和高內聚低耦合的系統。

GraphQL和Thrift在Airbnb架構中的配合使用

本文介紹了Airbnb在Thrift和展示服務層框架的現有架構上，先後端如何進行合做，利用GraphQL和Thrift二者的優勢，構建出更好的交互體驗。

用 JS 開發跨平臺桌面應用，從原理到實踐

做者對Electron的一次系統性的總結，文章對了解和入門Electron頗有幫助。

其它

必看！互聯網開發模式的經驗之談

雖然不是前端相關文章，但這篇互聯網開發模式的經驗之談寫得很好，值得推薦。

Web Component能夠取代你的前端框架嗎？

對Web Component的介紹和使用，最後總結了使用原生web components的好處。

淺談小程序運行機制

從小程序的由來，到雙線程的出現、設計、通訊、到基礎庫、Exparser 框架、再到運行機制、性能優化等等方面，來看小程序的運行機制和它的總體技術架構。

關於移動端適配，你必需要知道的

本文從移動端適配的基礎概念出發，探究移動端適配各類問題的解決方案和實現原理。

玉伯：從前端到體驗，如何把格局作大

輕鬆一下，值得閱讀。