FCC 成都社區(qū)·前端周刊第 8 期

Lorry_Lu 發(fā)布于2019-08-30 15:53 / 511人閱讀

摘要：詳情中文版網(wǎng)頁調(diào)色板工具是一個(gè)簡(jiǎn)單易用的免費(fèi)瀏覽器擴(kuò)展程序，可提取出網(wǎng)頁的基本顏色生成調(diào)色板，可作為設(shè)計(jì)師和前端開發(fā)人員的有用工具。

01. 2018 前端開發(fā)者手冊(cè)

這是一份 2018 前端開發(fā)手冊(cè)，內(nèi)容包括三個(gè)部分：前端工程實(shí)踐、前端開發(fā)學(xué)習(xí)和前端開發(fā)工具。

詳情：https://frontendmasters.com/books/front-end-handbook/2018/

02. Bootstrap v4.1.0 發(fā)布

Bootstrap 發(fā)布了最新版本 v4.1.0，該版本除了常規(guī)的 bug 修復(fù)和文檔更新外，還新增了自定義范圍表單控件、輪播工具 carousel-fade、純文本下拉菜單項(xiàng) dropdown-item-text 和 box-shadow 工具等功能。

詳情：https://blog.getbootstrap.com/2018/04/09/bootstrap-4-1/

03. Firefox Reality：簡(jiǎn)單的 VR 瀏覽器

2018 年 4 月 3 日 Mozilla 推出 Firefox Reality，這是一款全新的 VR 瀏覽器，專門為虛擬現(xiàn)實(shí)(VR)和增強(qiáng)現(xiàn)實(shí)(AR)而設(shè)計(jì)。該瀏覽器已在 GitHub 上開源。

詳情：https://blog.mozilla.org/blog/2018/04/03/mozilla-brings-firefox-augmented-virtual-reality/

04. Angular 6 有什么新功能？

隨著 Angular 6 候選版本 RC5 的發(fā)布，正式版將很快發(fā)布。一起來看看 Angular 6 中的新功能：支持 TypeScript 2.7+ ，新增渲染引擎 lvy，支持 Bazel 編譯器，將 navigationSource 和 restoredState 添加到 NavigationStart。

詳情：https://walkingtree.tech/whats-new-angular-6/

05. 瀏覽器無密碼登錄的新標(biāo)準(zhǔn) WebAuthn

2018 年 4 月 10 日 FIDO 聯(lián)盟（FIDO Alliance）與 W3C 聯(lián)合取得了 Web 認(rèn)證標(biāo)準(zhǔn)的重大進(jìn)展，為全球用戶帶來更簡(jiǎn)單、更強(qiáng)大的 Web 認(rèn)證方式。由 FIDO 提交的文檔 Web Authentication（WebAuthn），已經(jīng)正式進(jìn)入 W3C 候選推薦標(biāo)準(zhǔn)（Candidate Recommendation，簡(jiǎn)稱CR）階段。目前 WebAuthn 標(biāo)準(zhǔn)已獲得 Firefox 最新版本的支持，未來幾個(gè)月即將推出的 Chrome 和 Edge 新版本也將支持該標(biāo)準(zhǔn)。

詳情：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：網(wǎng)頁調(diào)色板工具

Site Palette 是一個(gè)簡(jiǎn)單易用的免費(fèi) chrome 瀏覽器擴(kuò)展程序，可提取出網(wǎng)頁的基本顏色生成調(diào)色板，可作為設(shè)計(jì)師和前端開發(fā)人員的有用工具。

詳情：http://palette.site/

07. 圖像和視頻的懶加載

如何改善初始頁面加載時(shí)間和降低每頁有效載荷？本指南介紹了懶加載相關(guān)技術(shù)，懶加載庫 lazysizes 和懶加載中需要注意的問題。

詳情：https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/

08. 使用CSS filter解決SVG背景顏色問題

你可能發(fā)現(xiàn)使用 SVG 圖片做背景圖時(shí)會(huì)難以控制 fill color 等屬性，在這種情況下，可以嘗試使用 CSS filter。它提供了 10 多個(gè)屬性，包括 blur,contrast,brightness,grayscale 和 hue-rotate 等，用于直接在瀏覽器中實(shí)現(xiàn)類似 Photoshop 濾鏡的視覺效果。

詳情：https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/

09. NodeJs 中的 HTTP/2 推送功能

HTTP/2 的主要目標(biāo)是通過啟用完整的請(qǐng)求和響應(yīng)復(fù)用來減少延遲，通過 HTTP 頭域的高效壓縮來最大限度地減少協(xié)議開銷，并增加對(duì)請(qǐng)求優(yōu)先級(jí)和服務(wù)器推送的支持。HTTP/2 Server Push 允許服務(wù)器在收到瀏覽器的請(qǐng)求之前，主動(dòng)向?yàn)g覽器推送資源。文章介紹了 NodeJs 中 HTTP/2 服務(wù)端推送的更新。

詳情：https://medium.com/the-node-js-collection/node-js-can-http-2-push-b491894e1bb1

10. 從頭開始編寫自己的 Promise 庫

隨著 NodeJs 對(duì) Async/await 的支持，我們?cè)絹碓缴偈褂?Callbacks。而 Async/await 又是基于 Promise 的，因此理解這種流行的異步實(shí)現(xiàn)機(jī)制是很有必要的。在這篇文章中, 作者講解了如何編寫自己的 Promise 庫，并演示如何使用 Async/await。

詳情：http://thecodebarbarian.com/write-your-own-node-js-promise-library-from-scratch.html

11. Epic Spinners：一個(gè)簡(jiǎn)單易用的CSS旋轉(zhuǎn)動(dòng)畫庫

Epic Spinners 是一個(gè) CSS 旋轉(zhuǎn)動(dòng)畫庫，可以通過 html/css 源碼使用，或者作為 Vue.js 組件使用。此外還有用于 Angular 的庫 angular-epic-spinners 和用于 React 的庫 react-epic-spinners。

詳情：http://epic-spinners.epicmax.co/

12. 優(yōu)化 React：虛擬 DOM 詳解

這是一份全面的對(duì)初學(xué)者友好的 React 內(nèi)部機(jī)制的介紹，作者為我們揭開 JSX 的神秘面紗，給我們展示 React 如何做出渲染決策，如何找到性能瓶頸, 并分享了一些經(jīng)驗(yàn)和提示, 以避免常見的錯(cuò)誤。

詳情：https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained

每周一同步更新到 GitHub,  歡迎 star :)

GPU云服務(wù)器云服務(wù)器獨(dú)立開發(fā)變現(xiàn)周刊（第 17 期）：為了活獨(dú)立開發(fā)變現(xiàn)周刊（第25期）：免費(fèi)表單生獨(dú)立開發(fā)變現(xiàn)周刊（第 19 期）：基于G 獨(dú)立開發(fā)變現(xiàn)周刊（第27期）：15年獨(dú)立

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/116705.html