研发都知道代码 Review 的重要性，在腾讯代码 Review 也越来越受大家重视，作为腾讯专有云平台研发的一员，我参与了大量的代码 Review，明显地感受到有效的代码 Review 不但能提高代码的质量，更能促进团队沟通协作，建立更高的工程质量标准，无论对个人还是团队都有着重要的价值。本文就为什么要做代码 Review 以及如何有效地做代码 Review 分享一下个人的看法。

【基础夯实】

1、20个你不得不知道的数组reduce高级用法

https://mp.weixin.qq.com/s/ogzcJ3KFlkPzLaCjJXheFQ

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少用它，导致这个如此强大的方法被逐渐埋没。

如果经常使用reduce，怎么可能放过如此好用的它呢！作者把他从尘土中取出来擦干净，奉上它的高级用法给大家。

2、轻松玩转函数式编程

https://mp.weixin.qq.com/s/y_G6YSQkvWZpRP3XJmrIsA

本文从编程范式开始，分析了函数式编程的定位，进一步引申出函数式编程的概念，然后基于一些工作中的案例，实战了函数式编程的应用场景，希望大家都能轻松地认识函数式编程。

3、这次彻底搞懂 Promise(手写源码多注释篇)

https://mp.weixin.qq.com/s/ze4ZeSPiB_WJTOVHntK5Zg

promise 是 js 里面非常重要的一部分，搞懂了 promise 才能更好的去理解 async,await 和 generator。但是往往很多时候就是不理解 promise 的机制，该篇文章通过一步步实现一个 promise 进而加深自己的印象，提高自己的思维～

4、77.9K Star 的 Axios 项目有哪些值得借鉴的地方

https://juejin.im/post/6885471967714115597?utm_source=gold_browser_extension

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端，被广泛地应用在大量的 Web 项目中。

由上图可知，Axios 项目的 Star 数为 77.9K，Fork 数也高达 7.3K，是一个很优秀的开源项目，所以接下来阿宝哥将带大家一起来分析 Axios 项目中一些值得借鉴的地方。阅读完本文，你将了解以下内容：

HTTP 拦截器的设计与实现；
HTTP 适配器的设计与实现；
如何防御 CSRF 攻击。

5、手写axios核心原理，再也不怕面试官问我axios原理

https://mp.weixin.qq.com/s/5N-L_kYiDCrxMYdybHUaJw

上面一篇学习过axios有哪些可以借鉴的地方，阅读该篇文章，你可以收获：

axios简介
- axios是什么？
- axios有什么特性？
基本使用方式
实现axios和axios.method
请求和响应拦截器

6、深入揭秘前端路由本质，手写 mini-router

https://mp.weixin.qq.com/s/3_S3853OYBdWS4sSX_IcPA

前端路由一直是一个很经典的话题，不管是日常的使用还是面试中都会经常遇到。本文通过实现一个简单版的 react-router 来一起揭开路由的神秘面纱。
通过本文，你可以学习到：

前端路由本质上是什么
前端路由里的一些坑和注意点
hash 路由和 history 路由的区别
Router 组件和 Route 组件分别是做什么的

7、让 Vue3 Composition API 存在于你 Vue 以外的项目中

https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651562952&idx=1&sn=99e894b69ad25e68ddf1086e56e33ff6&chksm=80257409b752fd1fe69dfd637bab4d0bc9408985b3ab7ed92464725a04558aaa68500b5cf529&scene=27#wechat_redirect

作为新特性 Composition API ，在 Vue3 正式发布之前一段时间就发布过了。据文档介绍， Composition API 是一组低侵入式的、函数式的 API，使得我们能够更灵活地「组合」组件的逻辑。

不仅在 Vue 中，在其他的框架或原生 JS 也可以很好地被使用，该篇文章选取几个比较重要的 Composition API ，通过一些简单的例子来看看如何在其他项目中使用。

8、ES2020 系列：空值合并运算符 ‘??’

https://juejin.im/post/6884019851942166536

空值合并运算符 ?? 提供了一种从列表中选择第一个“已定义的”值的简便方式。
?? 运算符的优先级非常低，仅略高于 ? 和 =，因此在表达式中使用它时请考虑添加括号。
如果没有明确添加括号，不能将其与 || 或 && 一起使用。

9、你可能不知道的console调试方法

https://mp.weixin.qq.com/s/K-bPCUBTcSTcbZC9M7Psmg

浏览器控制台是前端调试中使用最频繁的调试工具，没有之一。但它实际上还有很多不为人所知的功能~，本文带你一探究竟

【动态与研究关注】

1、前端模块化的十年征程

https://mp.weixin.qq.com/s/oYQf_m-TvH2txc1AfAvtsA

