阿里雲前端週刊-第40期

推薦

1. Metaballs 粘滯融合效果

https://www.w3cplus.com/svg/metaballs.html

Metaballs是有機的黏糊糊的黏糊糊的東西。從數學的角度來看，它們是一個等值面。可以用一個數學公式來表示：f(x,y,z) = r / ((x – x0)2 + (y – y0)2 + (z – z0)2)，我們可以在一個元素中使用模糊和濾鏡在 CSS 和 SVG 中複製Metaball效果。

2. SVG morphing 動畫應用大盤點

http://svgtrick.com/tricks/7f5bbc4a142e5a19c7d8c129d6a68d03

這篇文章主要是介紹SVG morph動畫的應用，主要是介紹一些SVG在morphing動畫的一些例項和它的實現方式。開始之前，先來介紹下何為morphing動畫？在維基百科上是這樣解釋的，影像變形（Morphing），是由一張影像流暢地變成另一張影像的視覺效果，最常見的應用是由一張人臉影像變化到另一張人臉影像。在web最常見的應用是由一個形狀變化到另一個形狀。

3. 十八年網際網路老兵童劍 – 我與技術的愛情長跑

https://parg.co/U4x

童劍，白山聯合創始人兼技術長，EGO 北京分會會員。前新浪研發中心總經理，2016 年 5 月加盟白山，迅速搭建和完善各產品線技術梯隊，構築雲鏈產品技術體系，帶領團隊推出雲端儲存、雲聚合產品，助力白山搶先佈局雲後市場。本文即是童劍對於自己十八年技術之路的心得分享，包括了自己從出入職場、轉型管理到創業新徵程中的經驗與感悟等。

其它

1. 2018 年最值得關注的 JavaScript 趨勢

http://36kr.com/p/5110763.html

JavaScript滲透的範圍越來越廣，它能做的事情已經遠不止前端開發而已。作為JS開發者，你需要知道自己的飯碗在哪裡。

2. 原生 JavaScript 模組的現在與未來

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

ECMAScript 2015 為原生 JavaScript 新增了模組體系，自其釋出以來便引起了開發者們廣泛的討論和積極的實踐。經過一年多的發展，原生 JavaScript 模組目前處於什麼狀態？它的未來又將如何？本文試圖圍繞這兩個問題，對原生 JavaScript 模組做一個全面的介紹。

3. 用Node.js寫一個跳一跳外掛

https://blog.jedm.cn/jump-game/

恰好看到騰訊釋出了“跳一跳”小遊戲，看到朋友圈好多人都玩得起興，於是作者決定換個方式玩一把。

4. Node.js 中的 CPU 密集操作

https://codeburst.io/cpu-intensive-node-js-part-1-1218b102e5ec

Node.js 是典型的基於事件迴圈的單執行緒架構，其在處理 CPU 密集型任務的時候不可避免地會碰到瓶頸；本系列文章即是探討如何在 Node.js 中處理 CPU 密集型程式碼。首篇文章模擬了密集型處理環境，使用 fork 來建立子程式處理任務，不過這種方式效率較低，並且會帶來較大的資源佔用；第二篇文章則介紹了基於 Redis 的 Kue 訊息佇列，如何利用 Kue 來非同步多節點地處理任務等

5. B 站的前端之路

https://juejin.im/post/5a473a2df265da431441098c

2017年即將過去了，總結一下B站的前端進階之路，過去的開發模式中，我們採用了以後端為主的 MVC 架構方式。具體來說，每次專案評審後，前後端會先一起約定好介面，之後分別進行開發，開發完，前端需要把頁面提供給後端，後端配置上資料，然後返回出來。正式基於這樣的開發模式，導致了總工作量的增加，同時溝通和聯調成本的消耗也十分顯著。