https://github.com/jamie-yang/weekly
「前端见闻」周刊 - 收集前端领域的优质文章与新鲜工具（最新发布 2024-05-18）
https://github.com/jamie-yang/weekly
front-end high-quality-articles javascript useful-tools weekly
Last synced: about 1 year ago
JSON representation
「前端见闻」周刊 - 收集前端领域的优质文章与新鲜工具（最新发布 2024-05-18）
- Host: GitHub
- URL: https://github.com/jamie-yang/weekly
- Owner: Jamie-Yang
- Created: 2020-07-20T17:09:28.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-05-18T09:05:36.000Z (about 2 years ago)
- Last Synced: 2024-05-18T10:22:16.418Z (about 2 years ago)
- Topics: front-end, high-quality-articles, javascript, useful-tools, weekly
- Homepage:
- Size: 110 KB
- Stars: 65
- Watchers: 13
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 「前端见闻」周刊 - 收集前端领域的优质分享与新鲜工具
每周六发布更新，快快点击右上角「Watch」进行关注，让你的技术栈保持活跃吧。👏 👏
## 第六十二期
> 2024 年 05 月 25 日
#### 分享
1. [State of HTML 2023（中文）](https://2023.stateofhtml.com/zh-Hans/)
2. [How to document your JavaScript package](https://deno.com/blog/document-javascript-package)
3. [5 分钟带你了解【前端装饰器】，“高大上”的“基础知识”](https://mp.weixin.qq.com/s/Q5jP99VOXDKhP8u-Oi4vOg)
4. [Default exports in CommonJS libraries](https://blog.andrewbran.ch/default-exports-in-commonjs-libraries/)
## 第六十一期
> 2024 年 05 月 18 日
#### 分享
1. [CSS Anchor Positioning API 简介 - Google](https://developer.chrome.com/blog/anchor-positioning-api?hl=zh-cn)
2. [Why you shouldn't use Enums!](https://www.wordman.dev/blog/typescript-enums)
3. [Do You Still Need Sass?](https://www.lullabot.com/articles/do-you-still-need-sass-2024)
## 第六十期
> 2024 年 04 月 27 日
#### 分享
1. [The Front End Developer/Engineer Handbook 2024](https://frontendmasters.com/guides/front-end-handbook/2024/)
2. [View transitions: Handling aspect ratio changes](https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/)
3. [Top 10 pens of 2023 on CodePen](https://codepen.io/2023/popular/pens/10)
## 第五十九期
> 2024 年 04 月 20 日
#### 分享
1. [Frontend Development Beyond React: Svelte (1/3)](https://itnext.io/frontend-development-beyond-react-svelte-1-3-f47eda22cba5)
2. [探探各个微前端框架 - 奇舞精选](https://juejin.cn/post/7356078518096576512)
3. [告别轮询，SSE 流式传输可太香了！](https://juejin.cn/post/7355666189475954725)
4. [An Interactive Guide to CSS Container Queries - Ahmad Shadeed](https://ishadeed.com/article/css-container-query-guide/)
5. [A practical guide to using shadow DOM](https://www.mayank.co/blog/declarative-shadow-dom-guide/)
#### 工具
1. [Bruno - 一款快速流畅且与 Git 兼容的 API 调试客户端，对标 Postman](https://www.usebruno.com/)
1. [On My Git! - 一个用于学习 Git 的开源游戏](https://ohmygit.org/)
## 第五十八期
> 2024 年 04 月 14 日
#### 分享
1. [moduleResolution 总结](https://yutengjing.com/posts/moduleresolution%E6%80%BB%E7%BB%93/)
2. [JS 程序设计的常用套路 - 阿里云开发者](https://mp.weixin.qq.com/s/sl8CcJgJCY_xksmBVE4NhA)
3. [You Probably Don't Need eslint-config-prettier or eslint-plugin-prettier](https://www.joshuakgoldberg.com/blog/you-probably-dont-need-eslint-config-prettier-or-eslint-plugin-prettier/)
4. [What You Need to Know about Modern CSS (Spring 2024 Edition)](https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/)
5. [CSS :has() Interactive Guide](https://ishadeed.com/article/css-has-guide)
6. [解决前端常见问题：竞态条件](https://mp.weixin.qq.com/s/c-vDWMV0XHnbpmR6tvzL8A)
#### 工具
1. [JavaScript Visualizer 9000 - 事件循环机制的可视化分析工具](https://www.jsv9000.app/)
2. [Web Check - 强大的挖掘网站/主机信息的一站式在线工具](https://web-check.xyz/)
## 第五十七期
#### 分享
1. [当我们说插件系统的时候，我们在说什么 - 网易云音乐技术团队](https://mp.weixin.qq.com/s/mp4WL6Z2ESQTbK_B7ba8Fg)
2. [When is :focus-visible visible?](https://bitsofco.de/when-is-focus-visible-visible/)
3. [最后一次探究 1px](https://jelly.jd.com/article/5f5a4b31da524a0147e97da0)
4. [妙用 background 实现花式文字效果](https://mp.weixin.qq.com/s/qIc-eYFs0pU3HCB85AgkKQ)
5. [A Fancy Hover Effect For Your Avatar](https://css-tricks.com/a-fancy-hover-effect-for-your-avatar/)
## 第五十六期
#### 分享
1. [The minimum TypeScript you need for React](https://ente.io/blog/tech/typescript-for-react/)
2. [Why Async/Await Is More Than Just Syntactic Sugar](https://www.zhenghao.io/posts/await-vs-promise)
3. [如何根治 Script Error？- 大淘宝前端技术](https://mp.weixin.qq.com/s/lnvd8ii58jyR3u-aDvq_9A)
4. [如何正确地配置入口文件？](https://mp.weixin.qq.com/s/DXPwn7zOrUo1Y9JO1sapBw)
5. [如何不基于构建工具优雅的实现模块导入？](https://mp.weixin.qq.com/s/C9tA0peV6nGUsPmOD8z3AA)
6. [Vite 约定式路由的最佳实践](https://mp.weixin.qq.com/s/IGaUcYDIb4e3zGGi9jvdig)
7. [10 分钟彻底掌握 CSS Flex 布局](https://mp.weixin.qq.com/s/FB_sVjU-KdUMiM7S5__2Eg)
## 第五十五期
#### 分享
1. [【TypeScript】never 和 unknown 的优雅之道](https://mp.weixin.qq.com/s/rZ96wy8xUrx4T1qG5OKS0w)
2. [代码圈复杂度治理小结](https://mp.weixin.qq.com/s/6rHnwncSwcGCfqTnRAgQWw)
3. [🤔 一文搞懂前端兼容问题](https://mp.weixin.qq.com/s/G2Zzt_r4NI2aQoo2qRN5WQ)
4. [ESLint's new config system, Part 1: Background](https://eslint.org/blog/2022/08/new-config-system-part-1/)
5. [CSS border animations](https://web.dev/css-border-animations/)
## 第五十四期
#### 分享
1. [The 10 Most Common JavaScript Issues Developers Face](https://www.toptal.com/javascript/10-most-common-javascript-mistakes)
2. [前端富文本基础及实现](https://mp.weixin.qq.com/s/qmzDSwY9mt8ts6LjlYZe0Q)
3. [How to prevent nvm from slowing down your shell](https://dev.to/mazharzandsalimi/how-to-prevent-nvm-from-slowing-down-your-shell-5ba)
4. [2022 推荐关注这个零运行时且支持 TS 的 CSS-in-JS 框架](https://mp.weixin.qq.com/s/OpCQJaSbzqWEykAh_qGJfQ)
5. [案例+图解带你一文读懂 Canvas🔥🔥（2W+字）](https://juejin.cn/post/7119495608938790942)
6. [如何写出不可维护的 Vue 代码](https://mp.weixin.qq.com/s/sYRwuFLvMe8us6SpOBkHWw)
7. [一文带你打通前端沙箱的"任督二脉"](https://juejin.cn/post/7124969690958397471)
## 第五十三期
#### 分享
1. [预测一下前端开发的未来](https://mp.weixin.qq.com/s/KH5vW6-jNnavaz6dg16F7g)
2. [Vue2 剥丝抽茧-虚拟 dom 之自定义组件](https://mp.weixin.qq.com/s?__biz=MzUzNzE1Njc3Mw==&mid=2247485854&idx=1&sn=9ca4f5a2a0816f61ebb4bab50b59fe97)
3. [小程序不让用 JS 解释器？那我再肛一次鹅厂](https://mp.weixin.qq.com/s?__biz=Mzg3OTYwMjcxMA==&mid=2247487649&idx=1&sn=2ad320f7671e0cee1fd4a3388637edbe)
## 第五十二期
#### 分享
1. [可能改变前端工程化未来的特性：ESM Loader Hooks](https://mp.weixin.qq.com/s/FEHGKRMwoGsoEe_6aQlIcA)
2. [浅谈 NPM 依赖治理](https://mp.weixin.qq.com/s/ibmDnso_rPQlu_2MEuLLhQ)
3. [Vite 也可以模块联邦](https://mp.weixin.qq.com/s?__biz=Mzg4MTcyNDY4OQ==&mid=2247487754&idx=1&sn=4bacb3b7cc2741633a21fe83fb6e4ba6)
4. [从 JavaScript 到 TypeScript：上手试试才知道答案](https://mp.weixin.qq.com/s/t93Ps3scLYdmSMFPeeczmA)
5. [不需要 JS！仅用 CSS 也能达到监听页面滚动的效果！](https://mp.weixin.qq.com/s/aDJp-Vk2wsYRRFu7O8hkFg)
6. [前端研发的新基础设施 - Rust 🦀️](https://mp.weixin.qq.com/s/JOnz0IVWRm_bYWReACyWAg)
## 第五十一期
#### 分享
1. [Web 中的“选区”和“光标”](https://mp.weixin.qq.com/s/EgWOcjLldO5VQrto5XYNJQ)
2. [TypeScript 深水区：3 种类型来源和 3 种模块语法](https://mp.weixin.qq.com/s/AsTrGLhipd32RrNUFHuD5A)
3. [抖音三面：硬件加速中的“层”和层叠上下文中的“层”，是一个东西吗？](https://mp.weixin.qq.com/s?__biz=Mzg2Nzc0NzQ3OQ==&mid=2247486037&idx=1&sn=d4092fd57179d180103dfeaf42f6ee17)
4. [面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来](https://mp.weixin.qq.com/s/mEWCGHDH3CU5MWeHtizGPA)
5. [如何将传统 Web 框架部署到 Serverless](https://mp.weixin.qq.com/s/XvX6b3i9D197s3voXRcemQ)
## 第五十期
#### 分享
1. [淘宝店铺 TypeScript 研发规约落地实践](https://mp.weixin.qq.com/s/a3OKOep9W7Cu81j7bKp3RQ)
2. [基于 Serverless 的大前端轻研发平台](https://mp.weixin.qq.com/s/oEiLOTa6nvqMnrtPhOhyCw)
3. [如何移除你项目中 99%的 JS 代码](https://mp.weixin.qq.com/s/UG3T9mpzGA-Co1TBywNCNw)
4. [JS 实现将文本或 JSON 内容下载到文件中](https://mp.weixin.qq.com/s/RMjIe5ISPq3AOv9aNT_-2Q)
5. [关于前端大管家 package.json，你知道多少？](https://mp.weixin.qq.com/s/Np-tDI84_VTJPHAIAl8aGQ)
## 第四十九期
#### 分享
1. [介绍与换行相关的 CSS 属性](https://mp.weixin.qq.com/s/D4dn4ot55f7ISzHxwu2H5Q)
2. [理解了状态管理，就理解了前端开发的核心 ](https://mp.weixin.qq.com/s/xbCXiVMaqVTKCQhSdaZbsQ)
3. [ESM Bundleless 在蚂蚁集团低代码场景的实践](https://mp.weixin.qq.com/s/NfuJU7xPkrl9Nc6rP3hyeA)
4. [【温故而知新】你可能不知道的 Proxy](https://mp.weixin.qq.com/s/LFpHyiMHwsZ2aVKWqdM2hg)
5. [HTTP 史记 - 从 HTTP/1 到 HTTP/3](https://mp.weixin.qq.com/s/B7K00-wTUSmy87caDHRWFA)
6. [1.4w 字总结带你重学 TypeScript](https://juejin.cn/post/7096695346239111199)
7. [The Complete Modern React Developer 2022](https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022)
## 第四十八期
#### 分享
1. [作业帮直播间前端架构优化实践](https://mp.weixin.qq.com/s/zVRLRV16vr8eudFcVKqm2w)
2. [腾讯课堂 H5 直播间点赞动效实现](https://mp.weixin.qq.com/s/wGQ-Dwg4wERTnBmPhj0hsQ)
3. [得物 AppH5 秒开优化实战](https://mp.weixin.qq.com/s/23ZFPK4CaCkinwpZ3SG9Rw)
4. [使用 content-visibility 优化渲染性能](https://mp.weixin.qq.com/s/o9lpl7CTwcbjM0q3QMRLTg)
5. [浅谈：为啥 vue 和 react 都选择了 Hooks🏂？](https://juejin.cn/post/7066951709678895141)
## 第四十七期
#### 分享
1. [JavaScript 框架发展的四个时代，以后的发展方向是什么？](https://mp.weixin.qq.com/s?__biz=MzkxMjI3MTA1Mg==&mid=2247518702&idx=1&sn=6c1bacc37dacc9a84cf5b139dd060541)
2. [浅谈逻辑选择器 is、where、not、has](https://mp.weixin.qq.com/s?__biz=Mzg2MDU4MzU3Nw==&mid=2247491434&idx=1&sn=78d272144df2c8da29b8718f43c7ff73)
3. [深入浅出前端做控制反转与依赖注入](https://www.yuque.com/surfacew/fe/qg0uev)
4. [为什么 2022 年 ESM 又被发布了一次 ？](https://mp.weixin.qq.com/s/_RmAH6p2lyzkhqLWw8cIKw)
5. [JavaScript 中的继承和组合](https://mp.weixin.qq.com/s/mJCoubKJne2uLCDcZoseMw)
6. [React state management libraries in 2022](https://www.albertgao.xyz/2022/02/19/react-state-management-libraries-2022/)
7. [First-party cookie recipes](https://web.dev/first-party-cookie-recipes/)
8. [8 种技巧让你编写更简洁的 JavaScript 代码](https://mp.weixin.qq.com/s/nEBp9YYUYFLP8O3xJfbm9A)
## 第四十六期
#### 分享
1. [「全码」 通用搭建：现代 Web 研发体系中的新一代低/零码搭建](https://zhuanlan.zhihu.com/p/435484949)
2. [美团跨端一体化富文本管理技术实践](https://tech.meituan.com/2021/11/25/page-webide-thrift.html)
3. [今天不聊中间层，我们来聊聊中间页](https://mp.weixin.qq.com/s/gBa09twuuhBZgIbMW35WvQ)
4. [My Custom CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/)
5. [面试刨根问到底：[...undefined] 执行结果是什么](https://mp.weixin.qq.com/s/V38lB3ALy_pQ8qiSOYHdsA)
## 第四十五期
#### 分享
1. [How to React](https://kentcdodds.com/blog/how-to-react)
2. [Common React Hooks Mistakes You Should Avoid](https://blog.bitsrc.io/common-react-hooks-mistakes-every-developer-should-avoid-defd47d09d8c)
3. [Next.js 12 发布！迄今以来最大更新！](https://mp.weixin.qq.com/s?__biz=Mzk0MDMwMzQyOA==&mid=2247490922&idx=1&sn=3b43c3a98e035e0e0482456083f1eb81)
4. [How to Use Next.js Middleware](https://www.ctnicholas.dev/articles/how-to-use-nextjs-middleware)
5. [利用 javascript 获取并修改伪元素的值](https://segmentfault.com/a/1190000003711146)
## 第四十四期
> 2021 年 11 月 21 日
#### 分享
1. [Retry, Timeout and Cancel with fetch()](https://www.chrisarmstrong.dev/posts/retry-timeout-and-cancel-with-fetch/)
2. [现代 Web 开发困局](https://mp.weixin.qq.com/s/PjpA4CBoC3Q0-gT5f5qlPg)
3. [大漠：我认识的 W3C 规范](https://mp.weixin.qq.com/s/Kq0inC2lrjrvAaP-0ltQoQ)
4. [浅析 Web 录屏技术方案与实现](https://mp.weixin.qq.com/s/f55pB-MEO6VboFsihb-_gQ)
5. [Record, replay and measure user flows](https://developer.chrome.com/docs/devtools/recorder/)
6. [写在 2021 的前端性能优化指南](https://mp.weixin.qq.com/s/CO8Gkxm0dfLXhebIrosHYw)
7. [元宇宙下的前端现状](https://juejin.cn/post/7001419484376350727)
## 第四十三期
> 2021 年 11 月 7 日
#### 分享
1. [Nest.js 实践总结](https://mp.weixin.qq.com/s/7nfdzLhWY6kxn_IEA_5o-A)
2. [A Deep Dive Into object-fit And background-size In CSS](https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/)
3. [CSS 实现文本"不定行数"截断](https://juejin.cn/post/7022876094608982030)
4. [JS 项目中究竟应该使用 Object 还是 Map？](https://zhuanlan.zhihu.com/p/358378689)
5. [再看 Babel - 云谦](https://mp.weixin.qq.com/s/QCzXQ5QfX5rhX3GTheYycw)
## 第四十二期
> 2021 年 10 月 30 日
#### 分享
1. [How SPA architectures affect Core Web Vitals](https://web.dev/vitals-spa-faq/)
2. [A Complete Guide to Dark Mode on the Web](https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/)
3. [Safe DOM manipulation with the Sanitizer API](https://web.dev/sanitizer/)
4. [应用性能前端监控，字节跳动这些年经验都在这了 - ByteDance Web Infra](https://mp.weixin.qq.com/s/18jSRceR8ahW0SPn74-F0w)
5. [从场景倒推我们要什么样的微前端体系 - 字节前端](https://zhuanlan.zhihu.com/p/386763435)
6. [Webpack 性能系列一: 使用 Cache 提升构建性能](https://mp.weixin.qq.com/s/mpF6W-4dElu0UPed03oJQw)
7. [Webpack 性能系列二：多进程打包](https://mp.weixin.qq.com/s/Jh37R0ooECzK2VDTTorgzA)
8. [React 运行时优化方案的演进](https://juejin.cn/post/7010539227284766751)
#### 工具
1. [会触发 Layout, Paint, Composite 的 CSS 属性速查表](https://csstriggers.com)
2. [快速验证 Nginx 配置的在线演示工具](https://nginx-playground.wizardzines.com)
## 第四十一期
> 2021 年 9 月 4 日
#### 分享
1. [学习 Webpack5 之路（优化篇）](https://mp.weixin.qq.com/s/pwynolH0pTtT38f-xBUsXw)
2. [深入解析基于 Flutter 的 Web 渲染引擎「北海 Kraken 」技术原理](https://mp.weixin.qq.com/s/EI7loHgtQLG-cqRQVM6mZQ)
3. [ESModule 系列 ：构建下一代基础设施 PDN](https://mp.weixin.qq.com/s/KmlyjxTphGBMu69cVGbKlg)
4. [Nginx 与前端开发](https://juejin.cn/post/6844903684967825421)
## 第四十期
> 2021 年 8 月 28 日
#### 分享
1. [现代 Web 开发者问卷调查报告](https://mp.weixin.qq.com/s/aeIVdZc_Ov-T1-HvyZlaPg)
2. [Vue3 的 7 种和 Vue2 的 12 种组件通信](https://juejin.cn/post/6999687348120190983)
3. [你不可能知道的骨架屏玩法 🐶](https://juejin.cn/post/6994678354200756238)
4. [美团 App 页面视图可测性改造实践](https://tech.meituan.com/2021/07/28/app-xraysdk.html)
5. [如何利用 monorepo 策略管理代码？](https://mp.weixin.qq.com/s/ZP2IigNVSIZKGuYxNYOYgw)
6. [如何防止他人恶意调试你的 web 程序](https://juejin.cn/post/7000784414858805256)
7. [【程序员必读】经验：编程的智慧](https://mp.weixin.qq.com/s?__biz=MzkyODE5NjU2Mw==&mid=2247488931&idx=1&sn=0fe4e07c90dada22de38df6b7548cfcd)
## 第三十九期
> 2021 年 8 月 21 日
#### 分享
1. [如何设计实现 H5 营销页面搭建系统](https://mp.weixin.qq.com/s/eWzqXz52wqVBk3qresfRvQ)
2. [超级变变变，动态云组件加载实践](https://mp.weixin.qq.com/s/P5AAZZEmyTdo_-tYC1XpMg)
3. [企业级应用搭建平台是如何设计资产体系的？- Alibaba F2E](https://mp.weixin.qq.com/s/rihJS2GCcQ3wzODw7PHTaA)
4. [腾讯企鹅辅导 H5 性能极致优化 - 腾讯 IMWeb 前端团队](https://mp.weixin.qq.com/s/zJMM4SF7pc6LZPCsQfWOxw)
5. [开发效率提升 50% 以上，爱奇艺官网主站的 Nuxt 实践 - 爱奇艺技术产品团队](https://www.infoq.cn/article/CMgcL5Py9CXhq7gBPvTb)
6. [前端组件化实战之 Button](https://juejin.cn/post/6990511054224621598)
7. [从过去到现在，聊聊 Tree-shaking](https://mp.weixin.qq.com/s/TNXO2ifPymaTxIqzBAmkSQ)
8. [基础很好？总结了 38 个 ES6-ES12 的开发技巧，倒要看看你能拿几分？🐶](https://juejin.cn/post/6995334897065787422)
#### 工具
1. [HTML 5 TEST - 检测浏览器对 HTML5 支持情况](http://html5test.com/)
2. [Are Third-Party Cookies enabled? - 检测浏览器启用第三方 cookie](https://www.whatismybrowser.com/detect/are-third-party-cookies-enabled)
3. [Do Not Track Detection - 检测浏览器启用禁止追踪](https://browserleaks.com/donottrack)
## 第三十八期
> 2021 年 7 月 31 日
#### 分享
1. [你可能并不需要微前端](https://mp.weixin.qq.com/s/khrziHjDfgGS4GgHa6qQJg)
2. [浏览器缓存](https://www.yuque.com/docs/share/eab142fc-a0e0-432f-921a-eb0f8705dec4)
3. [这三年沉淀的前端错误监控系统，一篇文章讲透给你](https://mp.weixin.qq.com/s/NY72_cRGAPsex78YwVF_hg)
4. [TypeScript and native ESM on Node.js](https://2ality.com/2021/06/typescript-esm-nodejs.html)
5. [精读《12 个评估 JS 库你需要关心的事》](https://segmentfault.com/a/1190000016504733)
6. [前端安全系列（二）：如何防止 CSRF 攻击？](https://tech.meituan.com/2018/10/11/fe-security-csrf.html)
## 第三十七期
> 2021 年 7 月 18 日
#### 分享
1. [花椒低代码可视化编辑平台的设计与实践](https://mp.weixin.qq.com/s/1uLxT2Ub_hoYqjXS7DjYLw)
2. [2021 年你可能不知道的 CSS 特性（下篇）](https://juejin.cn/post/6978647140910727176)
3. [文件上传，搞懂这 8 种场景就够了](https://juejin.cn/post/6980142557066067982)
4. [手把手教你设计一个任务调度器](https://mp.weixin.qq.com/s/O6fAOodJq6pyJnqy1IuqEg)
5. [浅析前端异常及降级处理](https://juejin.cn/post/6979564690787532814)
## 第三十六期
> 2021 年 7 月 10 日
#### 分享
1. [迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）](https://mp.weixin.qq.com/s?__biz=MzkxNDIzNTg4MA==&mid=2247484407&idx=1&sn=c3706cdacefe4fd0ee372804ce53b4ce)
2. [JavaScript 变量命名](https://mp.weixin.qq.com/s/I4gFKpyzvVqQIyS9Mh0BJg)
3. [换个角度思考 React Hooks](https://mp.weixin.qq.com/s/_uCquHuFaAk8W2bVjaC7Sg)
4. [如何优雅的判断元素是否进入当前视区](https://mp.weixin.qq.com/s?__biz=MzkwODIwMDY2OQ==&mid=2247488048&idx=2&sn=4c1bf438accbd75b2c3ff739b585fad0&source=41#wechat_redirect)
5. [Google 的新前端框架 Lit](https://juejin.cn/post/6976557762377416718)
## 第三十五期
> 2021 年 7 月 4 日
#### 分享
1. [ES2021 Features!](https://h3manth.com/ES2021/)
2. [TypeScript 装饰器完全指南](https://saul-mirone.github.io/zh-hans/a-complete-guide-to-typescript-decorator/)
3. [天下武功，唯'QUICK'不破，揭秘 QUIC 的五大特性及外网表现](https://cloud.tencent.com/developer/article/1155289)
4. [【vite】你不知道的小妙招，确定不看一下吗？](https://mp.weixin.qq.com/s/J_HBCBATgVEexbhzKvb2wQ)
5. [产品经理：鸿蒙那个开场动画挺帅的 给咱们页面也整一个呗](https://juejin.cn/post/6979042510400126983)
## 第三十四期
> 2021 年 6 月 26 日
#### 分享
1. [2021 年大前端技术趋势解读](https://www.infoq.cn/article/dT002EZ7BiXGtMeU49qo)
2. [现代浏览器观察者 Observer API 指南](https://juejin.cn/post/6844903976937209863)
3. [三种前端实现 VR 全景看房的方案！](https://juejin.cn/post/6973865268426571784)
4. [数据上报方式是否存在最优解？](https://mp.weixin.qq.com/s/_3OSxMErTD2ZMNK7kf02LA)
5. [一文吃透 Webpack 核心原理](https://xie.infoq.cn/article/ddca4caa394241447fa0aa3c0)
6. [120 行代码帮你了解 Webpack 下的 HMR 机制](https://mp.weixin.qq.com/s/CPlgM2jxjnQ_mn1VyrWQlA)
#### 工具
1. [Handsfree.js - 面部、手势及动作识别追踪 JS 库](https://handsfree.js.org/)
## 第三十三期
> 2021 年 6 月 19 日
#### 分享
1. [淘宝承接页是如何实现秒开的](https://mp.weixin.qq.com/s/O6daxmeTuLE1b7d9nTQiCw)
2. [TypeScript 新品尝鲜](https://mp.weixin.qq.com/s/C3dB9EajxhyWLB2UhHjSIQ)
3. [SameSite 那些事](https://mp.weixin.qq.com/s/QZkOXhQIg2LqDWpi7mzCdQ)
4. [CSS 实现多行文本“展开收起”](https://juejin.cn/post/6963904955262435336)
5. [我在工作中是如何使用 Git 的](https://mp.weixin.qq.com/s/uqEL6cqRWRXu2hH1ySNAIQ)
6. [HTTP 中的 ETag 是如何生成的？](https://mp.weixin.qq.com/s/6IjEPv7GWrNxf3pdxam37g)
7. [京东出品微前端框架 MicroApp 介绍与落地实践](https://mp.weixin.qq.com/s/6A6TqQpWgN1_KoxUMx3FFw)
8. [玉伯：开源有带给我什么](https://mp.weixin.qq.com/s/Zo7uzFnSfVTJ4QfGwKAXOQ)
## 第三十二期
> 2021 年 6 月 12 日
#### 分享
1. [塞尔达的 3D 渲染风格，能在小游戏跑起来？](https://mp.weixin.qq.com/s/K_nxqBNvALYtUACSBcrQ3Q)
2. [5 Advanced React Patterns](https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6)
3. [新时代创意布局不完全指南](https://segmentfault.com/a/1190000040072323)
4. [H5 项目如何适配暗黑模式](https://mp.weixin.qq.com/s/WVqu_gmW9c5YLZPCGukWdg)
5. [如何让 10 万条数据的小程序列表如丝般顺滑](https://juejin.cn/post/6966904317148299271)
6. [问了尤雨溪 25 个问题后，我的很多想法开始变了](https://mp.weixin.qq.com/s/Dopiz0jgqJiSbhLOLzkQbA)
#### 工具
1. [Can I email - 电子邮件中可用 HTML、 CSS 的特性支持表](https://www.caniemail.com/)
## 第三十一期
> 2021 年 6 月 5 日
#### 分享
1. [2021 年你可能不知道的 CSS 特性](https://www.w3cplus.com/css/what-is-new-css-in-2021.html)
2. [Deep dive in CORS: History, how it works, and best practices](https://ieftimov.com/post/deep-dive-cors-history-how-it-works-best-practices/) [[译](https://juejin.cn/post/6965042086467633166)]
3. [Introducing WebContainers: Run Node.js natively in your browser](https://blog.stackblitz.com/posts/introducing-webcontainers/)
4. [Helping Babel move to ES Modules](https://bigbinary.com/blog/helping-babel-move-to-esm)
5. [云凤蝶低代码之路](https://mp.weixin.qq.com/s/uWLwjJ-fjDL2BR2i7aebVw)
## 第三十期
> 2021 年 5 月 29 日
#### 分享
1. [终于有人把 Nginx 说清楚了，图文详解！](https://mp.weixin.qq.com/s/vZkXcMOOWu0tsZ_5a6gtew)
2. [从 0 构建自己的脚手架知识体系](https://juejin.cn/post/6966119324478079007)
3. [JS 常用的循环遍历你会几种](https://juejin.cn/post/6966390357005172773)
4. [你为什么不使用 TypeScript？](https://www.zhihu.com/question/273619114/answer/1907885114)
5. [腾讯低代码 OTeam 建设概述](https://mp.weixin.qq.com/s/NMtp0_L4fNWVJprcZrj6Tg)
#### 工具
1. [DOM Events - 可视化探索 DOM 事件系统的工具](https://domevents.dev/)
2. [readme.so - 快捷创建项目 README 的 markdown 编辑器](https://readme.so/)
## 第二十九期
> 2021 年 5 月 22 日
#### 分享
1. [Optimizing Web Vitals using Lighthouse](https://web.dev/optimize-vitals-lighthouse/)
2. [浏览器性能优化实战](https://mp.weixin.qq.com/s/RCJftzmhQbc-b89pU5d32w)
3. [一文带你了解如何排查内存泄漏导致的页面卡顿现象](https://juejin.cn/post/6947841638118998029)
4. [90 行代码的 webpack，你确定不学吗？](https://mp.weixin.qq.com/s/vpQq3FcJuQkKXvxsq8c9Bw)
5. [Chrome 开发者工具各种骚技巧](https://juejin.cn/post/6844903604839514125)
6. [京喜 APP - 图片库优化](https://juejin.cn/post/6961403041585037325)
7. [Tiny Wins, The big benefits of little changes.](https://joelcalifa.com/blog/tiny-wins/)
## 第二十八期
> 2021 年 5 月 15 日
#### 分享
1. [手把手教你打造前端智能图标识别工具](https://mp.weixin.qq.com/s/ih2MMlkZDe3CInepiVrVUg)
2. [理解 ECMAScript 规范（3）](https://mp.weixin.qq.com/s/1bNRE2t7UBY1UNikC7MC6g)
3. [TypeScript 原来可以这么香？！](https://mp.weixin.qq.com/s/6Mmy4_d11P1iPFSgX7GOBw)
4. [深入剖析虚拟内存工作原理 - 腾讯技术工程](https://mp.weixin.qq.com/s/c81Fvws0J2tHjcdTgxvv6g)
5. [如何处理浏览器的断网情况？](https://juejin.cn/post/6953868764362309639)
6. [Cross browser window state management](https://itnext.io/cross-browser-window-state-management-77bf837b6574)
## 第二十七期
> 2021 年 5 月 9 日
#### 分享
1. [BFF 模式：微服务前端数据加载的最佳实践？](https://mp.weixin.qq.com/s/7xKf2fY-aAHjEOdIKULj2Q)
2. [揭秘：如何考察前端的 Node.js 及工程能力](https://juejin.cn/post/6959477438757896205)
3. [Node.js 为前端赋能 | 如何推动基础架构项目落地](https://mp.weixin.qq.com/s/dd8BZUHuPqgcF12Bdymd1w)
4. [从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境](https://juejin.cn/post/6951649464637636622)
5. [回顾 babel 6 和 7，来预测下 babel 8](https://juejin.cn/post/6956224866312060942)
6. [CSS :placeholder-shown](https://www.samanthaming.com/tidbits/88-css-placeholder-shown/)
## 第二十六期
> 2021 年 5 月 1 日
#### 分享
1. [不要随便把函数当回调来用！](https://mp.weixin.qq.com/s/UYOknPvtZlmH0_KO1DXk1w)
2. [Content-aware image resizing in JavaScript](https://trekhleb.dev/blog/2021/content-aware-image-resizing-in-javascript/)
3. [CSS @property，让不可能变可能](https://juejin.cn/post/6951201528543707150)
4. [Comparing the New Generation of Build Tools](https://css-tricks.com/comparing-the-new-generation-of-build-tools/)
5. [大型前端项目内存优化总结 - AlloyTeam](https://mp.weixin.qq.com/s/_wbP0B3EiTjME9Sg3BXqqA)
6. [ESLint 在中大型团队的应用实践 - 美团技术团队](https://tech.meituan.com/2019/08/01/eslint-application-practice-in-medium-and-large-teams.html)
7. [能让你纵享丝滑的 SSR 技术，转转这样实践](https://mp.weixin.qq.com/s/YBOtrgXKgyXO_pbLqT5s3w)
#### 工具
1. [BundlePhobia - 分析添加一个 npm 包会增加多少 bundle 体积](https://bundlephobia.com/)
2. [Iconfont Preview - iconfont 在线预览工具](http://blog.luckly-mjw.cn/tool-show/iconfont-preview/index.html)
## 第二十五期
> 2021 年 4 月 24 日
#### 分享
1. [基于 Flutter 的 Web 渲染引擎「北海」正式开源 - 淘系前端团队](https://mp.weixin.qq.com/s/tnHbceedNsoKgMrgoTyyuA)
2. [前端应该知道的 Web 标准 - 字节前端 ByteFE](https://mp.weixin.qq.com/s/liTfLJcHbu6i0m9srLjShA)
3. [浅析 HTTP 缓存](https://mp.weixin.qq.com/s/dt1_TrjgAwRxz73vqeACiw)
4. [看了就会的浏览器帧原理](https://mp.weixin.qq.com/s/Q4MBBFhc-ONrpCYWhow3uw)
5. [解剖 Babel — 向前端架构师迈出一小步](https://mp.weixin.qq.com/s/rioaemy9iRBxPnqFu-zOGQ)
6. [Advanced Promise Patterns: Promise Memoization](https://www.jonmellman.com/posts/promise-memoization)
## 第二十四期
> 2021 年 4 月 17 日
#### 分享
1. [理解 ECMAScript 规范（1）- 字节前端 ByteFE](https://mp.weixin.qq.com/s/scA3PepT_JcNk0U4EXbHwA)
2. [理解 ECMAScript 规范（2）- 字节前端 ByteFE](https://mp.weixin.qq.com/s/8lBSNZhXyUzZCehIBoNsCw)
3. [我所理解的 Hooks API - Alibaba F2E](https://mp.weixin.qq.com/s/_AKjxHYRzplh5CmUXmmL8g)
4. [Vanilla JavaScript Code Snippets](https://www.smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/)
5. [CSS 实现优惠券的技巧 - 阅文前端团队](https://juejin.cn/post/6945023989555134494)
6. [2021 年，如果选型一个 Node.js 的 web server 框架，你会选择什么？](https://www.zhihu.com/question/446613186/answer/1819375500)
7. [图文并茂讲清楚 JavaScript 内存管理](https://mp.weixin.qq.com/s/W2AxuO0OgoAUwROMyBwpYg)
## 第二十三期
> 2021 年 4 月 3 日
#### 分享
1. [从低代码到无代码：可视化逻辑编排 - 淘系前端团队](https://mp.weixin.qq.com/s/1fTGOmgT-1_UYSRMpi0IYw)
2. [仅使用 CSS 提高页面渲染速度 - 淘系前端团队](https://juejin.cn/post/6942661408181977118)
3. [维护几十种语言和站点，爱奇艺国际站 WEB 端网页优化实践](https://www.infoq.cn/article/JxlQYZL7egaTCBkOolq9)
4. [基础组件完善的今天，如何通过业务组件提效？- 阿里技术](https://mp.weixin.qq.com/s/OKsEDJ6r9MPSNi91S757cg)
5. [使用过 redux 和 mobx 后，总结出详细的优劣势](https://mp.weixin.qq.com/s/FTX-ba0YOZEDpZeF0gDv-Q)
6. [我对 Svelte 的看法](https://lutaonan.com/blog/svelte/)
#### 工具
1. [tools.fun - 开发人员工具箱](https://tools.fun/)
## 第二十二期
> 2021 年 3 月 28 日
#### 分享
1. [页面可视化搭建工具技术要点 - AlloyTeam](http://www.alloyteam.com/2019/07/h5-build-tool-pipeline/)
2. [逻辑编排在优酷可视化搭建中的实践之上](https://mp.weixin.qq.com/s/ZVZ1skvmIWIjcSz9HhDU3Q)
3. [逻辑编排在优酷可视化搭建中的实践之下](https://mp.weixin.qq.com/s/EpOO3ZwxIE2Q7eqUQHBLqg)
4. [用 Service Worker 实现前端性能优化](https://mp.weixin.qq.com/s/It8nhN-jvglxAGj7w6RwPw)
5. [语雀思维图子图嵌套的技术思考](https://mp.weixin.qq.com/s/R9YnZnphESqc2yZ7-jGhew)
6. [深入剖析 JavaScript 编译器/解释器引擎 QuickJS - 多了解些 JavaScript 语言](https://ming1016.github.io/2021/02/21/deeply-analyse-quickjs/)
7. [2021 年前端开发者需要知道的 34 种 JS 优化技巧](https://mp.weixin.qq.com/s/26RFa_CTekfSInUyl_YedA)
#### 工具
1. [IconPark - 字节跳动出品的高质量开源图标库](https://iconpark.bytedance.com/official)
## 第二十一期
> 2021 年 3 月 20 日
#### 分享
1. [构建效率大幅提升，webpack5 在企鹅辅导的升级实践](https://mp.weixin.qq.com/s/P3foOrcu4StJDGdX9xavng)
2. [中高级前端必须注意的 40 条移动端 H5 坑位指南 | 网易三年实践](https://juejin.cn/post/6921886428158754829)
3. [解密 HTTP/2 与 HTTP/3 的新特性](https://cloud.tencent.com/developer/article/1523001)
4. [探索微前端的场景极限](https://www.zhihu.com/column/p/355419817)
5. [🧭【深入解析】跨端框架的核心技术到底是什么？](https://mp.weixin.qq.com/s/2XS-d1PUt8olXvHXZFvSfQ)
6. [ECMAScript 2021: the final feature set](https://2ality.com/2020/09/ecmascript-2021.html)
7. [JavaScript: What is the meaning of this?](https://web.dev/javascript-this/)
8. [A horrifying globalThis polyfill in universal JavaScript](https://mathiasbynens.be/notes/globalthis)
## 第二十期
> 2021 年 3 月 13 日
#### 分享
1. [前端优秀实践不完全指南](https://juejin.cn/post/6932647134944886797)
2. [新兴前端框架 Svelte 从入门到原理](https://mp.weixin.qq.com/s/7GTTAYNf28IvIe2bpfVHuQ)
3. [Vite 和 Webpack 的核心差异](https://mp.weixin.qq.com/s/c6TKuZeH05PtetEWlKHz9A)
4. [前端工程师所需要了解的 WebView](https://mp.weixin.qq.com/s/PipKSnMQaTBhE5kSwG3DVQ)
5. [🤔 移动端 JS 引擎哪家强？美国硅谷找...](https://mp.weixin.qq.com/s/2cxe1L9_vyB8oNg2jr2rkg)
6. [一文详解 CSS-in-JS](https://mp.weixin.qq.com/s/v0IB2mZHrF0l2ks5pVsO1g)
7. [门神——转转前端代码校验系统](https://mp.weixin.qq.com/s/4eyolWSSjcWUgshojMcIUQ)
#### 工具
1. [github1s - 一秒打开在线 VS Code 阅读 GitHub 仓库代码](https://github1s.com/)
2. [Create App - 前端构建配置生成器](https://createapp.dev/)
## 第十九期
> 2021 年 2 月 7 日
#### 分享
1. [前端机器学习简史 - Alibaba F2E](https://mp.weixin.qq.com/s/5M6FLoCJT4P9VEcEbcY93A)
2. [可视化拖拽组件库一些技术要点原理分析（二）](https://juejin.cn/post/6918881497264947207)
3. [让你的 JS 代码变得更加优雅且可维护](https://mp.weixin.qq.com/s/kOSCo-kMvcSUCNh69iLDKg)
4. [The Philosophy of Svelte](https://blog.scottlogic.com/2021/01/18/philosophy-of-svelte.html)
5. [Don't use functions as callbacks unless they're designed for it](https://jakearchibald.com/2021/function-callback-risks/)
6. [如何实现一个前端监控回放系统](https://mp.weixin.qq.com/s/NrHcR8MrBiHPc0Li2N-z9g)
7. [一行 CSS 实现全站中文简繁转换](https://www.zhangxinxu.com/wordpress/2021/01/css-simplified-traditional-chinese/)
## 第十八期
> 2021 年 1 月 24 日
#### 分享
1. [ECMAScript 2021 新特征](https://jelly.jd.com/article/5febdfbb846cc00148ae36d7)
2. [函数式编程指北](https://github.com/MostlyAdequate/mostly-adequate-guide)
3. [登上 Github 趋势榜，iMove 原理技术大揭秘!](https://mp.weixin.qq.com/s/cfGdGp1VAVn_bUqXUspvJg)
4. [「前端工程化」从 0-1 搭建 react，ts 脚手架（1.2w 字超详细教程）](https://juejin.cn/post/6919308174151385096)
5. [前端资源加载失败优化](https://mp.weixin.qq.com/s/0JMLZYgNAiyrHmzPBu5rYw)
6. [CDN 是什么？使用 CDN 有什么优势？](https://www.zhihu.com/question/36514327)
## 第十七期
> 2021 年 1 月 17 日
#### 分享
1. [2020 前端技术发展回顾](https://mp.weixin.qq.com/s/2i7GljzuWqqljKUGX6LsMw)
2. [2021 年前端趋势预测](https://mp.weixin.qq.com/s/NfZfJHJQ8GRtxidweHt8oA)
3. [设计稿智能生成代码如何识别组件？ - Imgcook 3.0 系列](https://juejin.cn/post/6914842218471161870/)
4. [前端智能化实践 — P2C 从需求文档生成代码 | D2 分享视频+文章](https://mp.weixin.qq.com/s/_A0LATzlYsMtJQfPBGcHhA)
5. [前端安全生产在 ICBU 的探索与落地](https://wemp.app/posts/c72748d0-9198-4a55-a18a-d7546525336b)
6. [Facebook 重构：抛弃 Sass / Less，迎接原子化 CSS 时代](https://juejin.cn/post/6917073600474415117)
7. [为什么 Vue3 选择了 CSS 变量](https://juejin.cn/post/6916298446638940173)
8. [凹凸实验室的过去与未来](https://aotu.io/notes/2020/12/24/aotu-5-year/)
## 第十六期
> 2021 年 1 月 10 日
#### 分享
1. [[Vue 官方教程笔记]- 尤雨溪手写 mini-vue](https://juejin.cn/post/6911897255087702030)
2. [Centering in CSS](https://web.dev/centering-in-css/)
3. [React Native 优先的多端统一化方案](https://www.infoq.cn/article/VpVHluUci1seBLkGCZjP)
4. [“无代码”与我们的距离](https://mp.weixin.qq.com/s/Zhmh6mzCyxJlOvmuDMBSfw)
5. [纯技巧向：React, Vue, Rxjs 和原生 JS 代码大乱斗](https://juejin.cn/post/6905952639100387335)
6. [CSS 现状和如何学习](https://mp.weixin.qq.com/s/ztU1tESHy-5kF2iFpZbgfw)
7. [框架带来了什么？](https://www.zhangxinxu.com/life/2020/12/about-frames/)
## 第十五期
> 2021 年 1 月 3 日
#### 分享
1. [2020 年大前端技术趋势解读](https://juejin.cn/post/6908713513271689224)
2. [可视化拖拽组件库一些技术要点原理分析](https://juejin.cn/post/6908502083075325959)
3. [使用 MonoRepo 管理前端项目](https://mp.weixin.qq.com/s/GzwABWH8GXYVp9X1zhz9lA)
4. [微前端在美团外卖的实践](https://tech.meituan.com/2020/02/27/meituan-waimai-micro-frontends-practice.html)
5. [如何只使用 CSS 提升页面渲染速度](https://mp.weixin.qq.com/s/aPguK-dZr7JMA-s2OOFyjg)
6. [滴滴 NodeX 生态](https://mp.weixin.qq.com/s/l5AwcMKCMz017HpEADvSIQ)
## 第十四期
> 2020 年 12 月 26 日
#### 分享
1. [编译的速度与激情：从 10mins 到 1s](http://www.alloyteam.com/2020/12/14882/)
2. [14W 行代码量的前端页面长什么样 - 腾讯文档](https://mp.weixin.qq.com/s/3J8kKArFGjjDFOr4aryNIg)
3. [Introducing Zero-Bundle-Size React Server Components](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html)
4. [React RFC Server Components](https://mp.weixin.qq.com/s/KGev5at-H1TcVytTfliheg)
5. [搞懂 HTTP 重定向 - 如何优雅地使用 301](https://mp.weixin.qq.com/s/sy5AVy-QdgtvsFsowW99dw)
6. [如何优雅地解决多个 React、Vue App 之间的状态共享](https://mp.weixin.qq.com/s/2nFDX4uvPGe9WCS1OETVxA)
## 第十三期
> 2020 年 12 月 19 日
#### 分享
1. [如何基于 TypeScript 实现控制反转](https://zhuanlan.zhihu.com/p/311184005)
2. [基于 Vue 的前端架构，我做了这 15 点](https://juejin.cn/post/6901466994478940168)
3. [Element3 开发内幕 - Vue CLI 插件开发](https://juejin.cn/post/6899334776860180494)
4. [对比多种微前端方案](https://mp.weixin.qq.com/s/I-doe7v4SavJlLhsLTTMBA)
5. [漫谈 React Fiber](https://musicfe.dev/react-fiber-2/)
6. [前端团队研发效能提升的探索与实践](https://www.yuque.com/lizhiyao/dxydance/kikle8)
7. [滴滴开源小桔棱镜：一款专注移动端操作行为的利器](https://juejin.cn/post/6904676606845911053)
#### 工具
1. [Moiva - 以图表形式比较 JS 库的在线工具，支持 NPM 下载量、Google 趋势、Github 统计](https://moiva.io/)
2. [Screenity - Chrome 插件，功能强大且易用的屏幕录制和注释工具](https://github.com/alyssaxuu/screenity)
## 第十二期
> 2020 年 11 月 28 日
#### 分享
1. [Vue 3.0 Ref-sugar 提案真的是自寻死路吗？](https://juejin.cn/post/6894175515515551752)
2. [Web Worker 文献综述](https://mp.weixin.qq.com/s/MyRRIbn-UoruVD1dpvD-QQ)
3. [谈谈微前端领域的 js 沙箱实现机制](https://mp.weixin.qq.com/s/IJMgMO1IeYw2Io8MN7WZWQ)
4. [双十一会场体验 SSR 优化 - 走向更复杂的渲染架构](https://mp.weixin.qq.com/s/2SNzhRnY9mU41uSWsdw7Zw)
5. [import { reactive } from 'vue'（聊一聊 Vue 3 的响应式和组合式）](https://www.yuque.com/binfe/cquxg7/fr9eq3)
6. [rrweb：打开 web 页面录制与回放的黑盒子](https://zhuanlan.zhihu.com/p/60639266)
7. [十五分钟读懂 React 17](https://juejin.cn/post/6894204813970997256)
#### 工具
1. [ECMAScript 6 compatibility table - ES6 兼容性表](https://kangax.github.io/compat-table/es6/)
## 第十一期
> 2020 年 11 月 14 日
#### 分享
1. [Web Vitals: Google 如何定义性能指标及帮助开发者调优前端性能 ？](https://mp.weixin.qq.com/s/A0oUXLEoQGYj8wQasNxQPw)
2. [大型前端项目的断点调试共享化和复用化实践](https://mp.weixin.qq.com/s/XfSfwNTniJLke8c9pQ5R4w)
3. [图片加载失败后 CSS 样式处理最佳实践](https://www.zhangxinxu.com/wordpress/2020/10/css-style-image-load-fail/)
4. [[译] 深入 React Hook 系统的原理](https://juejin.im/post/6844903807269208072)
5. [想偷懒的话，toLocaleString 了解一下？](https://juejin.im/post/6844903587919691784)
6. [Yarn 的 Plug'n'Play 特性](https://loveky.github.io/2019/02/11/yarn-pnp/)
7. [setTimeout 实现原理和使用注意](https://mp.weixin.qq.com/s/7qTRSMqaqG8XZ9rpEBhYNQ)
#### 工具
1. [Flexbox Froggy - 一个用来学 CSS flexbox 的游戏](https://flexboxfroggy.com/#zh-cn)
2. [Grid Garden - 一个用来学 CSS grid 的游戏](http://cssgridgarden.com/#zh-cn)
## 第十期
> 2020 年 11 月 06 日
#### 分享
1. [低代码，要怎么低？和低代码有关的 10 个问题](https://zhuanlan.zhihu.com/p/225987562)
2. [今日头条品质优化 - 图文详情页秒开实践 - 字节跳动技术团队](https://juejin.im/post/6876011410061852680)
3. [77.9K Star 的 Axios 项目有哪些值得借鉴的地方](https://juejin.im/post/6885471967714115597)
4. [Facebook 新一代 React 状态管理库 Recoil](https://mp.weixin.qq.com/s/CK8jcN4tVrOw_lx5MHSr6Q)
5. [12 Fun Challenges to Learn React Native](https://hackernoon.com/12-fun-challenges-to-learn-react-native-1m4g3egq)
6. [开源富文本编辑器技术的演进](https://zhuanlan.zhihu.com/p/268366406)
7. [作为前端，我对业务的一点理解](https://juejin.im/post/6876977166051966984)
#### 工具
1. [vue-form-making - 基于 Vue 和 element-ui 实现的可视化表单设计器，实现方式简单明了](http://form.making.link/#/zh-CN/)
2. [awesome-lowcode - 国内低代码平台整理](https://github.com/taowen/awesome-lowcode)
## 第九期
> 2020 年 09 月 26 日
#### 分享
1. [漫谈前端数据层](https://zhuanlan.zhihu.com/p/165213964)
2. [SVG 图标看我就够了 - 阅文前端团队](https://mp.weixin.qq.com/s/1u_0jZC2IzqUTTf4hac2mg)
3. [转转 Hybrid 体系建设 - 大转转 FE](https://mp.weixin.qq.com/s/-9-hnl2Raxzo-0RngqVMsQ)
4. [How HTTPS works ...in a comic! 🌈 🎉 🍕](https://howhttps.works)
5. [I created the exact same app in React and Vue. 2020 edition](https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition)
6. [或许这就是下一代组件库 - ant-design-vue](https://juejin.im/post/6873752140855279624)
7. [React 17.0.0-rc.2 版本发布，引入全新的 JSX 转换](https://mp.weixin.qq.com/s/9WcV2sRRtlo8-OY_vnwJXA)
#### 工具
1. [@ant-design-vue/use - Vue 3 Composition Api Library](https://github.com/vueComponent/use)
2. [Comparing JSX Transforms - React 17 新老 JSX 转换模式对比](https://new-jsx-transform.netlify.app)
## 第八期
> 2020 年 09 月 20 日
#### 分享
1. [AVIF has landed - A new image format derived from the keyframes of AV1 video](https://jakearchibald.com/2020/avif-has-landed)
2. [Cross-App Bundling — A Different Approach for Micro Frontends](https://medium.com/swlh/cross-app-bundling-a-different-approach-for-micro-frontends-e4f212b6a9a)
3. [微前端在小米 CRM 系统的实践](https://xiaomi-info.github.io/2020/04/14/fe-microfrontends-practice)
4. [前端 DSL 实践指南（上）—— 内部 DSL](https://juejin.im/post/6844904068117168142)
5. [面试 100 多位软件工程师后的建议](https://mp.weixin.qq.com/s/_sWS1Y0fedJUNK3VX8AhxQ)
6. [Vue3 Compiler 优化细节，如何手写高性能渲染函数](https://zhuanlan.zhihu.com/p/150732926)
#### 工具
1. [Vue 3.0 — One Piece 发布](https://zhuanlan.zhihu.com/p/254219538)
2. [tinykeys - A tiny (~400 B) & modern library for keybindings](https://github.com/jamiebuilds/tinykeys)
## 第七期
> 2020 年 09 月 12 日
#### 分享
1. [饿了么 4 年 + 阿里 2 年：研发路上的一些总结与思考](https://mp.weixin.qq.com/s/0O3c3WUvW7nQdn7PprA5hg)
2. [万字长文干货，面试官角度看面试 - 政采云前端团队](https://juejin.im/post/6844904199155613704)
3. [「划线高亮」和「插入笔记」—— 不止是前端知识点](https://juejin.im/post/6870058781527506952)
4. [蚂蚁金服如何把前端性能监控做到极致?](https://www.infoq.cn/article/Dxa8aM44oz*Lukk5Ufhy)
5. [当飞猪遇上 Serverless](https://mp.weixin.qq.com/s/e86uMiwCaVTLScEOs7yH4Q)
6. [如何设计一个 JavaScript 插件系统，编程思维比死磕 API 更重要](https://juejin.im/post/6867335238905921543)
7. [30secondsofcode.org - 精选有用的 JavaScript 代码片段，让你可以在 30 秒的时间内理解](https://www.30secondsofcode.org/js/p/1)
#### 工具
1. [JSON Diff - Online JSON Compare Diff Finder](https://json-diff.com)
## 第六期
> 2020 年 09 月 05 日
#### 分享
1. [移动开发平台 mPaas 文档：离线包简介 - 蚂蚁金服](https://tech.antfin.com/docs/2/59594)
2. [Hybrid App 离线包方案实践](https://juejin.im/post/6844904031773523976)
3. [Webpack 打包太慢？来试试 Bundleless 吧！- Alibaba F2E](https://mp.weixin.qq.com/s/Wr9d6yrNWjrmP8_Sxbmzfw)
4. [辛辛苦苦学会的 webpack dll 配置，可能已经过时了](https://juejin.im/post/6844903952140468232)
5. [借助 Module Federation 让 webpack 提速十倍 - 云谦](https://mp.weixin.qq.com/s/3LxmReRXKe7b-UNLfIEKKA)
6. [Vuex、Flux、Redux、Redux-saga、Dva、MobX](https://juejin.im/post/6844903742672748558)
7. [Minimal React: getting started with the frontend library](https://2ality.com/2020/08/minimal-react.html)
#### 工具
1. [Smart TOC - Chrome 插件，为长文章网页生成章节目录，方便阅读和定位](https://chrome.google.com/webstore/detail/smart-toc/lifgeihcfpkmmlfjbailfpfhbahhibba)
## 第五期
> 2020 年 08 月 29 日
#### 分享
1. [TypeScript 4.0 正式发布！现在是开始使用它的最佳时机](https://mp.weixin.qq.com/s/hAGXH1MFjSFjqLpZyRHA3Q)
2. [if 我是前端 Leader，怎么走出小微前端团队的围墙?](https://juejin.im/post/6844904001603895304)
3. [7 Tricks with Resting and Spreading JavaScript Objects](https://blog.bitsrc.io/6-tricks-with-resting-and-spreading-javascript-objects-68d585bdc83)
4. [为什么 Vue3.0 不再使用 defineProperty 实现数据监听？](https://www.infoq.cn/article/sPCMAcrdAZQfmLbGJeGr)
5. [前端工程化概述 - 阿里云云栖号](https://juejin.im/post/6844903588553048077)
6. [一文搞懂动态规划](https://juejin.im/post/6844904113889624077)
#### 工具
1. [Code Spell Checker - 一个 VS Code 的扩展，帮助你做检查拼写](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
2. [Pure - Pretty, minimal and fast ZSH prompt](https://github.com/sindresorhus/pure)
## 第四期
> 2020 年 08 月 15 日
#### 分享
1. [React17 新特性：启发式更新算法](https://mp.weixin.qq.com/s/BEDwLJkEEI9bvD-1E5RRjQ)
2. [7 Reasons React Native is Going to Be BIG in 2021](https://shift.infinite.red/7-reasons-react-native-is-going-to-be-big-in-2021-4b08c771788e)
3. [Tasks, microtasks, queues and schedules (可交互示例) - Jake Archibald](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules)
4. [吊打 JavaScript 之从原型到原型链](https://mp.weixin.qq.com/s/QQySwGWhjD0Hd72_U0nrRg)
5. [深入理解 ES Modules (手绘示例)](https://www.zcfy.cc/article/es-modules-a-cartoon-deep-dive-mozilla-hacks-the-web-developer-blog)
6. [不容错过的 Babel7 知识](https://juejin.im/post/6844904008679686152)
7. [前端组件设计原则](https://juejin.im/post/6844903767108747278)
#### 工具
1. [AST Explorer - 支持多种语言的在线 AST 生成工具](https://astexplorer.net)
## 第三期
> 2020 年 08 月 08 日
#### 分享
1. [无线性能优化：Composite - 淘系前端团队](https://fed.taobao.org/blog/taofed/do71ct/performance-composite)
2. [浏览器层合成与页面渲染优化](https://juejin.im/post/6844903959425974280)
3. [你不知道的浏览器页面渲染机制](https://juejin.im/post/6844903815758479374)
4. [微前端的现状和趋势](https://segmentfault.com/a/1190000023365666)
5. [反击爬虫，前端工程师的脑洞可以有多大？- IMWeb 前端技术团队](https://imweb.io/topic/595b7161d6ca6b4f0ac71f05)
6. [4 Ways You Can “Level Up” As A Developer - DEV Community 👩💻👨💻](https://dev.to/skill_pathway/4-ways-you-can-level-up-as-a-developer-17ol)
7. [解读新一代 Web 性能体验和质量指标](https://juejin.im/post/6844904168591736846)
#### 工具
1. [GoogleChrome/web-vitals-extension - Core Web Vitals 指标衡量插件](https://github.com/GoogleChrome/web-vitals-extension)
2. [npmcharts - 图表对比 npm 包下载趋势](https://npmcharts.com)
## 第二期
> 2020 年 08 月 01 日
#### 分享
1. [Micro Frontends - extending the microservice idea to frontend development](https://micro-frontends.org)
2. [可能是你见过最完善的微前端解决方案](https://zhuanlan.zhihu.com/p/78362028)
3. [async/await 优雅的错误处理方法](https://juejin.im/post/6844903767129718791)
4. [如何高效迅速的进行 CodeReview](https://www.jianshu.com/p/e9f9aef9a0e9)
5. [10 个打开了我新世界大门的 WebAPI](https://juejin.im/post/6844904193258602504)
6. [You Might Not Need Vuex with Vue 3](https://dev.to/blacksonic/you-might-not-need-vuex-with-vue-3-52e4)
#### 工具
1. [Regulex - 正则表达式可视化工具]()
## 第一期
> 2020 年 07 月 25 日
#### 分享
1. [畅想 Serverless 新托管时代，2020 年迎来哪些新机会？- Alibaba F2E](https://mp.weixin.qq.com/s/2RcYlZYVLcwSfjf1f2_Jtg)
2. [Things you can do with a browser in 2020 ☕️](https://github.com/luruke/browser-2020)
3. [Flutter vs React Native vs Native：深度性能比较](https://www.infoq.cn/article/uYiItcu0eATDul25ecXG)
4. [移动前端开发和 Web 前端开发的区别是什么？ - 阿里技术](https://segmentfault.com/a/1190000022851790)
5. [写给前端的算法进阶指南，我是如何两个月零基础刷 200 题](https://juejin.im/post/5f05087cf265da22d466f60f)
6. [字节跳动面试官：请你实现一个大文件上传和断点续传](https://juejin.im/post/5dff8a26e51d4558105420ed)
7. [如何推动基础架构项目落地 - 小爝](https://juejin.im/post/5e6447e1f265da575f4e7df1)
#### 工具
1. [ahooks - 阿里巴巴开源的 React Hooks 库](https://ahooks.js.org/zh-CN)
2. [spark-md5 - 闪电般快速计算 MD5 的 JS 库，支持大文件分片增量计算](https://github.com/satazor/js-spark-md5)