第二期 - 曲徑通幽

03-07

性能相關-深度閱讀

2018 前端性能優化清單

我們都知道性能很重要，但是，是否真的一直都知道我們性能優化的瓶頸在哪？是代價昂貴的 JavaScript？是 web 字體很慢？還是比較大的圖片？或者是渲染速度過於遲緩？tree-shaking（無用代碼移除）、scope hoisting（作用域提升）、code-splitting（按需載入）、 intersection observer 以及 clients hints、CSS containment、HTTP/2 和 service workers 這些技術都是有利於性能優化的。並且，最重要的是，我們要從哪裡開始提升我們的性能呢？並且要怎麼建立長久有效的性能機制。

有貨移動Web端性能優化探索實踐

秒出？動畫絲滑？看作者通過對node服務端渲染、介面服務、業務處理及模板渲染、Nginx、首屏、圖片、緩存、靜態資源、DOM等方面進行移動端性能的一系列優化探索實踐。

記Chrome的性能分析工具實踐

chrome提供了強大的性能分析工具，怎樣通過Memory、Timeline等工具一步一步分析找到內存泄漏的原因，或許這篇文章可以給我們一些參考。

[譯] 網路現狀：性能提升指南

從資源的優化、圖片優化、網路字體、javascript腳本、性能追蹤方面闡述、歸納了一些實用的性能優化方案。

現代化懶載入的方式

懶載入實我們優化圖片、首屏等性能的常用方案，那麼怎麼實施現代化懶載入方案呢？圖文並茂看此篇。

機制與原理-深度閱讀

Node 定時器詳解

JavaScript 是單線程運行，非同步操作特別重要。Node 的非同步語法比瀏覽器更複雜，因為它可以跟內核對話，不得不搞了一個專門的庫 libuv 做這件事。這個庫負責各種回調函數的執行時間，畢竟非同步任務最後還是要回到主線程，一個個排隊執行...

深入理解 ES6 模塊機制

在 ES6 中，我們知道 import、export 取代了 require、module.exports 用來引入和導出模塊，但是如果不了解 ES6 模塊特性的話，代碼可能就會運行出一些匪夷所思的結果，下面我將通過這篇文章為你揭開 ES6 模塊機制特點，以及node與ES6循環依賴時不同的載入機制和原理

極致 SPA 指南

SPA提升頁面切換體驗、降低切換時間、易於部署&前後端分離；然而同時SPA初始載入腳本較大、首屏空白時間較長、頁面返回時，數據被動重新拉取。這些問題是使用 SPA 模式不可避免的，通過了解SPA載入運行過程，可以逐漸看清楚引起性能問題的根本原因，通過精細化應用載入，來解決這些問題。

JavaScript 奇怪事件簿

梳理 javascript 中讓人疑惑的表達式以及背後的原理。

學習與最佳實踐

Nginx 容器教程

手把手帶你搭建 Nginx 容器，以及學習如何加入 SSL 證書。你會看到 Docker 用來測試軟體的新功能。

手淘過年項目中採用到的前端技術

如何利用vue生態技術玩轉手淘過年項目，過程中作者踩了一些坑並把解決方案和實踐經驗分享給大家

下一代零配置打包工具 Parcel 初體驗

過於複雜繁瑣的 webpack 配置一直是前端項目里的一個痛點，而新一代的「零配置」打包器 parcel 正在解決這個問題

天天寫代碼，如何成為技術大牛？

每個程序員都有成為技術大牛或技術總監的想法。但是「夢想是美好的，現實是殘酷的」，很多人在實際工作後就會發現，夢想是成為大牛，但做的事情看起來跟大牛一點都不沾邊，和黃牛還差不多。比如，程序員常說「天天寫業務代碼，插庫寫庫CRUD，還天天加班，如何才能成為技術大牛」?

前端傳聞

webpack 4正式發布，速度最高可提升98%！！
細數國內外的前端大牛們
年度最佳 JavaScript 和 CSS 開源庫推薦！
Chrome will mark all HTTP sites as 『not secure』 starting in July
10 things why I love about Vue