資訊專欄INFORMATION COLUMN
摘要：小米直達(dá)服務(wù)探秘，如何保證移動體驗(yàn)小米直達(dá)服務(wù)是小米推出的混合開發(fā)框架，它可以實(shí)現(xiàn)秒開，同時可以在瀏覽器短信微信等地方打開。本文即是小米直達(dá)服務(wù)體驗(yàn)保障方面的實(shí)踐分享，討論了目前移動體驗(yàn)的瓶頸小米直達(dá)服務(wù)的機(jī)制與核心關(guān)鍵等內(nèi)容。
推薦 1. Node.js 8.5.0 發(fā)布
https://nodejs.org/en/blog/re...
已經(jīng)發(fā)布的 Node.js 8.5.0 版本中引入了一系列的新特性與錯誤修復(fù)，其中值得注意的是 V8 重新支持 Snapshots、引入了 console.group()、新增了 fs.copyFile 與 fs.copyFileSync 以更高效地復(fù)制文件等特性。
2. 再見，babel-preset-2015https://zhuanlan.zhihu.com/p/...
9 月份 Babel 官網(wǎng)宣布 ES20xx 時代的 presets 通通被廢棄，取而代之的是 babel-preset-env，并且承諾它將成為“未來不會過時的”解決方案。
3. 實(shí)戰(zhàn)中學(xué)習(xí) Flexboxhttps://medium.freecodecamp.o...
本文是針對 Flexbox 的實(shí)戰(zhàn)提高，不過對于那些即使對 Flexbox 一無所知的開發(fā)者，本文也提供了一系列的學(xué)習(xí)教程。本文依次介紹了如何使用 Flexbox 構(gòu)建畫廊、卡片、網(wǎng)格、常見的網(wǎng)頁布局、富媒體呈現(xiàn)、表單、移動應(yīng)用布局等內(nèi)容。
4. JavaScript 工作原理：內(nèi)存管理與常見內(nèi)存泄露分析https://blog.sessionstack.com...
本文章皆著眼于深度解析 JavaScript 內(nèi)部運(yùn)行原理，而本文則重點(diǎn)討論編程語言中常見的內(nèi)存管理問題；并且還提出了對于處理常見的內(nèi)存泄露的建議。本文首先介紹了變量內(nèi)存的生命周期、內(nèi)存的定義、如何分配內(nèi)存、垃圾回收的機(jī)制、內(nèi)存泄露的定義以及常見的四種內(nèi)存泄露的形式與應(yīng)對手段。
其它 1. 深入淺出 CSS Transformshttps://www.heartinternet.uk/...
通過 transform 屬性，我們能夠移動、渲染、縮放或者提升任何頁面元素；本文即是從最基礎(chǔ)的 transform 語法開始講起，介紹生動的案例來讓讀者體驗(yàn) CSS Transforms 各種不凡的用法。本文首先介紹了 translate、scale、rotate、skew 等常見的變換函數(shù)的用法，然后介紹了如何綜合利用這些屬性來實(shí)現(xiàn)復(fù)雜的動畫，最后還介紹了 CSS 中 animation 的用法。
2. 來自 Treebo 的 React 與 Preact PWA 性能分析https://medium.com/dev-channe...
本文是 Addy Osmani 大神參與編寫的，印度 Treebo 公司使用的 Preact PWA 性能優(yōu)化案例；相較于舊版本的網(wǎng)站，新版本在首屏渲染上提高了 70%，初始交互等待時間減少了 31%，大部分的訪客在 3G 環(huán)境下只需要 4s 即可以瀏覽完整內(nèi)容。本文以 React 單頁應(yīng)用為例，討論了服務(wù)端渲染帶來的首屏渲染的性能提升；然后討論了基于路由的代碼分割與懶加載，接下來還討論了 PRPL 模式、HTML Streaming、關(guān)鍵路徑 CSS、離線靜態(tài)資源緩存、從 React 切換到 Preact 等內(nèi)容。
3. 小米直達(dá)服務(wù)探秘，如何保證移動 Web 體驗(yàn)？https://mp.weixin.qq.com/s/b5...
小米直達(dá)服務(wù)是小米推出的 App 混合開發(fā)框架，它可以實(shí)現(xiàn)秒開，同時可以在瀏覽器、短信、微信等地方打開。本文即是小米直達(dá)服務(wù) Web 體驗(yàn)保障方面的實(shí)踐分享，討論了目前移動 Web 體驗(yàn)的瓶頸、小米直達(dá)服務(wù)的機(jī)制與核心關(guān)鍵等內(nèi)容。
4. 全棧 Web 學(xué)習(xí)路徑https://github.com/shovanch/f...
本文是針對全棧 JavaScript 開發(fā)學(xué)習(xí)與進(jìn)階的指南，涵蓋了從基礎(chǔ)語法到 React、Node.js 等多方面的學(xué)習(xí)路徑與資料推薦。本文涵蓋了課程、項(xiàng)目、書籍等多種資源形式，介紹了語法基礎(chǔ)、React 應(yīng)用開發(fā)、Node.js 服務(wù)端應(yīng)用程序開發(fā)等多個領(lǐng)域的內(nèi)容；
5. 對于 CSS-in-JS 的缺陷分析https://codeburst.io/css-in-j...
本文作者從自己的角度闡述了對于 CSS-in-JS 的看法，將其形容為：就像用壞掉的螺絲刀替換你最愛的工具；閱讀的時候也可以看下評論區(qū)的回復(fù)，辨證地來看待作者的觀點(diǎn)。隨著 React 等現(xiàn)代 Web 框架的興起，CSS-in-JS 也受到了很多的關(guān)注，人們期望用它來解決傳統(tǒng) CSS 中全局作用域、代碼難以管理的問題。不過本文作者確認(rèn)為 CSS-in-JS 本身就是反模式，他從代碼的組織結(jié)構(gòu)、耦合方式，CSS-in-JS 帶來的界面一致性地破壞、代碼可復(fù)用性地降低等角度來闡述自己的觀點(diǎn)，最后提出了還是應(yīng)該使用 OOCSS 這樣標(biāo)準(zhǔn)的 CSS 工程實(shí)踐來解決 CSS 自身的問題。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88642.html
摘要：前端日報精選第期正則表達(dá)式回溯法原理入門教程眾成翻譯在中調(diào)試入門教程眾成翻譯框架之戰(zhàn)眾成翻譯中文技術(shù)周刊期知乎專欄新特性之命令掘金創(chuàng)建對象的七種方式中的惰性數(shù)組介紹眾成翻譯跟手轉(zhuǎn)動的羅盤指針掘金和簡介修仙之路仿音樂移 2017-06-26 前端日報 精選 【第977期】正則表達(dá)式回溯法原理npm 入門教程 - 眾成翻譯在 Chrome DevTools 中調(diào)試 JavaScript 入...
摘要：版本發(fā)布近日發(fā)布的版本中引入了許多新的特性，并且能夠更好地與協(xié)同開發(fā)。阿里云前端工程化工具正式開源取黎明破曉之意，原為阿里云業(yè)務(wù)運(yùn)營團(tuán)隊(duì)內(nèi)部的前端構(gòu)建和工程化工具，現(xiàn)已完全開源。 推薦 1. Firefox 引入 Headless 模式 https://developer.mozilla.org... 類似于 Chrome 的 Headless 模式，現(xiàn)在 Firefox 也引入了 H...
摘要：網(wǎng)頁可訪問性似乎是一項(xiàng)艱巨的任務(wù)，但它確實(shí)比聽起來要容易很多，這十條網(wǎng)頁可訪問性準(zhǔn)則旨在確保所有網(wǎng)站都是通用的。 推薦 1. 阿里電商架構(gòu)演變之路 https://yq.aliyun.com/article... 首屆阿里巴巴中間件技術(shù)峰會上，阿里巴巴中間件技術(shù)部專家唐三帶來阿里電商架構(gòu)演變之路的演講，本文從阿里業(yè)務(wù)和技術(shù)架構(gòu)開始引入，分別分享了阿里電商從1.0到4.0架構(gòu)的演變之路，...
摘要：推薦為什么我們選擇本文是工程師記述在前端技術(shù)選型時選用的考慮過程。能夠保證較好的類型覆蓋，但是其對于多態(tài)性的支持并不是很好，并且的社區(qū)也相對活躍。引擎就是為解決這一問題而生，在中也是采用該引擎來解析。 推薦 1. 為什么我們選擇 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程師 Niranjan Ramadas 記述在...
閱讀 814·2021-11-11 16:54
閱讀 1557·2021-08-24 10:01
閱讀 1941·2019-08-30 15:54
閱讀 3324·2019-08-29 14:02
閱讀 3162·2019-08-28 18:22
閱讀 2273·2019-08-28 18:09
閱讀 3749·2019-08-26 10:26
閱讀 2688·2019-08-23 18:23
