【第13期】前端食堂技术周刊
读完需要3分钟，速读仅需1分钟
这是前端食堂的第 85 篇原创
美味值：🌟🌟🌟🌟🌟
口味：荔枝乌龙茶
食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]
PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。
技术资讯
1.Airbnb JavaScript 风格指南 v19.0.0 更新[2]
(没想到吧，我都更新到 v19 了)
2.淘系自研前端环境管理工具 AppToolkit 正式发布
工具提供可视化配置，屏蔽环境配置的复杂度和命令行带来的学习成本，帮助开发者简单快速的搭建前端开发环境。
技术资料
1.第三届缤纷前端沙龙演讲视频和演讲稿已上传[3]
基于 Web Vitals 的前端性能优化 在 React 项目中实践 Jest Electron 在雷火通用游戏平台中的应用 云研发，让开发纵享丝滑 玩转互动-前端人如何做游戏 前端线上故障定位方案探索 web3D 在可视化项目开发中的探索 组件建设避坑指南 TypeScript类型元编程
2.掘金大会的回放也生成了[4]
3.Hooks 用法大全：有用的 React Hooks[5]
Hooks 用法科普。
4.用于现代 Web 开发的强大终端和命令行 (CLI) 工具[6]
比较全面的命令行工具汇总。
5.为什么 !! document.all 是 false ？[7]
如果还不知道这个问题的请在评论区留言让我看看。
6.你应该知道的那些 JavaScript 字符串方法[8]
字符串的方法有很多，日常开发也总是使用它们，如果你想查缺补漏，这篇文章很适合。
7.累死累活做业务，绩效还不怎么样，我只能帮你到这了…… [9]
“作为一个业务前端，完成业务需求的同时，还要处理各种线上问题，加班辛苦忙碌了一年，还要被老板说“思考是不够的”、“没有业务 sence”，出去面试，被问项目，也说不出什么有亮点或者有挑战的东西，想做点牛逼的东西，也没有发现什么有价值的方向，好不容易找到一些方向，还要被老板一顿质问，业务价值是什么？ROI 怎样？最终可能就只是做了一点性能优化工作，抽离了一些可复用的组件……不禁让人感叹，业务难、前端难、做业务的前端更难！
”
8.项目级 monorepo 策略最佳实践[10]
淘系前端团队的一篇博客，介绍了他们在 monorepo 策略上的最佳实践。
9.输入网址即可扫描出站点用到的 npm 包[11]
如题，输入 url 即可。
10.互联网的历史：浏览器大战[12]
我们都知道浏览器大战，但是大战中发生了哪些细节？
图片来源：Ken Cedeno/AP file photo
(盖茨好帅)
11.现代 CSS 颜色指南[13]
你选择的调色板会影响你的网站使用多少能源？2021 年使用颜色有哪些最佳实践？你知道这些 RGB、HSL、HWB、LAB 和 LCH 颜色方法吗？
12.Deno 2020 年大事记[14]
Deno 作为 2020 年最佳开源，收到了很多正向的反响。一起回顾下 Deno 在过去的一年中经历了哪些更新。
工业聚的一篇学习理念分享，干货满满。话说你开始学习 Rust 了吗？
好文推荐
编程界也有修仙秘籍？程序员码字3年终得《JavaScript 百炼成仙》
JavaScript 基础设施的未来
2021 年你需要知道的 CSS 工程化技术
参考资料
食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly
[2]Airbnb JavaScript 风格指南 v19.0.0 更新: https://github.com/airbnb/javascript/tree/eslint-config-airbnb-v19.0.0
[3]第三届缤纷前端沙龙演讲视频和演讲稿已上传: https://www.yuque.com/binfe/pase7s/ynvlor
[4]掘金大会的回放也生成了: https://live.juejin.cn/site/4354/xdc2021
[5]Hooks 用法大全：有用的 React Hooks: https://www.smashingmagazine.com/2021/11/useful-react-hooks/
[6]用于现代 Web 开发的强大终端和命令行 (CLI) 工具: https://www.smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/
[7]为什么 !! document.all 是 false ？: https://stackoverflow.com/questions/10350142/why-is-document-all-falsy/62005426#62005426
[8]你应该知道的那些 JavaScript 字符串方法: https://morioh.com/p/aef09a3be593?f=5c21fb01c16e2556b555ab32
[9]累死累活做业务，绩效还不怎么样，我只能帮你到这了…… : https://github.com/mqyqingfeng/Blog/issues/172
[10]项目级 monorepo 策略最佳实践: https://fed.taobao.org/blog/taofed/do71ct/uihagy/
[11]输入网址即可扫描出站点用到的 npm 包: https://bundlescanner.com/
[12]互联网的历史：浏览器大战: https://css-tricks.com/chapter-10-browser-wars/
[13]现代 CSS 颜色指南: https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/
[14]Deno 2020 年大事记: https://www.infoq.cn/article/PFW9j6TzIZpNd0tJ24JG
公众号：前端食堂
知乎：童欧巴
掘金：童欧巴
这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的变胖～
“如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言，也可以在后台回复加群进入食堂的交流群。
沟通创造价值，分享带来快乐。也欢迎你分享给身边有需要的同学，利他就是最好的利己。
”
欢迎加入前端食堂免费知识星球：
每日更新中～提供免费服务给食堂的粉丝们，包括但不限于答疑解惑、大厂内推、经验分享、技术资讯。扫码直达：
多一个点在看
多一条小鱼干