阿裡雲前端周刊 - 第 40 期

<a href="https://www.w3cplus.com/svg/metaballs.html">https://www.w3cplus.com/svg/metaballs.html</a>

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

<a href="http://svgtrick.com/tricks/7f5bbc4a142e5a19c7d8c129d6a68d03">http://svgtrick.com/tricks/7f5bbc4a142e5a19c7d8c129d6a68d03</a>

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

<a href="https://parg.co/U4x">https://parg.co/U4x</a>

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

<a href="http://36kr.com/p/5110763.html">http://36kr.com/p/5110763.html</a>

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

<a href="https://zhuanlan.zhihu.com/p/32554482">https://zhuanlan.zhihu.com/p/32554482</a>

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

<a href="https://blog.jedm.cn/jump-game/">https://blog.jedm.cn/jump-game/</a>

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

<a href="https://codeburst.io/cpu-intensive-node-js-part-1-1218b102e5ec">https://codeburst.io/cpu-intensive-node-js-part-1-1218b102e5ec</a>

Node.js 是典型的基于事件循環的單線程架構，其在處理 CPU 密集型任務的時候不可避免地會碰到瓶頸；本系列文章即是探讨如何在 Node.js 中處理 CPU 密集型代碼。首篇文章模拟了密集型處理環境，使用 fork 來建立子程序處理任務，不過這種方式效率較低，并且會帶來較大的資源占用；第二篇文章則介紹了基于 Redis 的 Kue 消息隊列，如何利用 Kue 來異步多節點地處理任務等

<a href="https://juejin.im/post/5a473a2df265da431441098c">https://juejin.im/post/5a473a2df265da431441098c</a>

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