業(yè)界動(dòng)態(tài)

V8 release v6.4

V8引擎發(fā)布v6.4，在速度和內(nèi)存優(yōu)化上又帶來(lái)了一些提升。對(duì)于instanceof操作符的優(yōu)化，帶來(lái)了3.6x速度提升，同時(shí)使得uglify-js提高了15-20%(結(jié)果來(lái)自Web Tooling Benchmark)

團(tuán)隊(duì)分享

網(wǎng)站性能優(yōu)化——DNS預(yù)熱與合并HTTP請(qǐng)求

本篇從實(shí)踐角度介紹了前端優(yōu)化的兩個(gè)方式，非常值得每一個(gè)前端同學(xué)去使用，簡(jiǎn)單有效。

前端開(kāi)發(fā)

HEAD: Everything To Go In Your HTML's 'head'

HTML head 可能會(huì)用到的標(biāo)簽列表

小tip: 了解LinearRGB和sRGB以及使用JS相互轉(zhuǎn)換

人類(lèi)直覺(jué)判斷遵循眼見(jiàn)為實(shí)，如果我們的顯示器設(shè)備，全部都是按照LinearRGB來(lái)渲染，則會(huì)和我們真實(shí)世界看到的顏色有差異。這個(gè)問(wèn)題在以前是非常嚴(yán)重的，老的顯示器這種物理器件顯示顏色是線性的，純白純黑，然后線性調(diào)節(jié)亮度顏色就出來(lái)的。但人的真實(shí)視覺(jué)確實(shí)非線性的，這就導(dǎo)致電腦看到一張服裝圖片是這樣子的，結(jié)果現(xiàn)實(shí)世界買(mǎi)回來(lái)是另外一個(gè)樣子。

你所不知道的 Typescript 與 Redux 類(lèi)型優(yōu)化

在 FP 中函數(shù)就像一個(gè)個(gè)管道，在管道的連接處的數(shù)據(jù)塊的類(lèi)型總是不盡相同，導(dǎo)致不同管道類(lèi)型往往需要重新定義。本文介紹一些推導(dǎo)函數(shù)返回值類(lèi)型的方法，用來(lái)解決當(dāng)前 TS 不支持直接獲取函數(shù)返回值類(lèi)型的問(wèn)題。

從時(shí)間旅行的烏托邦，看狀態(tài)管理的設(shè)計(jì)誤區(qū)

Redux 的狀態(tài)管理理念非常優(yōu)雅，隨之附帶的時(shí)間旅行調(diào)試支持也非常酷炫。但這個(gè)特性是否是傳說(shuō)中的銀彈，又會(huì)給使用者帶來(lái)什么額外的負(fù)擔(dān)呢，本文討論將時(shí)間旅行從調(diào)試工具向業(yè)務(wù)中落地時(shí)，可能涉及的一些問(wèn)題。

現(xiàn)代前端-對(duì)視覺(jué)和交互的探索

現(xiàn)在前端圈子的現(xiàn)狀是，工程師自己對(duì)前端工作的評(píng)價(jià)與用戶對(duì)前端工作的評(píng)價(jià)是脫節(jié)的，歸因是忘掉前端初心，對(duì)視覺(jué)和交互的探索。這篇分享主要回顧在前端活動(dòng)頁(yè)面上的技術(shù)點(diǎn)和感悟，以及對(duì)未來(lái)發(fā)展趨勢(shì)的展望。

解讀 JavaScript 之 V8 引擎及優(yōu)化代碼的 5 個(gè)技巧

本文深入研究了 Google V8 JavaScript 引擎的內(nèi)部機(jī)制，是如何提升JavaScript 執(zhí)行的性能的。分別闡述了 V8 5.9 版本之前的使用full-codegen、Crankshaft兩個(gè)編譯器的執(zhí)行流程 和 5.9 版本之后引入新管道 基于 Ignition（ V8 的解釋器）和 TurboFan（ V8 的最新優(yōu)化編譯器）建立的執(zhí)行流程，以及總結(jié)了一些如何編寫(xiě)優(yōu)化的 JavaScript的技巧。

Service Worker 全面進(jìn)階

隨著Progressive Web App（ PWA ）在web 應(yīng)用中的不斷發(fā)展， 在用戶體驗(yàn)和用戶留存兩方面都提供了非常好的解決方案。 而作為 PWA 的關(guān)鍵技術(shù)之一 Service Worker，相信大家也不陌生， 本文簡(jiǎn)述了 Service Worker基本用法和cache的操作方法。

實(shí)用推薦

把前端監(jiān)控做到極致

說(shuō)到監(jiān)控，大家第一時(shí)間想到的肯定是 Zabbix、Nagios 等各種強(qiáng)大的后端監(jiān)控服務(wù)。誠(chéng)然，這些強(qiáng)大的平臺(tái)通過(guò)采集服務(wù)器以及鏈路上各種中間件的數(shù)據(jù)，為我們的應(yīng)用穩(wěn)定起到了不可或缺的保駕護(hù)航作用。 然而在互聯(lián)網(wǎng)的另一端，運(yùn)行在用戶終端上的代碼卻缺少這樣強(qiáng)大的監(jiān)控能力。

Developer Experience First —— TWA 的理念與實(shí)踐

簡(jiǎn)單的介紹了 以提升開(kāi)發(fā)者研發(fā)體驗(yàn)為核心的漸進(jìn)式解決方案，給 H5 App 開(kāi)發(fā)者 提供從框架、研發(fā)流程到運(yùn)行時(shí)的完整支持。在傳統(tǒng)的 Web 研發(fā)分層中加入一個(gè) Backend for Frontend(BFF) 層，它負(fù)責(zé)聚合底層業(yè)務(wù)數(shù)據(jù)，給客戶端提供接口。具體的方案細(xì)節(jié)沒(méi)有過(guò)多說(shuō)明， 可以關(guān)注下。

程序人生

2017前端技術(shù)發(fā)展回顧

前端領(lǐng)域在 2017 年再次以狂熱的節(jié)奏向前發(fā)展。本篇列出過(guò)去的一年中最值得關(guān)注的一系列事情。

跨越：邁過(guò)成長(zhǎng)階梯的斷層

職業(yè)成長(zhǎng)就像爬樓，每一個(gè)級(jí)別就像一個(gè)樓層。但到了一定階段（每個(gè)人的階段不會(huì)一樣）會(huì)發(fā)現(xiàn)上面似乎還有幾層但卻看不見(jiàn)下一層的樓梯了。這就是本文想探討的，關(guān)于成長(zhǎng)階梯的斷層。

ELSE 技術(shù)周刊由 IFT 小組 出品，匯聚一周好文章， 周刊原文。本期編輯：

@Curtis 前端中年人

@StoneZou 前端搬磚工，不安分于前端開(kāi)發(fā)的搬磚工

@Steven 寫(xiě) JS 的老年人

@mirreal 想當(dāng)設(shè)計(jì)師的程序員不是一個(gè)好攻城獅

@Jade 以前想多點(diǎn)后端sense寫(xiě)前端，現(xiàn)在想多點(diǎn)產(chǎn)品sense寫(xiě)前端

點(diǎn)擊這里 向我們推薦你讀到的好文章。

轉(zhuǎn)載于:https://juejin.im/post/5a40448c51882546f00a48e2

總結(jié)

以上是生活随笔為你收集整理的ELSE 技术周刊(2017.12.25期)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。