蒲公英 · 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 就承载者双方的期待应运而生。

「蒲公英」期刊，每周更新，我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点，并加以专业的解读；不仅如此，我们还会推介精选凹凸技术文章，向大家呈现团队内的研究技术方向。

抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，我们登高远眺、沧海拾遗，以求积硅步而至千里。

蒲公英 · JELLY技术周刊贡献指南

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：