蒲公英 · JELLY技術週刊 Vol.21
選 React 還是 Vue，每個人心中都會有自己的答案，有很多理由去 pick 心水的框架，但是當我們捫心自問，我們真的可以公正的來評價這兩者之間的差異麼。或許我們應當迴歸初心，從最基礎的視角來看看關於框架選型等等設計哲學，合適的構架設計才能讓專案健康的發展。
登高遠眺
天高地迥，覺宇宙之無窮
基礎技術
Lodash 安全漏洞背後，你不得不知道的 JavaScript 知識
該篇文章內容可以加深讀者對JavaScript基礎知識的理解，通過對Loadsh潛在安全漏洞及其修復方案的分析，可以幫助讀者對原型汙染的產生、原型汙染攻擊方式及相關防範措施進行深入瞭解，涉及到的知識點包括但不限於：Object 原型、原型、原型鏈、NodeJS 相關問題、Object.create 方法、Object.freeze 方法、Map 資料結構、深拷貝。
從 Web 圖示演進歷史看最佳實踐
在產品中適當使用圖示，可以讓產品更生動，也更簡潔。在前端專案中，處理和引入圖示都是必不可少的環節。本文將簡單梳理一下圖示相關的工作流程的演進，以及我們在百度設計語言系統推進過程中相關的一些嘗試。
前端框架
用 React 和 Vue 做了兩個完全一樣的 App 之後，這是我的完整對比評測
“對比一下 React 和 Vue” 是一道常見的面試題。Sunil Sandhu 兄弟想要更為中立地回答這個問題，所以他一直在嘗試構建一個標準、完整的 Todo App 來對比這倆框架的工作流程。在 React Hooks 和 Vue Composition Api 分別釋出後，他釋出了 2020 版的 React & Vue 對比評測。
圖形程式設計
不顧一切找圓角 —— Figma 實時平滑圓角方案探究
你還在粗暴地使用直角圓角嗎？在 iOS7 時代，蘋果對主屏圖示做了非常精巧的改動，引入了平滑圓角的概念。使用數學語言來描述便是：平滑圓角的邊緣曲率是連續的，而直角圓角不是。這看似微不足道，但這種設計小細節卻有很大的體驗影響。
【譯文】http://www.martinrgb.com/blog/#/Figma_Round_Corner
設計哲學
細說 SOLID —— OOD 的 5 原則
在程式設計領域，物件導向是我們逃不開的話題，而 SOLID 原則是一種為了避免不良而設計的編碼標準，是所有的軟體開發人員都應該清楚的，但很少人能夠概括物件導向方法和原則，物件導向設計和過程式設計的關鍵區別在哪，以及怎麼定義和衡量可讀性、究竟什麼是可複用性、怎樣的程式碼稱為脆弱和僵化的。這篇文章從 SOLID 原則出發，通過更貼近業務的解釋性文字和具體的程式碼示例來回答這些問題。
只寫 2 行程式碼，為何需要 2 天？
很多時候我們會把程式碼行數作為一個重要的 KPI 指標，來量化我們的工作，但是它真的可以決定我們工作的價值麼？針對不懂技術的上司或者 PM，該如何回答這個問題？本文列出了一些可能的理由。
【譯文】https://zhuanlan.zhihu.com/p/162925587
人工智慧
【好書推薦】演算法的落地《推薦系統實踐》
本書主要提供了搭建推薦系統過程會遇到的資料來源，資料分類，演算法/模型選擇，以及效果評價等問題的思考方向。並以大量工程化的內容結合少量演算法講解，十分適合瞭解演算法落地。
【豆瓣評分 8.1】https://book.douban.com/subject/10769749/
滄海拾遺
滄海拾遺，積跬步以至千里
從程式媛角度去看專案管理
合理的設計專案構架很重要，合理的去管理專案同樣重要，如何分析需求、拆分、排期是開發中重要的一環。雖然學校不會教大家該怎麼做，但是我們的程式媛小姐姐卻深諳此道，現在就讓小姐姐為大家補上這關鍵的一課，管理預期，控制風險，讓上線再無壓力。
Design Tokens —— 設計與開發碰撞的火花
前端開發的過程中，設計師的參與是必不可少的，他們也是開發中的重要一環。在業務流程中，設計師將自己的設計稿交付給開發者，期望可以在專案中完美復現，但是想要在所有細節上都能復刻難度非常大，這時候 Design Tokens 就承載者雙方的期待應運而生。
「蒲公英」期刊，每週更新，我們專注於挖掘「基礎技術、工程化、跨端框架技術、圖形程式設計、服務端開發、桌面開發、人工智慧、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積矽步而至千里。
歡迎關注凹凸實驗室部落格：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
