阿里云前端周刊 - 第 26 期

beanlam 發布于2019-08-21 16:43 / 1375人閱讀

摘要：小米直達服務探秘，如何保證移動體驗小米直達服務是小米推出的混合開發框架，它可以實現秒開，同時可以在瀏覽器短信微信等地方打開。本文即是小米直達服務體驗保障方面的實踐分享，討論了目前移動體驗的瓶頸小米直達服務的機制與核心關鍵等內容。

推薦 1. Node.js 8.5.0 發布

https://nodejs.org/en/blog/re...

已經發布的 Node.js 8.5.0 版本中引入了一系列的新特性與錯誤修復，其中值得注意的是 V8 重新支持 Snapshots、引入了 console.group()、新增了 fs.copyFile 與 fs.copyFileSync 以更高效地復制文件等特性。

2. 再見，babel-preset-2015

https://zhuanlan.zhihu.com/p/...

9 月份 Babel 官網宣布 ES20xx 時代的 presets 通通被廢棄，取而代之的是 babel-preset-env，并且承諾它將成為“未來不會過時的”解決方案。

3. 實戰中學習 Flexbox

https://medium.freecodecamp.o...

本文是針對 Flexbox 的實戰提高，不過對于那些即使對 Flexbox 一無所知的開發者，本文也提供了一系列的學習教程。本文依次介紹了如何使用 Flexbox 構建畫廊、卡片、網格、常見的網頁布局、富媒體呈現、表單、移動應用布局等內容。

4. JavaScript 工作原理：內存管理與常見內存泄露分析

https://blog.sessionstack.com...

本文章皆著眼于深度解析 JavaScript 內部運行原理，而本文則重點討論編程語言中常見的內存管理問題；并且還提出了對于處理常見的內存泄露的建議。本文首先介紹了變量內存的生命周期、內存的定義、如何分配內存、垃圾回收的機制、內存泄露的定義以及常見的四種內存泄露的形式與應對手段。

其它 1. 深入淺出 CSS Transforms

https://www.heartinternet.uk/...

通過 transform 屬性，我們能夠移動、渲染、縮放或者提升任何頁面元素；本文即是從最基礎的 transform 語法開始講起，介紹生動的案例來讓讀者體驗 CSS Transforms 各種不凡的用法。本文首先介紹了 translate、scale、rotate、skew 等常見的變換函數的用法，然后介紹了如何綜合利用這些屬性來實現復雜的動畫，最后還介紹了 CSS 中 animation 的用法。

2. 來自 Treebo 的 React 與 Preact PWA 性能分析

https://medium.com/dev-channe...

本文是 Addy Osmani 大神參與編寫的，印度 Treebo 公司使用的 Preact PWA 性能優化案例；相較于舊版本的網站，新版本在首屏渲染上提高了 70%，初始交互等待時間減少了 31%，大部分的訪客在 3G 環境下只需要 4s 即可以瀏覽完整內容。本文以 React 單頁應用為例，討論了服務端渲染帶來的首屏渲染的性能提升；然后討論了基于路由的代碼分割與懶加載，接下來還討論了 PRPL 模式、HTML Streaming、關鍵路徑 CSS、離線靜態資源緩存、從 React 切換到 Preact 等內容。

3. 小米直達服務探秘，如何保證移動 Web 體驗？

https://mp.weixin.qq.com/s/b5...

小米直達服務是小米推出的 App 混合開發框架，它可以實現秒開，同時可以在瀏覽器、短信、微信等地方打開。本文即是小米直達服務 Web 體驗保障方面的實踐分享，討論了目前移動 Web 體驗的瓶頸、小米直達服務的機制與核心關鍵等內容。

4. 全棧 Web 學習路徑

https://github.com/shovanch/f...

本文是針對全棧 JavaScript 開發學習與進階的指南，涵蓋了從基礎語法到 React、Node.js 等多方面的學習路徑與資料推薦。本文涵蓋了課程、項目、書籍等多種資源形式，介紹了語法基礎、React 應用開發、Node.js 服務端應用程序開發等多個領域的內容；

5. 對于 CSS-in-JS 的缺陷分析

https://codeburst.io/css-in-j...

本文作者從自己的角度闡述了對于 CSS-in-JS 的看法，將其形容為：就像用壞掉的螺絲刀替換你最愛的工具；閱讀的時候也可以看下評論區的回復，辨證地來看待作者的觀點。隨著 React 等現代 Web 框架的興起，CSS-in-JS 也受到了很多的關注，人們期望用它來解決傳統 CSS 中全局作用域、代碼難以管理的問題。不過本文作者確認為 CSS-in-JS 本身就是反模式，他從代碼的組織結構、耦合方式，CSS-in-JS 帶來的界面一致性地破壞、代碼可復用性地降低等角度來闡述自己的觀點，最后提出了還是應該使用 OOCSS 這樣標準的 CSS 工程實踐來解決 CSS 自身的問題。

云服務器獨立開發變現周刊（第26期）：短鏈瀏覽器獨立開發變現周刊（第 17 期）：為了活獨立開發變現周刊（第25期）：免費表單生獨立開發變現周刊（第 19 期）：基于G

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88642.html

2017-06-26 前端日報

摘要：前端日報精選第期正則表達式回溯法原理入門教程眾成翻譯在中調試入門教程眾成翻譯框架之戰眾成翻譯中文技術周刊期知乎專欄新特性之命令掘金創建對象的七種方式中的惰性數組介紹眾成翻譯跟手轉動的羅盤指針掘金和簡介修仙之路仿音樂移 2017-06-26 前端日報精選【第977期】正則表達式回溯法原理npm 入門教程 - 眾成翻譯在 Chrome DevTools 中調試 JavaScript 入...

LeviDing 2019-08-20 17:32 評論0 收藏0
阿里云前端周刊 - 第 24 期

摘要：版本發布近日發布的版本中引入了許多新的特性，并且能夠更好地與協同開發。阿里云前端工程化工具正式開源取黎明破曉之意，原為阿里云業務運營團隊內部的前端構建和工程化工具，現已完全開源。推薦 1. Firefox 引入 Headless 模式 https://developer.mozilla.org... 類似于 Chrome 的 Headless 模式，現在 Firefox 也引入了 H...

lncwwn 2019-08-21 16:25 評論0 收藏0
阿里云前端周刊 - 第 20 期

摘要：網頁可訪問性似乎是一項艱巨的任務，但它確實比聽起來要容易很多，這十條網頁可訪問性準則旨在確保所有網站都是通用的。推薦 1. 阿里電商架構演變之路 https://yq.aliyun.com/article... 首屆阿里巴巴中間件技術峰會上，阿里巴巴中間件技術部專家唐三帶來阿里電商架構演變之路的演講，本文從阿里業務和技術架構開始引入，分別分享了阿里電商從1.0到4.0架構的演變之路，...

Baaaan 2019-08-21 11:54 評論0 收藏0
阿里云前端周刊 - 第 15 期

摘要：推薦為什么我們選擇本文是工程師記述在前端技術選型時選用的考慮過程。能夠保證較好的類型覆蓋，但是其對于多態性的支持并不是很好，并且的社區也相對活躍。引擎就是為解決這一問題而生，在中也是采用該引擎來解析。推薦 1. 為什么我們選擇 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程師 Niranjan Ramadas 記述在...

stefanieliang 2019-08-20 17:52 評論0 收藏0