蒲公英 · JELLY技术周刊 Vol.14: Vue 3 新特性详解

HEADER

2020 年真的是灾祸频发，但是在各类前端框架上，依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 的最新状态，尤大新增了三个语法糖特性，它们将用于优化 SFC 的开发体验，你会有兴趣尝鲜试试么～

登高远眺

天高地迥，觉宇宙之无穷

前端框架

Vue 3: 2020 年中的状态更新

近日 Vue3 团队对 Vue 3 的状态进行了更新，介绍了各个主要工具的开发进度。整体计划是 7 月中旬推出 RC 版本，8 月早些时候能够推出正式版。在各工具在密锣紧鼓升级兼容 Vue3 的同时，受 Svelte 启发，尤大新增了三个语法糖特性用于优化 SFC 的开发体验，一起来了解一下吧～。

设计哲学

前后端一体化：前后端分离将死？

天下大势，分久必合，合久必分，在几年前由于 NodeJS 等技术的蓬勃发展，业界涌现出前后端分离的技术架构体系，仿佛前后端分离，才是自然的法则。而如今，也是因为技术的不断发展，作者基于自身敏锐的观察，开始探索前后端一体化的架构，并列举了一系列关于前后端一体化即将到来的观点，非常值得学习、思考。不过，不管是哪种架构，都是为了在合适的时机出现，解决当下的问题，架构，没有终点。

图形编程

如何挑选数据可视化框架及平台

在数字化成为趋势的今天，数据可视化需求也越来越常见。这篇文章挑选了市面上较活跃较稳定的框架进行了详细的测评，包含框架的发展历史、优劣势、与其他框架存在的区别等角度，适合正在或即将挑选数据可视化框架的前端开发对这些框架进行一个全面的了解，以便选择最为适合的框架。

【站点推荐】Cassie Evans 的博客

这是一个充满了 SVG 动效小心思的个人博客，从左上角的 Logo 到首屏的空心字 hover 效果，以及最后一屏目光跟随鼠标的个人画像，这个博客首页的所有图形都是使用 SVG 绘制而成。博客中包含了关于 SVG 动效开发入门、绘制等内容，适合对 SVG 动效感兴趣的人边探索边学习。

服务端开发

Node.js Legacy url API 的安全风险

在 Node.js v11.0.0 的版本中Legacy URL API已被弃用转而使用WHATWG API，但V11以下的版本中还会存在相关漏洞，由于兼容问题，Node.js 并未直接移除 legacy API。两套 API 尽管看起来提供一样的能力，但是底层对 url 规范的定义不一样，且实现也略有不同，legacy API 中隐藏了一些严重的安全风险。

工具推介

构建在 DevOps、CI/CD 之上的研发效能度量工具

这款工具处理的是人机协作时代，如何进行研发管理。通过标准化开发流程、CI/CD集成来实现。结合本身的业务线，在此基础上扩展开，我们可以考虑通过CI实现团队协作、前端自动化工作流，完成本地的构建部署发布测试等工作。

沧海拾遗

沧海拾遗，积跬步以至千里

京喜小程序: 高性能实践

如何在小程序上实现高性能的体验，这是我们一直在思考的问题。京喜小程序作为一个电商门户，细微的体验细节都会被无限放大，那么追求极致的性能、友好的体验和稳定的服务，就是最为基本的原则。相信你也会好奇，京喜怎么来定义高性能？又是如何分析性能指标？同时又从哪些方面着手优化小程序的性能？这篇文章一定会给你一个满意的答案！

JDR DESIGN 开发全体验

门户网站开发这样一件事情，易者易矣，难者难矣。随便做一做很轻松，但是想要做好，其中依旧有很多门道。更何谈京东零售设计中台门户这样的站点，其中不论是设计细节，还是对于用户体验的追求，都是非常极致的。阿姣小姐姐在其中的诸多设计，都很有巧思，细细品读，多有收获。

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

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

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