摘要:詳情中文版網(wǎng)頁(yè)調(diào)色板工具是一個(gè)簡(jiǎn)單易用的免費(fèi)瀏覽器擴(kuò)展程序,可提取出網(wǎng)頁(yè)的基本顏色生成調(diào)色板,可作為設(shè)計(jì)師和前端開(kāi)發(fā)人員的有用工具。
01. 2018 前端開(kāi)發(fā)者手冊(cè)
這是一份 2018 前端開(kāi)發(fā)手冊(cè),內(nèi)容包括三個(gè)部分:前端工程實(shí)踐、前端開(kāi)發(fā)學(xué)習(xí)和前端開(kāi)發(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 瀏覽器,專(zhuān)門(mén)為虛擬現(xiàn)實(shí)(VR)和增強(qiáng)現(xiàn)實(shí)(AR)而設(shè)計(jì)。該瀏覽器已在 GitHub 上開(kāi)源。
詳情:https://blog.mozilla.org/blog/2018/04/03/mozilla-brings-firefox-augmented-virtual-reality/
04. Angular 6 有什么新功能?隨著 Angular 6 候選版本 RC5 的發(fā)布,正式版將很快發(fā)布。一起來(lái)看看 Angular 6 中的新功能:支持 TypeScript 2.7+ ,新增渲染引擎 lvy,支持 Bazel 編譯器,將 navigationSource 和 restoredState 添加到 NavigationStart。
詳情:https://walkingtree.tech/whats-new-angular-6/
05. 瀏覽器無(wú)密碼登錄的新標(biāo)準(zhǔn) WebAuthn2018 年 4 月 10 日 FIDO 聯(lián)盟(FIDO Alliance)與 W3C 聯(lián)合取得了 Web 認(rèn)證標(biāo)準(zhǔn)的重大進(jìn)展,為全球用戶(hù)帶來(lái)更簡(jiǎn)單、更強(qiáng)大的 Web 認(rèn)證方式。由 FIDO 提交的文檔 Web Authentication(WebAuthn),已經(jīng)正式進(jìn)入 W3C 候選推薦標(biāo)準(zhǔn)(Candidate Recommendation,簡(jiǎn)稱(chēng)CR)階段。目前 WebAuthn 標(biāo)準(zhǔn)已獲得 Firefox 最新版本的支持,未來(lái)幾個(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
Site Palette 是一個(gè)簡(jiǎn)單易用的免費(fèi) chrome 瀏覽器擴(kuò)展程序,可提取出網(wǎng)頁(yè)的基本顏色生成調(diào)色板,可作為設(shè)計(jì)師和前端開(kāi)發(fā)人員的有用工具。
詳情:http://palette.site/
07. 圖像和視頻的懶加載如何改善初始頁(yè)面加載時(shí)間和降低每頁(yè)有效載荷?本指南介紹了懶加載相關(guān)技術(shù),懶加載庫(kù) lazysizes 和懶加載中需要注意的問(wèn)題。
詳情:https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/
08. 使用CSS filter解決SVG背景顏色問(wèn)題你可能發(fā)現(xiàn)使用 SVG 圖片做背景圖時(shí)會(huì)難以控制 fill color 等屬性,在這種情況下,可以嘗試使用 CSS filter。它提供了 10 多個(gè)屬性,包括 blur,contrast,brightness,grayscale 和 hue-rotate 等,用于直接在瀏覽器中實(shí)現(xiàn)類(lèi)似 Photoshop 濾鏡的視覺(jué)效果。
詳情:https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/
09. NodeJs 中的 HTTP/2 推送功能HTTP/2 的主要目標(biāo)是通過(guò)啟用完整的請(qǐng)求和響應(yīng)復(fù)用來(lái)減少延遲,通過(guò) HTTP 頭域的高效壓縮來(lái)最大限度地減少協(xié)議開(kāi)銷(xiāo),并增加對(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. 從頭開(kāi)始編寫(xiě)自己的 Promise 庫(kù)隨著 NodeJs 對(duì) Async/await 的支持,我們?cè)絹?lái)越少使用 Callbacks。而 Async/await 又是基于 Promise 的,因此理解這種流行的異步實(shí)現(xiàn)機(jī)制是很有必要的。在這篇文章中, 作者講解了如何編寫(xiě)自己的 Promise 庫(kù),并演示如何使用 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)畫(huà)庫(kù)Epic Spinners 是一個(gè) CSS 旋轉(zhuǎn)動(dòng)畫(huà)庫(kù),可以通過(guò) html/css 源碼使用,或者作為 Vue.js 組件使用。此外還有用于 Angular 的庫(kù) angular-epic-spinners 和用于 React 的庫(kù) react-epic-spinners。
詳情:http://epic-spinners.epicmax.co/
12. 優(yōu)化 React:虛擬 DOM 詳解這是一份全面的對(duì)初學(xué)者友好的 React 內(nèi)部機(jī)制的介紹,作者為我們揭開(kāi) JSX 的神秘面紗,給我們展示 React 如何做出渲染決策,如何找到性能瓶頸, 并分享了一些經(jīng)驗(yàn)和提示, 以避免常見(jiàn)的錯(cuò)誤。
詳情:https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained
每周一同步更新到 GitHub, 歡迎 star :)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/94262.html
摘要:詳情刪除未使用的樣式是一個(gè)從樣式表中刪除未使用的工具。詳情參與年前端工具調(diào)查為收集前端開(kāi)發(fā)人員的意見(jiàn),并了解整個(gè)開(kāi)發(fā)行業(yè)的工具習(xí)慣,請(qǐng)戳詳情參與調(diào)查吧這是年的調(diào)查結(jié)果詳情每周一同步更新到歡迎 01. Angular, React or Vue? 如何為下一個(gè) Web 應(yīng)用程序選擇合適的JavaScript 框架?Progress 的新白皮書(shū)提供了對(duì) Angular、React 和 Vu...
摘要:詳情刪除未使用的樣式是一個(gè)從樣式表中刪除未使用的工具。詳情參與年前端工具調(diào)查為收集前端開(kāi)發(fā)人員的意見(jiàn),并了解整個(gè)開(kāi)發(fā)行業(yè)的工具習(xí)慣,請(qǐng)戳詳情參與調(diào)查吧這是年的調(diào)查結(jié)果詳情每周一同步更新到歡迎 01. Angular, React or Vue? 如何為下一個(gè) Web 應(yīng)用程序選擇合適的JavaScript 框架?Progress 的新白皮書(shū)提供了對(duì) Angular、React 和 Vu...
摘要:詳情刪除未使用的樣式是一個(gè)從樣式表中刪除未使用的工具。詳情參與年前端工具調(diào)查為收集前端開(kāi)發(fā)人員的意見(jiàn),并了解整個(gè)開(kāi)發(fā)行業(yè)的工具習(xí)慣,請(qǐng)戳詳情參與調(diào)查吧這是年的調(diào)查結(jié)果詳情每周一同步更新到歡迎 01. Angular, React or Vue? 如何為下一個(gè) Web 應(yīng)用程序選擇合適的JavaScript 框架?Progress 的新白皮書(shū)提供了對(duì) Angular、React 和 Vu...
摘要:詳情中文版網(wǎng)頁(yè)調(diào)色板工具是一個(gè)簡(jiǎn)單易用的免費(fèi)瀏覽器擴(kuò)展程序,可提取出網(wǎng)頁(yè)的基本顏色生成調(diào)色板,可作為設(shè)計(jì)師和前端開(kāi)發(fā)人員的有用工具。 01. 2018 前端開(kāi)發(fā)者手冊(cè) 這是一份 2018 前端開(kāi)發(fā)手冊(cè),內(nèi)容包括三個(gè)部分:前端工程實(shí)踐、前端開(kāi)發(fā)學(xué)習(xí)和前端開(kāi)發(fā)工具。 詳情:https://frontendmasters.com/books/front-end-handbook/2018/ ...
摘要:詳情中文版網(wǎng)頁(yè)調(diào)色板工具是一個(gè)簡(jiǎn)單易用的免費(fèi)瀏覽器擴(kuò)展程序,可提取出網(wǎng)頁(yè)的基本顏色生成調(diào)色板,可作為設(shè)計(jì)師和前端開(kāi)發(fā)人員的有用工具。 01. 2018 前端開(kāi)發(fā)者手冊(cè) 這是一份 2018 前端開(kāi)發(fā)手冊(cè),內(nèi)容包括三個(gè)部分:前端工程實(shí)踐、前端開(kāi)發(fā)學(xué)習(xí)和前端開(kāi)發(fā)工具。 詳情:https://frontendmasters.com/books/front-end-handbook/2018/ ...
閱讀 842·2023-04-25 22:13
閱讀 2351·2019-08-30 15:56
閱讀 2234·2019-08-30 11:21
閱讀 661·2019-08-30 11:13
閱讀 2029·2019-08-26 14:06
閱讀 1966·2019-08-26 12:11
閱讀 2297·2019-08-23 16:55
閱讀 546·2019-08-23 15:30