成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

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

explorer_ddf / 2742人閱讀

摘要:詳情中文版網(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) WebAuthn

2018 年 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

06. Site Palette:網(wǎng)頁(yè)調(diào)色板工具

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

相關(guān)文章

  • FCC 成都社區(qū)·前端周刊 4

    摘要:詳情刪除未使用的樣式是一個(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...

    jonh_felix 評(píng)論0 收藏0
  • FCC 成都社區(qū)·前端周刊 4

    摘要:詳情刪除未使用的樣式是一個(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...

    opengps 評(píng)論0 收藏0
  • FCC 成都社區(qū)·前端周刊 4

    摘要:詳情刪除未使用的樣式是一個(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...

    whataa 評(píng)論0 收藏0
  • FCC 成都社區(qū)·前端周刊 8

    摘要:詳情中文版網(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/ ...

    caoym 評(píng)論0 收藏0
  • FCC 成都社區(qū)·前端周刊 8

    摘要:詳情中文版網(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/ ...

    Lorry_Lu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<