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