01. 2018 前端開闢者手冊
這是一份 2018 前端開闢手冊，內容包含三個部份：前端工程實踐、前端開闢進修和前端開闢東西。
概況：https://frontendmasters.com/books/front-end-handbook/2018/
02. Bootstrap v4.1.0 宣布
Bootstrap 宣布了最新版本 v4.1.0，該版本除了通例的 bug 修復和文檔更新外，還新增了自定義局限表單控件、輪播東西 carousel-fade、純文本下拉菜單項 dropdown-item-text 和 box-shadow 東西等功用。
概況：https://blog.getbootstrap.com/2018/04/09/bootstrap-4-1/
03. Firefox Reality：簡樸的 VR 瀏覽器
2018 年 4 月 3 日 Mozilla 推出 Firefox Reality，這是一款全新的 VR 瀏覽器，特地為假造實際(VR)和加強實際(AR)而設想。該瀏覽器已在 GitHub 上開源。
概況：https://blog.mozilla.org/blog/2018/04/03/mozilla-brings-firefox-augmented-virtual-reality/
04. Angular 6 有什麼新功用？
跟着 Angular 6 候選版本 RC5 的宣布，正式版將很快宣布。一起來看看 Angular 6 中的新功用：支撐 TypeScript 2.7+ ，新增襯着引擎 lvy，支撐 Bazel 編譯器，將 navigationSource 和 restoredState 添加到 NavigationStart。
概況：https://walkingtree.tech/whats-new-angular-6/
05. 瀏覽器無暗碼登錄的新規範 WebAuthn
2018 年 4 月 10 日 FIDO 同盟（FIDO Alliance）與 W3C 團結取得了 Web 認證規範的重大進展，為環球用戶帶來更簡樸、更壯大的 Web 認證體式格局。由 FIDO 提交的文檔 Web Authentication（WebAuthn），已正式進入 W3C 候選引薦規範（Candidate Recommendation，簡稱CR）階段。現在 WebAuthn 規範已取得 Firefox 最新版本的支撐，將來幾個月行將推出的 Chrome 和 Edge 新版本也將支撐該規範。
概況：https://www.theverge.com/2018/4/10/17215406/webauthn-support-chrome-firefox-edge-fido-password-free
中文版：https://mp.weixin.qq.com/s/enjl4i-3naF0iOdZMfrYuw
06. Site Palette：網頁調色板東西
Site Palette 是一個簡樸易用的免費 chrome 瀏覽器擴大順序，可提掏出網頁的基礎色彩天生調色板，可作為設想師和前端開闢人員的有效東西。
07. 圖象和視頻的懶加載
怎樣改良初始頁面加載時候和下降每頁有效載荷？本指南引見了懶加載相干手藝，懶加載庫 lazysizes 和懶加載中須要注重的題目。
概況：https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/
08. 運用CSS filter處理SVG背景色彩題目
你能夠發明運用 SVG 圖片做背景圖時會難以掌握 fill color 等屬性，在這類情況下，能夠嘗試運用 CSS filter。它供應了 10 多個屬性，包含 blur,contrast,brightness,grayscale 和 hue-rotate 等，用於直接在瀏覽器中完成相似 Photoshop 濾鏡的視覺效果。
概況：https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/
09. NodeJs 中的 HTTP/2 推送功用
HTTP/2 的重要目的是經由過程啟用完全的請乞降相應復用來削減耽誤，經由過程 HTTP 頭域的高效緊縮來最大限制地削減協定開支，並增加對要求優先級和服務器推送的支撐。HTTP/2 Server Push 許可服務器在收到瀏覽器的要求之前，主意向瀏覽器推送資本。文章引見了 NodeJs 中 HTTP/2 服務端推送的更新。
概況：https://medium.com/the-node-js-collection/node-js-can-http-2-push-b491894e1bb1
10. 從頭開始編寫本身的 Promise 庫
跟着 NodeJs 對 Async/await 的支撐，我們越來越少運用 Callbacks。而 Async/await 又是基於 Promise 的，因而明白這類盛行的異步完成機制是很有必要的。在這篇文章中, 作者解說了怎樣編寫本身的 Promise 庫，並演示怎樣運用 Async/await。
概況：http://thecodebarbarian.com/write-your-own-node-js-promise-library-from-scratch.html
11. Epic Spinners：一個簡樸易用的CSS扭轉動畫庫
Epic Spinners 是一個 CSS 扭轉動畫庫，能夠經由過程 html/css 源碼運用，或許作為 Vue.js 組件運用。另外另有效於 Angular 的庫 angular-epic-spinners 和用於 React 的庫 react-epic-spinners。
概況：http://epic-spinners.epicmax.co/
12. 優化 React：假造 DOM 詳解
這是一份周全的對初學者友愛的 React 內部機制的引見，作者為我們揭開 JSX 的神奇面紗，給我們展現 React 怎樣做出襯着決議計劃，怎樣找到機能瓶頸, 並分享了一些履歷和提醒, 以防止罕見的毛病。
概況：https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained
每周一同步更新到
GitHub, 迎接 star :)
