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