在本文中，我们从广义的角度出发，将它解释为两个方面

外部的模块: 指代引入前端工程的某个外部的包(package),可能由多个JS文件组成，但会通过入口暴露给我们项目调用
内部的模块: 指代我们自己的工程项目中编码的最小单元：即单个的JS文件

模块化已经发展了有十余年了，不同的工具和轮子层出不穷，下面是最各大工具或框架的诞生时间

2、2020年你不应该错过的CSS新特性

https://juejin.im/post/6886258269137043464

@argyleink在第四次的伦敦（LondonCSS 2020）CSS活动中分享了一个有关于CSS特性相关的话题。看了一下这个主题的PPT，里面有些新东西还是蛮有意思的。基于该PPT，作者稍微整理近24个CSS方面的新特性，感兴趣的同学可以继续往下阅读。
接下来的内容作者将分为：Web动效、Web排版、Web性能、 Web可访问性、 Web美化和其他等六个部分。
下面聊的CSS新特性当中，有部分还处于实验阶段，如果您感兴趣的话，并不会影响你阅读，你也可以选择你感兴趣的部分阅读。

3、React 要重写文档了

https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651563068&idx=1&sn=361f920ae38ae18d37020021cb5fa96f&chksm=802573fdb752faebe69fc2540d5c26a18cfef938ab4a38d174fd9f20a480aa7b35a8588c28fc&scene=27#wechat_redirect

Vue和React，谁才是更好的选择，这个争论似乎从未停过。但在一点上，双方粉丝似乎达成了难得的一致：

Vue文档比React文档好太多。

React开发者对此的解释是: Vue是国人开发的嘛，写出来的文档当然更符合中国人看啦。

随着Hooks认可度越来越高，可现有文档是围绕ClassComponent展开的，Hooks只是一个独立章节。

基于这些原因，React团队决定重写文档。

4、Chrome 86 新功能解读

https://mp.weixin.qq.com/s/d3yqrRAJTYE6eJ-6wdgXzw

5、ES11新增的这9个新特性，你都掌握了吗？

https://juejin.im/post/6883306672064987149

ES2020(ES11) 引入了以下新特性：

String 的 matchAll 方法
动态导入语句 import()
import.meta
export * as ns from ‘module’
Promise.allSettled
一种新的数据类型：BigInt
GlobalThis
Nullish coalescing Operator
Optional Chaining

6、一文道尽移动端跨平台技术演进之路

https://juejin.im/post/6886853551516024845

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

https://segmentfault.com/a/1190000037516664

【实用工具】

1、6个可以帮助我们高效开发的Chrome插件

https://mp.weixin.qq.com/s/FzQlqbJT2TdyBYFdw9bAig

URI Splitter
ColorZilla
Save Code
JSON Viewer
Checkbot
Momentum

【程序之外】

1、设计向善|QQ群作业策划故事

https://isux.tencent.com/articles/qq-homework.html

作为拥有大量用户的聊天工具，QQ早就对群进行了分类，以满足用户不同的垂直聊天场景。目前QQ已经针对家校、游戏、粉丝群尝试过垂直场景设计。而疫情突然来袭，使线上学习的需求空前迫切，QQ群作业火速更新和完善多项功能，以满足线下作业改为线上批改的垂直场景，下面让我们一起走进QQ群作业的设计故事吧。

2、怎样制定一个科学有效的目标？

https://mp.weixin.qq.com/s/LXLPQBv48M2WMGj1QTCNFw

如果你制定了一个科学有效的目标，你就有了 60 %的可能性让目标变为现实。
一个抽象的目标，不管你多有坚毅力，实施起来都会难度倍增。抽象，带来不确定性。不确定性，带来了行动阻力。
当你要实现的是一个从未涉及的困难目标时，你越需要从这三个层面把目标具体化：目标本身的表述、障碍的预演和行动的方式。
去掉模糊形容词的目标表述，会让你保持对目标进展程度的敏感度。换句话说，你知道走了十步还是二十步，也知道自己差终点大概还需要走多少步。

更多精彩资讯，欢迎扫码入群交流~🚀**🚀🚀**
扫码入群.png

注：所有资讯均来自网络，不代表编者观点。

百闻技术周刊

《百闻技术周刊》037期

【实践经验】

1、如何使用Vue3重构vue2项目

2、Vue 数据更新了但页面没有更新的7种情况汇总及延伸

3、前端开发者们值得了解的 11 项前端技巧

4、聊一聊如何搭建高性能网站

5、搭建一个属于自己的在线 IDE

6、探索CSS属性*-gradient的实用价值

7、如何有效地进行代码 Review？