神策前端技术周刊2020-10-26

React v17.0 正式发布！

https:// mp.weixin.qq.com/s/ku1B CxQ1lVv1-9XJy56TsA

React v17 的发布非比寻常，因为它没有增加任何面向开发者的新特性。但是，这个版本会使得 React 自身的升级变得更加容易。值得特别说明的是，React v17 作为后续版本的 ”基石“，它让不同版本的 React 相互嵌套变得更加容易。除此之外，还会使 React 更容易嵌入到由其他技术构建的应用中。

推荐：闪朔&沈剑琴

NodeJs v15 正式发布！

https:// openjsf.org/blog/2020/1 0/22/node-js-v15-0-0-is-here/

新特性包括:Abort Controller，N-API v7，npm v7.0.0，Throw on unhandled rejections，QUIC (experimental)，V8 8.6

推荐：王磊

Webpack 5 Module Federation: JavaScript 架构的变革者！

https:// zhuanlan.zhihu.com/p/12 0462530

Module Federation是 Webpack 5 的新特性之一，它可以使 JavaScript 应用在客户端或服务器上动态运行另一个 bundle 或者 build 的代码。在了解学习这个特性的过程中，本文是最好的教程，因为它是由Module Federation的作者之一的Zack Jackson发布的，他在文中写到"Module Federation之于JavaScript Bundler，如同Apollo之于GraphQL"，并阐述了相关的技术实现以及项目实践。

推荐：冯康

Introducing the New JSX Transform

https:// reactjs.org/blog/2020/0 9/22/introducing-the-new-jsx-transform.html

React v17 虽然没有带来新的特性，但他提供了一套全新的JSX语法转换方式，可以不需要引入React就可以直接写组件，通过依赖设置，可以让你的包体积变得更小，让我们看看它是如何运行的吧。

推荐：梁诗棋

前端有架构吗？

https:// xie.infoq.cn/article/d0 251e90c316a9df06ab1249a

从事前端开发的你，不知有没有被问过：「前端有架构吗？」问你的人的身份，可能是你的 boss 或上司，可能是后端同事，也可能是前端同行；问你的人的目的，可能是刁难，可能是嘲讽，也可能是请教。

推荐：陈宁

超详|2020年你不应该错过的CSS新特性

https:// juejin.im/post/68862582 69137043464

作者整理近24个CSS方面的新特性，涵盖：Web动效 、Web排版 、Web性能 、 Web可访问性 、 Web美化 和 其他等六个部分，别错过~

推荐：沈剑琴

H5应用加固防破解-js虚拟机保护方案浅谈

https://www. cnblogs.com/2014asm/p/1 3733623.html

由于H5的跨平台优势，各种h5应用场景越来越多也变得越来越复杂，满足了用户的各种需求，但是也存在一些安全方面的问题，比如：电商、金融、小游戏、小程序、招聘网站、旅游都存在登录、注册、支付、交易、信息展示等功能，如果这些业务所依赖的js代码被人轻易的破解、哪么应用将面临的很多安全问题，使用JS保护是必需的。

推荐：王明全

架构制图：工具与方法论

https:// mp.weixin.qq.com/s/FYgR ls-TyqW7ErHkrGe5Jg

“架构制图”这词乍一听似乎有些晦涩，但如果提起“工程制图”，相信绝大部分工科背景的程序员们都不会陌生，软件工程也是工程，因此传统工程制图的一些基本理论，在软件行业同样适用。

推荐：王明全

在本地开发调试环境使用 HTTPS

https:// mp.weixin.qq.com/s/JpeX 9R8PKok_uChrYPGGZw

原则上，本地开发调试环境和线上生产环境的差异越小越好。由于目前大多数站点（无论是直接供用户访问的网站还是提供后端 API 的站点）使用的都是 HTTPS，所以在本地开发调试环境也使用 HTTPS 很有必要。

推荐：吕岳阳

「算法与数据结构」链表的9个基本操作

https:// juejin.im/post/68504181 20755494925

数据结构中的链表还是很重要的，所以这章节把剑指offer 和 LeetCode 中的相关题目做一个汇总，分享给大家。

推荐：洪亮

「数组方法」从详细操作js数组到浅析v8中array.js

https:// juejin.im/post/68466876 01806557192

前端处理数据时，经常用到数组，对数组方法使用不熟练，会导致写了很多的垃圾代码，很多地方稍加修改的话肯定变得简洁高效优雅。让我们从V8的源码开始来回顾下数组的特性和原理实现吧。

推荐：洪亮

50个能帮你节省时间的开发工具

https:// segmentfault.com/a/1190 000037600178

本文列举出50个能够帮你提高开发效率，节省开发时间的Chrome扩展和web应用，他们很有可能在什么时候能派上用场。

推荐：冯康

快使用Scriptable自己开发一个iPhone小组件吧

https:// segmentfault.com/a/1190 000037595129

最近苹果的iOS系统升级到了 iOS 14，这次的更新我比较关注的就是升级的小组件功能，这次更新我们可以将小组件放置在主屏幕中的任何位置，可以让我们更加便捷的查看一些信息，从而省去了还需要打开APP去查看消息的步骤，感觉很方便。

推荐：冯康

5G前端时代会迎来什么改变？

https:// segmentfault.com/a/1190 000037516664

5G普及是必须的,而且会很快, 它会给我们前端哪些技术点带来影响呢？本文就低代码平台,前端Serverless化,以及webIDE等展开谈谈。

推荐：王磊

在淘宝，我们是这样衡量代码质量的

https:// mp.weixin.qq.com/s/0IdR 0JamKGu_gU-MMen_zg

越高级别的程序员往往越看重代码质量。

本篇文章主要聊一下在团队开发过程中，如何做到代码质量的管控与提升。首先需要有一套规范，定义什么是好的代码，再通过一些工具，帮助我们在实践规范的过程中，更好地遵循规范。

推荐：王磊