蒲公英 · JELLY技术周刊 Vol.05: Rust & Electron 的高性能实践 -- Finda

登高远眺

天高地迥，觉宇宙之无穷

基础技术

使用 javascript 框架的代价

作者从 javascript 下载时间、解析时间、执行时间、内存占用四个角度评测了 jquery、angular、react、vue 四个框架，最终得出结论：「框架不值得」，应该选择原生 javascript 或选择超轻量级框架或在服务端渲染。此文可配合蒲公英技术周刊第三期的 svelte 安利文一同复用。

node.js 14 正式版发布

作为下一个 lts 版本的 node.js 14 终于发布了。node.js 把 v8 升级到了 v8(8.1) 版本，原生支持了热门语法 optional chaining 和 nullish coalescing，并且移除了使用 esm modules 时的警告。同时开启了实验性的 asyncstorage 支持和 webassembly system interface(wasi) 支持。

前端框架

ali-react-table: 高性能 react 表格组件

在前端的开发中，表格一直都是最复杂的组件之一，由于要提供丰富的功能支持，许多的表格组件一开始并没有考虑到性能优化的问题，导致在表格数据量过大的情况下，表格会遇到严重的性能瓶颈问题。而文章中介绍的ali-react-table表格组件，作者在一开始开发时就考虑到了性能的问题，并通过虚拟滚动的方法解决了表格数据量较大时的性能问题，同时该表格组件没有绑定特定的react组件库，仅依赖了一些工具类库，配合 webpack/rollup 的 tree shaking 特性，引入 ali-react-table 所产生的额外 js 体积非常有限，是一款高性能、高可定制性的 react 表格，方便上层进行封装和定制并接入到不同的系统和业务中。

桌面开发

用 rust 构建一个快速的 electron 应用

electron 是当前相当流行的跨平台桌面应用构建框架。在褒奖之余，electron 也有饱受诟病的地方，性能可能是被提及次数最多的一点。不同于常规的优化手段，kevin j.lynagh 使用 rust 构建了核心功能的 node 模块，使 finda 在性能上有着不俗的表现。这篇文章介绍了 finda 软件是如何做到在 16ms 内完成每个用户交互的。

图形编程

实现动效太难了？试试 material design

使用过谷歌产品的很难不注意到其 ui 交互上的流畅、舒适与统一，这源于谷歌有着一套完整的 ui 动效设计理论体系以及规范。设计团队基于迪士尼动画 12 原则的理论规范经过多年的探索与实践，演化出了一套灵感来源为“量子纸”（quantum paper）的动效体系——material design。基于这套动效体系，谷歌推出了对应的 android、flutter 版 material 动效系统，方便开发进行 ui 动效的开发。文中还推荐了一款可视化调整动效的工具，由谷歌设计师操刀，本文包含了多篇扩展阅读文章，适合设计与开发更为全面地了解谷歌 ui 动效体系的概念。

人工智能

一图梳理吊打一切的 yolov4

这几天最大的新闻就是yolo v4的发布，yolo是一个快速而高效的目标检测器，而 v4 的发布象征着他在该领域的地位是其他算法无法企及的。作者根据 yolov4 的论文，帮助我们梳理了v4 的整体结构和创新点，帮助我们更快地认识 yolov4 。

yolov4 keras实现版

yolov4 原版本是基于 darknet 实现的，该仓库作者仅在 yolov4 发布的第二天就实现了其 keras 版本，造福万千 tf 党。

沧海拾遗

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

本期小助手还为大家带来了两篇关于 electron 的项目经验之作，如果你也对跨平台桌面开发感兴趣，会从中收获不少～

feworkflow - 桌面应用工程化

使用react, redux, immutable框架做ui开发，仍然基于运行gulpfile的方案，这样可以使每个使用自己团队的gulp工作流快速接入和*调整。

性能优化: electron 与 vue 结合的 excel 数据清洗工具

xcel 是一款基于用研组需求的 excel 数据过滤工具，本文将分享 electron、vue 等相关涉及技术的基本知识和性能优化经验。这也许是jc的2016年最后一篇文章，且看且不珍惜。

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

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