資訊專欄INFORMATION COLUMN
摘要：前端技術日新月異，在你鞏固底層技能的同時，別忘了還要跟上前沿技術的發展步伐。你可以從谷歌的博客中了解更多相關信息。令我驚訝的是，谷歌所有地方在非常簡單的頁面上都沒有搜索欄。快速發布預覽零配置打包工具。快速啟動新的工具。
Web 前端技術日新月異，在你鞏固底層技能的同時，別忘了還要跟上前沿技術的發展步伐。
本期刊專注于 Web 前端前沿技術，收集的內容來自國外各大前端技術周刊，這里把值得分享的內容做了整理。
本期熱文 2019 年為 React App 制作動畫的 5 種方法小心別錯過它哦， 我們收集的一系列很好的可以在 React 項目中動畫的方法。
新的 React DevTools 介紹如果您是 React 開發人員，那么您應該使用 DevTools，因為您使用了它們，就可以更快，更簡便的駕馭 React。 它支持 React 15 及以上版本。
BRIAN VAUGHN
關于“CSS-in-JS”的不同觀點有些人很討厭 CSS-in-JS，認為它混淆了個人的意圖，而另一些人則很喜歡它提供的便利。 在這里，Chris Coyier 通過不同的立場，通過實踐來讓你更詳細的進行了解。
CSS TRICKS
jQuery的歷史和遺產jQuery 可能在 web 開發中有些失寵，但它仍然為 74％ 的網站提供支持，并為現代web 框架鋪平了道路。
DANNY GUO
JavaScript 和 Node 測試最佳實踐將近 50 種最佳實踐，分為：后端，前端，CI 等幾大類，并附有代碼示例。 不僅包含基礎知識，它還涉及到視覺回歸、生成式測試（Property-Based Testing）和契約測試（Contract Testing）等領域。
YONI GOLDBERG
什么是 TTFB（Time to First Byte）一起來了解下 TTFB 在前端性能方面的重要性。
HARRY ROBERTS
Largest Contentful Paint在 Chrome 77 中實現的最大內容繪制（ LCP ） API，宣布了已經得到的最大可視化內容元素的渲染時間。你可以從谷歌的博客中了解更多相關信息。
面向全棧開發者的 VS Code 擴展列表很多 VS Code 擴展，主要面向 JavaScript 開發者。 有趣的是，因為原始版本在社區被吐槽且爭議不斷，所以作者聽取了許多人的建議并重寫了它！
JON R. CORBIN
最小化 SVG一位軟件工程師為你講述，他是如何為他的博客進行 SVG 優化的。
VICTOR ZHOU
https://victorzhou.com/blog/m...
有趣的 404關于 404，網絡上有很多有創意的、有用或者有趣的錯誤頁面：
谷歌 Android 操作系統的錯誤頁面提供了一個有用的列表，列出了下一步的流行建議，還有一個可愛的小游戲可以玩。
設計工具 Figma 采用與其產品相關的有趣方法——您可以調整屏幕上 404 文本的一些定位點。
在鼓勵您進行新的搜索的同時，亞馬遜用 404 頁面來展示公司員工的狗狗。當你刷新頁面，會出現新的狗狗。
在 NPR 網站上迷失了怎么辦？404 頁面突出強調了丟失的人、位置和東西。
GitHub 的錯誤頁面用一個 Obi-wan Kenobi Octocat 和靈巧的懸停效果向《星球大戰》致敬。
你能在藝術家史蒂夫蘭伯特的 404 頁面上找到一個尷尬的長視頻。
令我驚訝的是，谷歌（所有地方）在非常簡單的 404 頁面上都沒有搜索欄。但 YouTube有。
英國設計咨詢公司 Laser Red 的特色是約翰特拉沃爾塔的你有膽再說一次 404，還做了一個有趣的模糊處理。
在構建自己的 404 錯誤頁面時，你可以為用戶提供任何有價值的幫助。包括搜索欄，有用或者熱門的鏈接列表，以及報告錯誤的方法等，都是一些值得考慮的最佳實踐。
文章 如何使用 await / async 正確的鏈接多個函數NICHOLAS DUNKEL
5個有趣的 JavaScript 解構用途DMITRI PAVLUTIN
開發人員的設計原則：更好的 Web 設計過程和 CSS 技巧了解 Web 設計的成分是一回事，但將它們組合到優秀的 Web 站點又是另一回事。 讓我們看看作者關注了哪三個方面來更好地進行開發設計。
ANDREW SPENCER
在 Sass 中處理未使用的 CSS 以提高性能探索面向 Sass 的解決方案，用于處理未使用的 CSS 代碼，避免涉及無頭瀏覽器和仿真 DOM 的復雜依賴性。
LUKE HARRISON
"Logic-Less" JSXJSX 為邏輯和標記的混合提供了機會，這很有意義，但是......你可以走得更遠。 這篇文章是關于如何保持代碼純凈的一些想法。
JONATHAN VERRECCHIA
原生懶加載已經到來英國廣播公司（BBC）的一名軟件工程師通過 Chrome 的新原生延遲加載功能和他在公司使用的經驗進行了討論。
ANDY POTTS
使用 scrollIntoView() 讓新增元素在溢出容器中顯示當你在瀏覽頁面文檔時，可能在并不能意識到一些東西是否存在，使用 scrollIntoView() 會使這種任務變得容易。
CHRISTIAN HEILMANN
Tailwind CSS 簡介簡要介紹 Tailwind CSS，這是一種流行的基于實用程序的CSS庫。
JOSHUA HALL
教程 讓它動起來：零基礎創建 Web 動畫（視頻）如何為 Web 動畫創建和構建圖形（使用 SVG 和 JS ），以及如何制定或平衡創意與技術決策。
CHRIS GANNON
使用 CSS 和 Splitting.js 實現可變字體動畫.這將向您展示如何僅使用 CSS 為可變字體設置動畫，以及如何通過在頁面上包含 Splitting.js 來動態處理任意大小的文本（但是您應該將其用于標題）來使其變得更容易。
CI / CD 的安全性最佳實踐幫助你實施 CI / CD 管道安全性標準的安全措施的多種方法。
CIRCLECI
資源 漸變魔法一個獨特的 CSS 漸變庫，您可以通過各種方式進行更改，并按流行或新的排序。
IE11 的 CSS 變量IE11 的自定義屬性（ CSS 變量） polyfill 。我不是一個為一個已經很慢的瀏覽器墊片的忠實粉絲，但如果你需要它的話，這是一個可選方案。
vue-willtable適用于 Vue 的可編輯的類 Excel 表組件。
useAuth：將 Auth 添加到 React App 的最簡單方法使用身份驗證平臺和 Auth0，為您提供許多“開箱即用”的功能。
SWIZEC TELLER
工具 Acorn 7.0：一個用純 Javascript 編寫的微型 JavaScript 解析器HAVERBEKE, STEPANYAN, ET AL.
NPKILL：查找和刪除舊的或巨大的 node_modules 文件夾使用此工具刪除你系統中不需要的 node_modules 文件夾。
ESTEFANíA GARCíA GALLARDO AND JUAN TORRES GóMEZ
UI Faces：用于設計實物模型的頭像如果您需要使用真實用戶頭像當ui界面，那么這些匯集整理的文章可能會對你有所幫助。
ALEKSANDAR TASEVSKI
用于布局的五個 CSS 網格生成器MARIA ANTONIETTA PERNA
在線圖像顏色選擇器想要一個與您的圖像匹配的調色板？ 使用我們的在線顏色選擇器找到您完美的 html 顏色。 單擊圖像以獲得 HEX，RGB 和 HSL 格式的顏色。
伊娃設計系統一個深度學習顏色生成器。選擇好一個主要顏色，應用程序將在這基礎上顯示各種“語義”顏色。
vue-to-react將 Vue 組件轉換為 React 組件。
OverVue一種原型設計工具，允許開發人員動態創建和可視化 Vue 應用程序，實現組件層次結構的實時直觀樹形顯示和實時生成的代碼預覽。
快速發布預覽Parcel 2.0 alpha 1：零配置打包工具。
V8 7.7：為 Chrome 和 Node 提供支持的 JS 引擎。
Jest 24.9：流行的 JavaScript 測試解決方案。
Rapha?l 2.3：跨瀏覽器矢量圖形庫。
TUI編輯器 1.4.6：強大的 Markdown WYSIWYG 編輯器。
Create React App 3.1：“快速啟動新 React App ”的工具。
內容來源Frontend Focus: https://frontendfoc.us/
JavaScript Weekly: https://javascriptweekly.com/
Responsive Design Weekly: https://responsivedesign.is/
Web Tools Weekly: https://webtoolsweekly.com/
CSS Animation Weekly: https://weekly.cssanimation.r...
如果你喜歡，你也可以關注我的微信公眾號：zhao-buhan
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116325.html
摘要：前端技術日新月異，在你鞏固底層技能的同時，別忘了還要跟上前沿技術的發展步伐。你可以從谷歌的博客中了解更多相關信息。令我驚訝的是，谷歌所有地方在非常簡單的頁面上都沒有搜索欄。快速發布預覽零配置打包工具。快速啟動新的工具。 Web 前端技術日新月異，在你鞏固底層技能的同時，別忘了還要跟上前沿技術的發展步伐。 本期刊專注于 Web 前端前沿技術，收集的內容來自國外各大前端技術周刊，這里把值得...
摘要：更新日志應對添加以編程方式收集性能測量。在和在將棄用為常見攻擊面。添加對事件的支持。在從調用時發出警告，創建循環。在和從錯誤的渲染器使用時發出警告。 2019年8月8日，我們發布了React 16.9。它包含幾個新功能，錯誤修正和新的棄用警告，以幫助準備未來的主要版本。 showImg(https://segmentfault.com/img/bVbwoB5?w=1728&h=666)...
摘要：更新日志應對添加以編程方式收集性能測量。在和在將棄用為常見攻擊面。添加對事件的支持。在從調用時發出警告，創建循環。在和從錯誤的渲染器使用時發出警告。 2019年8月8日，我們發布了React 16.9。它包含幾個新功能，錯誤修正和新的棄用警告，以幫助準備未來的主要版本。 showImg(https://segmentfault.com/img/bVbwoB5?w=1728&h=666)...
閱讀 954·2021-11-25 09:43
閱讀 2290·2019-08-30 15:55
閱讀 3153·2019-08-30 15:44
閱讀 2052·2019-08-29 16:20
閱讀 1452·2019-08-29 12:12
閱讀 1608·2019-08-26 12:19
閱讀 2282·2019-08-26 11:49
閱讀 1711·2019-08-26 11:42
