前端技術(shù)迭代速度之快，讓前端從業(yè)者應(yīng)接不暇，甚至焦慮不已，怎么破？加強(qiáng)自己的基礎(chǔ)功底，穩(wěn)住基本盤，以期觸類旁通；時刻關(guān)注行業(yè)前沿資訊，力求速度掌握要領(lǐng)，感興趣來幾個小 demo。沒有時間？經(jīng)濟(jì)學(xué)解決效率問題
原文由此去

菲麥自研

1）鉤子函數(shù)的運(yùn)行機(jī)理@小蟲巨蟹

鉤子（hook）就是一些具有既定生命周期的框架工具，在生命周期的各個階段預(yù)留給用戶執(zhí)行一些特定操作的口子，這其實(shí)是一種面向切面編程

抽絲剝繭

1）React Diff 算法@睜眼閉眼哦

React 是 facebook 出的一個前端框架. 設(shè)計(jì)的關(guān)鍵處就是性能問題。在本文中，我主要是介紹 Diff 算法以及 React 渲染 ，這樣你可以更好的優(yōu)化你的應(yīng)用程序。

2）如果有人問你爬蟲抓取技術(shù)的門道，請叫他來看這篇文章@5u9ar

web是一個開放的平臺，這也奠定了web從90年代初誕生直至今日將近30年來蓬勃的發(fā)展。然而，正所謂成也蕭何敗也蕭何，開放的特型、搜索引擎以及簡單易學(xué)的html、css技術(shù)使得web成為了互聯(lián)網(wǎng)領(lǐng)域里最為流行和成熟的信息傳播媒介；但如今作為商業(yè)化軟件，web這個平臺上的內(nèi)容信息的版權(quán)卻毫無保證，因?yàn)橄啾溶浖蛻舳硕?，你的網(wǎng)頁中的內(nèi)容可以被很低成本、很低的技術(shù)門檻實(shí)現(xiàn)出的一些抓取程序獲取到，這也就是這一系列文章將要探討的話題—— 網(wǎng)絡(luò)爬蟲 。

3）深入淺出 - vue變化偵測原理@berwin

關(guān)于變化偵測首先要問一個問題，在 js 中，如何偵測一個對象的變化，其實(shí)這個問題還是比較簡單的，學(xué)過js的都能知道，js中有兩種方法可以偵測到變化，Object.defineProperty 和 ES6 的proxy

實(shí)踐指南

1）3D WebGL入門之幾何體@miaoYu

所有的3D模型（或者說網(wǎng)格）可以被分解成一個個的三角形。你可以通過制定頂點(diǎn)的位置來構(gòu)造幾何體，好消息是Three.js提供了一系列方法來幫你創(chuàng)建各種形狀。

2）一個炫酷大屏展示頁的打造過程@韓永豪

今年的11月初，我們公司參加了「2017年亞洲幼教年會(APEAC)」并取得了很不錯的成果。本人有幸負(fù)責(zé)關(guān)于這次展示頁的前端開發(fā)，特以此文記錄開發(fā)過程中的關(guān)鍵環(huán)節(jié)。

前沿資訊

1）“小心！有人在偷看你手機(jī)！”谷歌搞了個被偷窺提醒算法@量子位

在地鐵上，有沒有經(jīng)常擔(dān)心旁邊或背后有人偷瞄你的手機(jī)？現(xiàn)在，谷歌人開發(fā)出了一個AI小工具，可以隨時提醒你，是sei在偷看你手機(jī)。同時馬上中斷原來界面，保護(hù)用戶的隱私。

2）Egg 2.0 正式發(fā)布，性能提升 30%，擁抱 Async@天豬（劉勇）

Egg 是阿里 Node.js 的核心基礎(chǔ)框架，面向『企業(yè)級的 Web 基礎(chǔ)框架』這個領(lǐng)域，提供了「微內(nèi)核 + 插件機(jī)制 + 框架定制能力」，完美達(dá)成生態(tài)共建和差異化定制的平衡點(diǎn)

3）PWA 將帶來新一輪大前端技術(shù)洗牌？@彭星

按照當(dāng)前的發(fā)展趨勢，PWA 將會帶來 Web App 的大量需求，新一輪大前端技術(shù)洗牌很可能近在眼前了。

光榮與夢想

1）城市的繁榮與偉大@理性樂觀派

一座城市，一座能稱得上是大城市的地方，這里應(yīng)該有著來自全國各地的人，這里應(yīng)該是自由和寬容的，不管是在經(jīng)濟(jì)層面還是文化環(huán)境。人們在這里努力，積極地生活成長，奮斗了半生，酸甜苦辣，結(jié)局也各不相同，但即使是所謂的失敗者，他們也不會覺得是被任何人有意阻撓了，可以恨運(yùn)氣不佳，但不會有怨氣。在每一個當(dāng)下，他們的奮斗是有盼頭的，至少不用擔(dān)心突然在寒冷的冬天被驅(qū)趕。這才是真正的中國夢。這才是一個偉大城市應(yīng)有的品格。