└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # 「前端见闻」周刊 - 收集前端领域的优质分享与新鲜工具 2 | 3 | 每周六发布更新，快快点击右上角「Watch」进行关注，让你的技术栈保持活跃吧。👏 👏 4 | 5 | ## 第六十二期 6 | 7 | > 2024 年 05 月 25 日 8 | 9 | #### 分享 10 | 11 | 1. [State of HTML 2023（中文）](https://2023.stateofhtml.com/zh-Hans/) 12 | 2. [How to document your JavaScript package](https://deno.com/blog/document-javascript-package) 13 | 3. [5 分钟带你了解【前端装饰器】，“高大上”的“基础知识”](https://mp.weixin.qq.com/s/Q5jP99VOXDKhP8u-Oi4vOg) 14 | 4. [Default exports in CommonJS libraries](https://blog.andrewbran.ch/default-exports-in-commonjs-libraries/) 15 | 16 | ## 第六十一期 17 | 18 | > 2024 年 05 月 18 日 19 | 20 | #### 分享 21 | 22 | 1. [CSS Anchor Positioning API 简介 - Google](https://developer.chrome.com/blog/anchor-positioning-api?hl=zh-cn) 23 | 2. [Why you shouldn't use Enums!](https://www.wordman.dev/blog/typescript-enums) 24 | 3. [Do You Still Need Sass?](https://www.lullabot.com/articles/do-you-still-need-sass-2024) 25 | 26 | ## 第六十期 27 | 28 | > 2024 年 04 月 27 日 29 | 30 | #### 分享 31 | 32 | 1. [The Front End Developer/Engineer Handbook 2024](https://frontendmasters.com/guides/front-end-handbook/2024/) 33 | 2. [View transitions: Handling aspect ratio changes](https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/) 34 | 3. [Top 10 pens of 2023 on CodePen](https://codepen.io/2023/popular/pens/10) 35 | 36 | ## 第五十九期 37 | 38 | > 2024 年 04 月 20 日 39 | 40 | #### 分享 41 | 42 | 1. [Frontend Development Beyond React: Svelte (1/3)](https://itnext.io/frontend-development-beyond-react-svelte-1-3-f47eda22cba5) 43 | 2. [探探各个微前端框架 - 奇舞精选](https://juejin.cn/post/7356078518096576512) 44 | 3. [告别轮询，SSE 流式传输可太香了！](https://juejin.cn/post/7355666189475954725) 45 | 4. [An Interactive Guide to CSS Container Queries - Ahmad Shadeed](https://ishadeed.com/article/css-container-query-guide/) 46 | 5. [A practical guide to using shadow DOM](https://www.mayank.co/blog/declarative-shadow-dom-guide/) 47 | 48 | #### 工具 49 | 50 | 1. [Bruno - 一款快速流畅且与 Git 兼容的 API 调试客户端，对标 Postman](https://www.usebruno.com/) 51 | 1. [On My Git! - 一个用于学习 Git 的开源游戏](https://ohmygit.org/) 52 | 53 | ## 第五十八期 54 | 55 | > 2024 年 04 月 14 日 56 | 57 | #### 分享 58 | 59 | 1. [moduleResolution 总结](https://yutengjing.com/posts/moduleresolution%E6%80%BB%E7%BB%93/) 60 | 2. [JS 程序设计的常用套路 - 阿里云开发者](https://mp.weixin.qq.com/s/sl8CcJgJCY_xksmBVE4NhA) 61 | 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/) 62 | 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/) 63 | 5. [CSS :has() Interactive Guide](https://ishadeed.com/article/css-has-guide) 64 | 6. [解决前端常见问题：竞态条件](https://mp.weixin.qq.com/s/c-vDWMV0XHnbpmR6tvzL8A) 65 | 66 | #### 工具 67 | 68 | 1. [JavaScript Visualizer 9000 - 事件循环机制的可视化分析工具](https://www.jsv9000.app/) 69 | 2. [Web Check - 强大的挖掘网站/主机信息的一站式在线工具](https://web-check.xyz/) 70 | 71 | ## 第五十七期 72 | 73 | 74 | 75 | #### 分享 76 | 77 | 1. [当我们说插件系统的时候，我们在说什么 - 网易云音乐技术团队](https://mp.weixin.qq.com/s/mp4WL6Z2ESQTbK_B7ba8Fg) 78 | 2. [When is :focus-visible visible?](https://bitsofco.de/when-is-focus-visible-visible/) 79 | 3. [最后一次探究 1px](https://jelly.jd.com/article/5f5a4b31da524a0147e97da0) 80 | 4. [妙用 background 实现花式文字效果](https://mp.weixin.qq.com/s/qIc-eYFs0pU3HCB85AgkKQ) 81 | 5. [A Fancy Hover Effect For Your Avatar](https://css-tricks.com/a-fancy-hover-effect-for-your-avatar/) 82 | 83 | ## 第五十六期 84 | 85 | 86 | 87 | #### 分享 88 | 89 | 1. [The minimum TypeScript you need for React](https://ente.io/blog/tech/typescript-for-react/) 90 | 2. [Why Async/Await Is More Than Just Syntactic Sugar](https://www.zhenghao.io/posts/await-vs-promise) 91 | 3. [如何根治 Script Error？- 大淘宝前端技术](https://mp.weixin.qq.com/s/lnvd8ii58jyR3u-aDvq_9A) 92 | 4. [如何正确地配置入口文件？](https://mp.weixin.qq.com/s/DXPwn7zOrUo1Y9JO1sapBw) 93 | 5. [如何不基于构建工具优雅的实现模块导入？](https://mp.weixin.qq.com/s/C9tA0peV6nGUsPmOD8z3AA) 94 | 6. [Vite 约定式路由的最佳实践](https://mp.weixin.qq.com/s/IGaUcYDIb4e3zGGi9jvdig) 95 | 7. [10 分钟彻底掌握 CSS Flex 布局](https://mp.weixin.qq.com/s/FB_sVjU-KdUMiM7S5__2Eg) 96 | 97 | ## 第五十五期 98 | 99 | 100 | 101 | #### 分享 102 | 103 | 1. [【TypeScript】never 和 unknown 的优雅之道](https://mp.weixin.qq.com/s/rZ96wy8xUrx4T1qG5OKS0w) 104 | 2. [代码圈复杂度治理小结](https://mp.weixin.qq.com/s/6rHnwncSwcGCfqTnRAgQWw) 105 | 3. [🤔 一文搞懂前端兼容问题](https://mp.weixin.qq.com/s/G2Zzt_r4NI2aQoo2qRN5WQ) 106 | 4. [ESLint's new config system, Part 1: Background](https://eslint.org/blog/2022/08/new-config-system-part-1/) 107 | 5. [CSS border animations](https://web.dev/css-border-animations/) 108 | 109 | ## 第五十四期 110 | 111 | 112 | 113 | #### 分享 114 | 115 | 1. [The 10 Most Common JavaScript Issues Developers Face](https://www.toptal.com/javascript/10-most-common-javascript-mistakes) 116 | 2. [前端富文本基础及实现](https://mp.weixin.qq.com/s/qmzDSwY9mt8ts6LjlYZe0Q) 117 | 3. [How to prevent nvm from slowing down your shell](https://dev.to/mazharzandsalimi/how-to-prevent-nvm-from-slowing-down-your-shell-5ba) 118 | 4. [2022 推荐关注这个零运行时且支持 TS 的 CSS-in-JS 框架](https://mp.weixin.qq.com/s/OpCQJaSbzqWEykAh_qGJfQ) 119 | 5. [案例+图解带你一文读懂 Canvas🔥🔥（2W+字）](https://juejin.cn/post/7119495608938790942) 120 | 6. [如何写出不可维护的 Vue 代码](https://mp.weixin.qq.com/s/sYRwuFLvMe8us6SpOBkHWw) 121 | 7. [一文带你打通前端沙箱的"任督二脉"](https://juejin.cn/post/7124969690958397471) 122 | 123 | ## 第五十三期 124 | 125 | 126 | 127 | #### 分享 128 | 129 | 1. [预测一下前端开发的未来](https://mp.weixin.qq.com/s/KH5vW6-jNnavaz6dg16F7g) 130 | 2. [Vue2 剥丝抽茧-虚拟 dom 之自定义组件](https://mp.weixin.qq.com/s?__biz=MzUzNzE1Njc3Mw==&mid=2247485854&idx=1&sn=9ca4f5a2a0816f61ebb4bab50b59fe97) 131 | 3. [小程序不让用 JS 解释器？那我再肛一次鹅厂](https://mp.weixin.qq.com/s?__biz=Mzg3OTYwMjcxMA==&mid=2247487649&idx=1&sn=2ad320f7671e0cee1fd4a3388637edbe) 132 | 133 | ## 第五十二期 134 | 135 | 136 | 137 | #### 分享 138 | 139 | 1. [可能改变前端工程化未来的特性：ESM Loader Hooks](https://mp.weixin.qq.com/s/FEHGKRMwoGsoEe_6aQlIcA) 140 | 2. [浅谈 NPM 依赖治理](https://mp.weixin.qq.com/s/ibmDnso_rPQlu_2MEuLLhQ) 141 | 3. [Vite 也可以模块联邦](https://mp.weixin.qq.com/s?__biz=Mzg4MTcyNDY4OQ==&mid=2247487754&idx=1&sn=4bacb3b7cc2741633a21fe83fb6e4ba6) 142 | 4. [从 JavaScript 到 TypeScript：上手试试才知道答案](https://mp.weixin.qq.com/s/t93Ps3scLYdmSMFPeeczmA) 143 | 5. [不需要 JS！仅用 CSS 也能达到监听页面滚动的效果！](https://mp.weixin.qq.com/s/aDJp-Vk2wsYRRFu7O8hkFg) 144 | 6. [前端研发的新基础设施 - Rust 🦀️](https://mp.weixin.qq.com/s/JOnz0IVWRm_bYWReACyWAg) 145 | 146 | ## 第五十一期 147 | 148 | 149 | 150 | #### 分享 151 | 152 | 1. [Web 中的“选区”和“光标”](https://mp.weixin.qq.com/s/EgWOcjLldO5VQrto5XYNJQ) 153 | 2. [TypeScript 深水区：3 种类型来源和 3 种模块语法](https://mp.weixin.qq.com/s/AsTrGLhipd32RrNUFHuD5A) 154 | 3. [抖音三面：硬件加速中的“层”和层叠上下文中的“层”，是一个东西吗？](https://mp.weixin.qq.com/s?__biz=Mzg2Nzc0NzQ3OQ==&mid=2247486037&idx=1&sn=d4092fd57179d180103dfeaf42f6ee17) 155 | 4. [面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来](https://mp.weixin.qq.com/s/mEWCGHDH3CU5MWeHtizGPA) 156 | 5. [如何将传统 Web 框架部署到 Serverless](https://mp.weixin.qq.com/s/XvX6b3i9D197s3voXRcemQ) 157 | 158 | ## 第五十期 159 | 160 | 161 | 162 | #### 分享 163 | 164 | 1. [淘宝店铺 TypeScript 研发规约落地实践](https://mp.weixin.qq.com/s/a3OKOep9W7Cu81j7bKp3RQ) 165 | 2. [基于 Serverless 的大前端轻研发平台](https://mp.weixin.qq.com/s/oEiLOTa6nvqMnrtPhOhyCw) 166 | 3. [如何移除你项目中 99%的 JS 代码](https://mp.weixin.qq.com/s/UG3T9mpzGA-Co1TBywNCNw) 167 | 4. [JS 实现将文本或 JSON 内容下载到文件中](https://mp.weixin.qq.com/s/RMjIe5ISPq3AOv9aNT_-2Q) 168 | 5. [关于前端大管家 package.json，你知道多少？](https://mp.weixin.qq.com/s/Np-tDI84_VTJPHAIAl8aGQ) 169 | 170 | ## 第四十九期 171 | 172 | 173 | 174 | #### 分享 175 | 176 | 1. [介绍与换行相关的 CSS 属性](https://mp.weixin.qq.com/s/D4dn4ot55f7ISzHxwu2H5Q) 177 | 2. [理解了状态管理，就理解了前端开发的核心 ​](https://mp.weixin.qq.com/s/xbCXiVMaqVTKCQhSdaZbsQ) 178 | 3. [ESM Bundleless 在蚂蚁集团低代码场景的实践](https://mp.weixin.qq.com/s/NfuJU7xPkrl9Nc6rP3hyeA) 179 | 4. [【温故而知新】你可能不知道的 Proxy](https://mp.weixin.qq.com/s/LFpHyiMHwsZ2aVKWqdM2hg) 180 | 5. [HTTP 史记 - 从 HTTP/1 到 HTTP/3](https://mp.weixin.qq.com/s/B7K00-wTUSmy87caDHRWFA) 181 | 6. [1.4w 字总结带你重学 TypeScript](https://juejin.cn/post/7096695346239111199) 182 | 7. [The Complete Modern React Developer 2022](https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022) 183 | 184 | ## 第四十八期 185 | 186 | 187 | 188 | #### 分享 189 | 190 | 1. [作业帮直播间前端架构优化实践](https://mp.weixin.qq.com/s/zVRLRV16vr8eudFcVKqm2w) 191 | 2. [腾讯课堂 H5 直播间点赞动效实现](https://mp.weixin.qq.com/s/wGQ-Dwg4wERTnBmPhj0hsQ) 192 | 3. [得物 AppH5 秒开优化实战](https://mp.weixin.qq.com/s/23ZFPK4CaCkinwpZ3SG9Rw) 193 | 4. [使用 content-visibility 优化渲染性能](https://mp.weixin.qq.com/s/o9lpl7CTwcbjM0q3QMRLTg) 194 | 5. [浅谈：为啥 vue 和 react 都选择了 Hooks🏂？](https://juejin.cn/post/7066951709678895141) 195 | 196 | ## 第四十七期 197 | 198 | 199 | 200 | #### 分享 201 | 202 | 1. [JavaScript 框架发展的四个时代，以后的发展方向是什么？](https://mp.weixin.qq.com/s?__biz=MzkxMjI3MTA1Mg==&mid=2247518702&idx=1&sn=6c1bacc37dacc9a84cf5b139dd060541) 203 | 2. [浅谈逻辑选择器 is、where、not、has](https://mp.weixin.qq.com/s?__biz=Mzg2MDU4MzU3Nw==&mid=2247491434&idx=1&sn=78d272144df2c8da29b8718f43c7ff73) 204 | 3. [深入浅出前端做控制反转与依赖注入](https://www.yuque.com/surfacew/fe/qg0uev) 205 | 4. [为什么 2022 年 ESM 又被发布了一次 ？](https://mp.weixin.qq.com/s/_RmAH6p2lyzkhqLWw8cIKw) 206 | 5. [JavaScript 中的继承和组合](https://mp.weixin.qq.com/s/mJCoubKJne2uLCDcZoseMw) 207 | 6. [React state management libraries in 2022](https://www.albertgao.xyz/2022/02/19/react-state-management-libraries-2022/) 208 | 7. [First-party cookie recipes](https://web.dev/first-party-cookie-recipes/) 209 | 8. [8 种技巧让你编写更简洁的 JavaScript 代码](https://mp.weixin.qq.com/s/nEBp9YYUYFLP8O3xJfbm9A) 210 | 211 | ## 第四十六期 212 | 213 | 214 | 215 | #### 分享 216 | 217 | 1. [「全码」 通用搭建：现代 Web 研发体系中的新一代低/零码搭建](https://zhuanlan.zhihu.com/p/435484949) 218 | 2. [美团跨端一体化富文本管理技术实践](https://tech.meituan.com/2021/11/25/page-webide-thrift.html) 219 | 3. [今天不聊中间层，我们来聊聊中间页](https://mp.weixin.qq.com/s/gBa09twuuhBZgIbMW35WvQ) 220 | 4. [My Custom CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/) 221 | 5. [面试刨根问到底：[...undefined] 执行结果是什么](https://mp.weixin.qq.com/s/V38lB3ALy_pQ8qiSOYHdsA) 222 | 223 | ## 第四十五期 224 | 225 | 226 | 227 | #### 分享 228 | 229 | 1. [How to React](https://kentcdodds.com/blog/how-to-react) 230 | 2. [Common React Hooks Mistakes You Should Avoid](https://blog.bitsrc.io/common-react-hooks-mistakes-every-developer-should-avoid-defd47d09d8c) 231 | 3. [Next.js 12 发布！迄今以来最大更新！](https://mp.weixin.qq.com/s?__biz=Mzk0MDMwMzQyOA==&mid=2247490922&idx=1&sn=3b43c3a98e035e0e0482456083f1eb81) 232 | 4. [How to Use Next.js Middleware](https://www.ctnicholas.dev/articles/how-to-use-nextjs-middleware) 233 | 5. [利用 javascript 获取并修改伪元素的值](https://segmentfault.com/a/1190000003711146) 234 | 235 | ## 第四十四期 236 | 237 | > 2021 年 11 月 21 日 238 | 239 | #### 分享 240 | 241 | 1. [Retry, Timeout and Cancel with fetch()](https://www.chrisarmstrong.dev/posts/retry-timeout-and-cancel-with-fetch/) 242 | 2. [现代 Web 开发困局](https://mp.weixin.qq.com/s/PjpA4CBoC3Q0-gT5f5qlPg) 243 | 3. [大漠：我认识的 W3C 规范](https://mp.weixin.qq.com/s/Kq0inC2lrjrvAaP-0ltQoQ) 244 | 4. [浅析 Web 录屏技术方案与实现](https://mp.weixin.qq.com/s/f55pB-MEO6VboFsihb-_gQ) 245 | 5. [Record, replay and measure user flows](https://developer.chrome.com/docs/devtools/recorder/) 246 | 6. [写在 2021 的前端性能优化指南](https://mp.weixin.qq.com/s/CO8Gkxm0dfLXhebIrosHYw) 247 | 7. [元宇宙下的前端现状](https://juejin.cn/post/7001419484376350727) 248 | 249 | ## 第四十三期 250 | 251 | > 2021 年 11 月 7 日 252 | 253 | #### 分享 254 | 255 | 1. [Nest.js 实践总结](https://mp.weixin.qq.com/s/7nfdzLhWY6kxn_IEA_5o-A) 256 | 2. [A Deep Dive Into object-fit And background-size In CSS](https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/) 257 | 3. [CSS 实现文本"不定行数"截断](https://juejin.cn/post/7022876094608982030) 258 | 4. [JS 项目中究竟应该使用 Object 还是 Map？](https://zhuanlan.zhihu.com/p/358378689) 259 | 5. [再看 Babel - 云谦](https://mp.weixin.qq.com/s/QCzXQ5QfX5rhX3GTheYycw) 260 | 261 | ## 第四十二期 262 | 263 | > 2021 年 10 月 30 日 264 | 265 | #### 分享 266 | 267 | 1. [How SPA architectures affect Core Web Vitals](https://web.dev/vitals-spa-faq/) 268 | 2. [A Complete Guide to Dark Mode on the Web](https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/) 269 | 3. [Safe DOM manipulation with the Sanitizer API](https://web.dev/sanitizer/) 270 | 4. [应用性能前端监控，字节跳动这些年经验都在这了 - ByteDance Web Infra](https://mp.weixin.qq.com/s/18jSRceR8ahW0SPn74-F0w) 271 | 5. [从场景倒推我们要什么样的微前端体系 - 字节前端](https://zhuanlan.zhihu.com/p/386763435) 272 | 6. [Webpack 性能系列一: 使用 Cache 提升构建性能](https://mp.weixin.qq.com/s/mpF6W-4dElu0UPed03oJQw) 273 | 7. [Webpack 性能系列二：多进程打包](https://mp.weixin.qq.com/s/Jh37R0ooECzK2VDTTorgzA) 274 | 8. [React 运行时优化方案的演进](https://juejin.cn/post/7010539227284766751) 275 | 276 | #### 工具 277 | 278 | 1. [会触发 Layout, Paint, Composite 的 CSS 属性速查表](https://csstriggers.com) 279 | 2. [快速验证 Nginx 配置的在线演示工具](https://nginx-playground.wizardzines.com) 280 | 281 | ## 第四十一期 282 | 283 | > 2021 年 9 月 4 日 284 | 285 | #### 分享 286 | 287 | 1. [学习 Webpack5 之路（优化篇）](https://mp.weixin.qq.com/s/pwynolH0pTtT38f-xBUsXw) 288 | 2. [深入解析基于 Flutter 的 Web 渲染引擎「北海 Kraken 」技术原理](https://mp.weixin.qq.com/s/EI7loHgtQLG-cqRQVM6mZQ) 289 | 3. [ESModule 系列 ：构建下一代基础设施 PDN](https://mp.weixin.qq.com/s/KmlyjxTphGBMu69cVGbKlg) 290 | 4. [Nginx 与前端开发](https://juejin.cn/post/6844903684967825421) 291 | 292 | ## 第四十期 293 | 294 | > 2021 年 8 月 28 日 295 | 296 | #### 分享 297 | 298 | 1. [现代 Web 开发者问卷调查报告](https://mp.weixin.qq.com/s/aeIVdZc_Ov-T1-HvyZlaPg) 299 | 2. [Vue3 的 7 种和 Vue2 的 12 种组件通信](https://juejin.cn/post/6999687348120190983) 300 | 3. [你不可能知道的骨架屏玩法 🐶](https://juejin.cn/post/6994678354200756238) 301 | 4. [美团 App 页面视图可测性改造实践](https://tech.meituan.com/2021/07/28/app-xraysdk.html) 302 | 5. [如何利用 monorepo 策略管理代码？](https://mp.weixin.qq.com/s/ZP2IigNVSIZKGuYxNYOYgw) 303 | 6. [如何防止他人恶意调试你的 web 程序](https://juejin.cn/post/7000784414858805256) 304 | 7. [【程序员必读】经验：编程的智慧](https://mp.weixin.qq.com/s?__biz=MzkyODE5NjU2Mw==&mid=2247488931&idx=1&sn=0fe4e07c90dada22de38df6b7548cfcd) 305 | 306 | ## 第三十九期 307 | 308 | > 2021 年 8 月 21 日 309 | 310 | #### 分享 311 | 312 | 1. [如何设计实现 H5 营销页面搭建系统](https://mp.weixin.qq.com/s/eWzqXz52wqVBk3qresfRvQ) 313 | 2. [超级变变变，动态云组件加载实践](https://mp.weixin.qq.com/s/P5AAZZEmyTdo_-tYC1XpMg) 314 | 3. [企业级应用搭建平台是如何设计资产体系的？- Alibaba F2E](https://mp.weixin.qq.com/s/rihJS2GCcQ3wzODw7PHTaA) 315 | 4. [腾讯企鹅辅导 H5 性能极致优化 - 腾讯 IMWeb 前端团队](https://mp.weixin.qq.com/s/zJMM4SF7pc6LZPCsQfWOxw) 316 | 5. [开发效率提升 50% 以上，爱奇艺官网主站的 Nuxt 实践 - 爱奇艺技术产品团队](https://www.infoq.cn/article/CMgcL5Py9CXhq7gBPvTb) 317 | 6. [前端组件化实战之 Button](https://juejin.cn/post/6990511054224621598) 318 | 7. [从过去到现在，聊聊 Tree-shaking](https://mp.weixin.qq.com/s/TNXO2ifPymaTxIqzBAmkSQ) 319 | 8. [基础很好？总结了 38 个 ES6-ES12 的开发技巧，倒要看看你能拿几分？🐶](https://juejin.cn/post/6995334897065787422) 320 | 321 | #### 工具 322 | 323 | 1. [HTML 5 TEST - 检测浏览器对 HTML5 支持情况](http://html5test.com/) 324 | 2. [Are Third-Party Cookies enabled? - 检测浏览器启用第三方 cookie](https://www.whatismybrowser.com/detect/are-third-party-cookies-enabled) 325 | 3. [Do Not Track Detection - 检测浏览器启用禁止追踪](https://browserleaks.com/donottrack) 326 | 327 | ## 第三十八期 328 | 329 | > 2021 年 7 月 31 日 330 | 331 | #### 分享 332 | 333 | 1. [你可能并不需要微前端](https://mp.weixin.qq.com/s/khrziHjDfgGS4GgHa6qQJg) 334 | 2. [浏览器缓存](https://www.yuque.com/docs/share/eab142fc-a0e0-432f-921a-eb0f8705dec4) 335 | 3. [这三年沉淀的前端错误监控系统，一篇文章讲透给你](https://mp.weixin.qq.com/s/NY72_cRGAPsex78YwVF_hg) 336 | 4. [TypeScript and native ESM on Node.js](https://2ality.com/2021/06/typescript-esm-nodejs.html) 337 | 5. [精读《12 个评估 JS 库你需要关心的事》](https://segmentfault.com/a/1190000016504733) 338 | 6. [前端安全系列（二）：如何防止 CSRF 攻击？](https://tech.meituan.com/2018/10/11/fe-security-csrf.html) 339 | 340 | ## 第三十七期 341 | 342 | > 2021 年 7 月 18 日 343 | 344 | #### 分享 345 | 346 | 1. [花椒低代码可视化编辑平台的设计与实践](https://mp.weixin.qq.com/s/1uLxT2Ub_hoYqjXS7DjYLw) 347 | 2. [2021 年你可能不知道的 CSS 特性（下篇）](https://juejin.cn/post/6978647140910727176) 348 | 3. [文件上传，搞懂这 8 种场景就够了](https://juejin.cn/post/6980142557066067982) 349 | 4. [手把手教你设计一个任务调度器](https://mp.weixin.qq.com/s/O6fAOodJq6pyJnqy1IuqEg) 350 | 5. [浅析前端异常及降级处理](https://juejin.cn/post/6979564690787532814) 351 | 352 | ## 第三十六期 353 | 354 | > 2021 年 7 月 10 日 355 | 356 | #### 分享 357 | 358 | 1. [迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）](https://mp.weixin.qq.com/s?__biz=MzkxNDIzNTg4MA==&mid=2247484407&idx=1&sn=c3706cdacefe4fd0ee372804ce53b4ce) 359 | 2. [JavaScript 变量命名](https://mp.weixin.qq.com/s/I4gFKpyzvVqQIyS9Mh0BJg) 360 | 3. [换个角度思考 React Hooks](https://mp.weixin.qq.com/s/_uCquHuFaAk8W2bVjaC7Sg) 361 | 4. [如何优雅的判断元素是否进入当前视区](https://mp.weixin.qq.com/s?__biz=MzkwODIwMDY2OQ==&mid=2247488048&idx=2&sn=4c1bf438accbd75b2c3ff739b585fad0&source=41#wechat_redirect) 362 | 5. [Google 的新前端框架 Lit](https://juejin.cn/post/6976557762377416718) 363 | 364 | ## 第三十五期 365 | 366 | > 2021 年 7 月 4 日 367 | 368 | #### 分享 369 | 370 | 1. [ES2021 Features!](https://h3manth.com/ES2021/) 371 | 2. [TypeScript 装饰器完全指南](https://saul-mirone.github.io/zh-hans/a-complete-guide-to-typescript-decorator/) 372 | 3. [天下武功，唯'QUICK'不破，揭秘 QUIC 的五大特性及外网表现](https://cloud.tencent.com/developer/article/1155289) 373 | 4. [【vite】你不知道的小妙招，确定不看一下吗？](https://mp.weixin.qq.com/s/J_HBCBATgVEexbhzKvb2wQ) 374 | 5. [产品经理：鸿蒙那个开场动画挺帅的 给咱们页面也整一个呗](https://juejin.cn/post/6979042510400126983) 375 | 376 | ## 第三十四期 377 | 378 | > 2021 年 6 月 26 日 379 | 380 | #### 分享 381 | 382 | 1. [2021 年大前端技术趋势解读](https://www.infoq.cn/article/dT002EZ7BiXGtMeU49qo) 383 | 2. [现代浏览器观察者 Observer API 指南](https://juejin.cn/post/6844903976937209863) 384 | 3. [三种前端实现 VR 全景看房的方案！](https://juejin.cn/post/6973865268426571784) 385 | 4. [数据上报方式是否存在最优解？](https://mp.weixin.qq.com/s/_3OSxMErTD2ZMNK7kf02LA) 386 | 5. [一文吃透 Webpack 核心原理](https://xie.infoq.cn/article/ddca4caa394241447fa0aa3c0) 387 | 6. [120 行代码帮你了解 Webpack 下的 HMR 机制](https://mp.weixin.qq.com/s/CPlgM2jxjnQ_mn1VyrWQlA) 388 | 389 | #### 工具 390 | 391 | 1. [Handsfree.js - 面部、手势及动作识别追踪 JS 库](https://handsfree.js.org/) 392 | 393 | ## 第三十三期 394 | 395 | > 2021 年 6 月 19 日 396 | 397 | #### 分享 398 | 399 | 1. [淘宝承接页是如何实现秒开的](https://mp.weixin.qq.com/s/O6daxmeTuLE1b7d9nTQiCw) 400 | 2. [TypeScript 新品尝鲜](https://mp.weixin.qq.com/s/C3dB9EajxhyWLB2UhHjSIQ) 401 | 3. [SameSite 那些事](https://mp.weixin.qq.com/s/QZkOXhQIg2LqDWpi7mzCdQ) 402 | 4. [CSS 实现多行文本“展开收起”](https://juejin.cn/post/6963904955262435336) 403 | 5. [我在工作中是如何使用 Git 的](https://mp.weixin.qq.com/s/uqEL6cqRWRXu2hH1ySNAIQ) 404 | 6. [HTTP 中的 ETag 是如何生成的？](https://mp.weixin.qq.com/s/6IjEPv7GWrNxf3pdxam37g) 405 | 7. [京东出品微前端框架 MicroApp 介绍与落地实践](https://mp.weixin.qq.com/s/6A6TqQpWgN1_KoxUMx3FFw) 406 | 8. [玉伯：开源有带给我什么](https://mp.weixin.qq.com/s/Zo7uzFnSfVTJ4QfGwKAXOQ) 407 | 408 | ## 第三十二期 409 | 410 | > 2021 年 6 月 12 日 411 | 412 | #### 分享 413 | 414 | 1. [塞尔达的 3D 渲染风格，能在小游戏跑起来？](https://mp.weixin.qq.com/s/K_nxqBNvALYtUACSBcrQ3Q) 415 | 2. [5 Advanced React Patterns](https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6) 416 | 3. [新时代创意布局不完全指南](https://segmentfault.com/a/1190000040072323) 417 | 4. [H5 项目如何适配暗黑模式](https://mp.weixin.qq.com/s/WVqu_gmW9c5YLZPCGukWdg) 418 | 5. [如何让 10 万条数据的小程序列表如丝般顺滑](https://juejin.cn/post/6966904317148299271) 419 | 6. [问了尤雨溪 25 个问题后，我的很多想法开始变了](https://mp.weixin.qq.com/s/Dopiz0jgqJiSbhLOLzkQbA) 420 | 421 | #### 工具 422 | 423 | 1. [Can I email - 电子邮件中可用 HTML、 CSS 的特性支持表](https://www.caniemail.com/) 424 | 425 | ## 第三十一期 426 | 427 | > 2021 年 6 月 5 日 428 | 429 | #### 分享 430 | 431 | 1. [2021 年你可能不知道的 CSS 特性](https://www.w3cplus.com/css/what-is-new-css-in-2021.html) 432 | 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)] 433 | 3. [Introducing WebContainers: Run Node.js natively in your browser](https://blog.stackblitz.com/posts/introducing-webcontainers/) 434 | 4. [Helping Babel move to ES Modules](https://bigbinary.com/blog/helping-babel-move-to-esm) 435 | 5. [云凤蝶低代码之路](https://mp.weixin.qq.com/s/uWLwjJ-fjDL2BR2i7aebVw) 436 | 437 | ## 第三十期 438 | 439 | > 2021 年 5 月 29 日 440 | 441 | #### 分享 442 | 443 | 1. [终于有人把 Nginx 说清楚了，图文详解！](https://mp.weixin.qq.com/s/vZkXcMOOWu0tsZ_5a6gtew) 444 | 2. [从 0 构建自己的脚手架知识体系](https://juejin.cn/post/6966119324478079007) 445 | 3. [JS 常用的循环遍历你会几种](https://juejin.cn/post/6966390357005172773) 446 | 4. [你为什么不使用 TypeScript？](https://www.zhihu.com/question/273619114/answer/1907885114) 447 | 5. [腾讯低代码 OTeam 建设概述](https://mp.weixin.qq.com/s/NMtp0_L4fNWVJprcZrj6Tg) 448 | 449 | #### 工具 450 | 451 | 1. [DOM Events - 可视化探索 DOM 事件系统的工具](https://domevents.dev/) 452 | 2. [readme.so - 快捷创建项目 README 的 markdown 编辑器](https://readme.so/) 453 | 454 | ## 第二十九期 455 | 456 | > 2021 年 5 月 22 日 457 | 458 | #### 分享 459 | 460 | 1. [Optimizing Web Vitals using Lighthouse](https://web.dev/optimize-vitals-lighthouse/) 461 | 2. [浏览器性能优化实战](https://mp.weixin.qq.com/s/RCJftzmhQbc-b89pU5d32w) 462 | 3. [一文带你了解如何排查内存泄漏导致的页面卡顿现象](https://juejin.cn/post/6947841638118998029) 463 | 4. [90 行代码的 webpack，你确定不学吗？](https://mp.weixin.qq.com/s/vpQq3FcJuQkKXvxsq8c9Bw) 464 | 5. [Chrome 开发者工具各种骚技巧](https://juejin.cn/post/6844903604839514125) 465 | 6. [京喜 APP - 图片库优化](https://juejin.cn/post/6961403041585037325) 466 | 7. [Tiny Wins, The big benefits of little changes.](https://joelcalifa.com/blog/tiny-wins/) 467 | 468 | ## 第二十八期 469 | 470 | > 2021 年 5 月 15 日 471 | 472 | #### 分享 473 | 474 | 1. [手把手教你打造前端智能图标识别工具](https://mp.weixin.qq.com/s/ih2MMlkZDe3CInepiVrVUg) 475 | 2. [理解 ECMAScript 规范（3）](https://mp.weixin.qq.com/s/1bNRE2t7UBY1UNikC7MC6g) 476 | 3. [TypeScript 原来可以这么香？！](https://mp.weixin.qq.com/s/6Mmy4_d11P1iPFSgX7GOBw) 477 | 4. [深入剖析虚拟内存工作原理 - 腾讯技术工程](https://mp.weixin.qq.com/s/c81Fvws0J2tHjcdTgxvv6g) 478 | 5. [如何处理浏览器的断网情况？](https://juejin.cn/post/6953868764362309639) 479 | 6. [Cross browser window state management](https://itnext.io/cross-browser-window-state-management-77bf837b6574) 480 | 481 | ## 第二十七期 482 | 483 | > 2021 年 5 月 9 日 484 | 485 | #### 分享 486 | 487 | 1. [BFF 模式：微服务前端数据加载的最佳实践？](https://mp.weixin.qq.com/s/7xKf2fY-aAHjEOdIKULj2Q) 488 | 2. [揭秘：如何考察前端的 Node.js 及工程能力](https://juejin.cn/post/6959477438757896205) 489 | 3. [Node.js 为前端赋能 | 如何推动基础架构项目落地](https://mp.weixin.qq.com/s/dd8BZUHuPqgcF12Bdymd1w) 490 | 4. [从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境](https://juejin.cn/post/6951649464637636622) 491 | 5. [回顾 babel 6 和 7，来预测下 babel 8](https://juejin.cn/post/6956224866312060942) 492 | 6. [CSS :placeholder-shown](https://www.samanthaming.com/tidbits/88-css-placeholder-shown/) 493 | 494 | ## 第二十六期 495 | 496 | > 2021 年 5 月 1 日 497 | 498 | #### 分享 499 | 500 | 1. [不要随便把函数当回调来用！](https://mp.weixin.qq.com/s/UYOknPvtZlmH0_KO1DXk1w) 501 | 2. [Content-aware image resizing in JavaScript](https://trekhleb.dev/blog/2021/content-aware-image-resizing-in-javascript/) 502 | 3. [CSS @property，让不可能变可能](https://juejin.cn/post/6951201528543707150) 503 | 4. [Comparing the New Generation of Build Tools](https://css-tricks.com/comparing-the-new-generation-of-build-tools/) 504 | 5. [大型前端项目内存优化总结 - AlloyTeam](https://mp.weixin.qq.com/s/_wbP0B3EiTjME9Sg3BXqqA) 505 | 6. [ESLint 在中大型团队的应用实践 - 美团技术团队](https://tech.meituan.com/2019/08/01/eslint-application-practice-in-medium-and-large-teams.html) 506 | 7. [能让你纵享丝滑的 SSR 技术，转转这样实践](https://mp.weixin.qq.com/s/YBOtrgXKgyXO_pbLqT5s3w) 507 | 508 | #### 工具 509 | 510 | 1. [BundlePhobia - 分析添加一个 npm 包会增加多少 bundle 体积](https://bundlephobia.com/) 511 | 2. [Iconfont Preview - iconfont 在线预览工具](http://blog.luckly-mjw.cn/tool-show/iconfont-preview/index.html) 512 | 513 | ## 第二十五期 514 | 515 | > 2021 年 4 月 24 日 516 | 517 | #### 分享 518 | 519 | 1. [基于 Flutter 的 Web 渲染引擎「北海」正式开源 - 淘系前端团队](https://mp.weixin.qq.com/s/tnHbceedNsoKgMrgoTyyuA) 520 | 2. [前端应该知道的 Web 标准 - 字节前端 ByteFE](https://mp.weixin.qq.com/s/liTfLJcHbu6i0m9srLjShA) 521 | 3. [浅析 HTTP 缓存](https://mp.weixin.qq.com/s/dt1_TrjgAwRxz73vqeACiw) 522 | 4. [看了就会的浏览器帧原理](https://mp.weixin.qq.com/s/Q4MBBFhc-ONrpCYWhow3uw) 523 | 5. [解剖 Babel — 向前端架构师迈出一小步](https://mp.weixin.qq.com/s/rioaemy9iRBxPnqFu-zOGQ) 524 | 6. [Advanced Promise Patterns: Promise Memoization](https://www.jonmellman.com/posts/promise-memoization) 525 | 526 | ## 第二十四期 527 | 528 | > 2021 年 4 月 17 日 529 | 530 | #### 分享 531 | 532 | 1. [理解 ECMAScript 规范（1）- 字节前端 ByteFE](https://mp.weixin.qq.com/s/scA3PepT_JcNk0U4EXbHwA) 533 | 2. [理解 ECMAScript 规范（2）- 字节前端 ByteFE](https://mp.weixin.qq.com/s/8lBSNZhXyUzZCehIBoNsCw) 534 | 3. [我所理解的 Hooks API - Alibaba F2E](https://mp.weixin.qq.com/s/_AKjxHYRzplh5CmUXmmL8g) 535 | 4. [Vanilla JavaScript Code Snippets](https://www.smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/) 536 | 5. [CSS 实现优惠券的技巧 - 阅文前端团队](https://juejin.cn/post/6945023989555134494) 537 | 6. [2021 年，如果选型一个 Node.js 的 web server 框架，你会选择什么？](https://www.zhihu.com/question/446613186/answer/1819375500) 538 | 7. [图文并茂讲清楚 JavaScript 内存管理](https://mp.weixin.qq.com/s/W2AxuO0OgoAUwROMyBwpYg) 539 | 540 | ## 第二十三期 541 | 542 | > 2021 年 4 月 3 日 543 | 544 | #### 分享 545 | 546 | 1. [从低代码到无代码：可视化逻辑编排 - 淘系前端团队](https://mp.weixin.qq.com/s/1fTGOmgT-1_UYSRMpi0IYw) 547 | 2. [仅使用 CSS 提高页面渲染速度 - 淘系前端团队](https://juejin.cn/post/6942661408181977118) 548 | 3. [维护几十种语言和站点，爱奇艺国际站 WEB 端网页优化实践](https://www.infoq.cn/article/JxlQYZL7egaTCBkOolq9) 549 | 4. [基础组件完善的今天，如何通过业务组件提效？- 阿里技术](https://mp.weixin.qq.com/s/OKsEDJ6r9MPSNi91S757cg) 550 | 5. [使用过 redux 和 mobx 后，总结出详细的优劣势](https://mp.weixin.qq.com/s/FTX-ba0YOZEDpZeF0gDv-Q) 551 | 6. [我对 Svelte 的看法](https://lutaonan.com/blog/svelte/) 552 | 553 | #### 工具 554 | 555 | 1. [tools.fun - 开发人员工具箱](https://tools.fun/) 556 | 557 | ## 第二十二期 558 | 559 | > 2021 年 3 月 28 日 560 | 561 | #### 分享 562 | 563 | 1. [页面可视化搭建工具技术要点 - AlloyTeam](http://www.alloyteam.com/2019/07/h5-build-tool-pipeline/) 564 | 2. [逻辑编排在优酷可视化搭建中的实践之上](https://mp.weixin.qq.com/s/ZVZ1skvmIWIjcSz9HhDU3Q) 565 | 3. [逻辑编排在优酷可视化搭建中的实践之下](https://mp.weixin.qq.com/s/EpOO3ZwxIE2Q7eqUQHBLqg) 566 | 4. [用 Service Worker 实现前端性能优化](https://mp.weixin.qq.com/s/It8nhN-jvglxAGj7w6RwPw) 567 | 5. [语雀思维图子图嵌套的技术思考](https://mp.weixin.qq.com/s/R9YnZnphESqc2yZ7-jGhew) 568 | 6. [深入剖析 JavaScript 编译器/解释器引擎 QuickJS - 多了解些 JavaScript 语言](https://ming1016.github.io/2021/02/21/deeply-analyse-quickjs/) 569 | 7. [2021 年前端开发者需要知道的 34 种 JS 优化技巧](https://mp.weixin.qq.com/s/26RFa_CTekfSInUyl_YedA) 570 | 571 | #### 工具 572 | 573 | 1. [IconPark - 字节跳动出品的高质量开源图标库](https://iconpark.bytedance.com/official) 574 | 575 | ## 第二十一期 576 | 577 | > 2021 年 3 月 20 日 578 | 579 | #### 分享 580 | 581 | 1. [构建效率大幅提升，webpack5 在企鹅辅导的升级实践](https://mp.weixin.qq.com/s/P3foOrcu4StJDGdX9xavng) 582 | 2. [中高级前端必须注意的 40 条移动端 H5 坑位指南 | 网易三年实践](https://juejin.cn/post/6921886428158754829) 583 | 3. [解密 HTTP/2 与 HTTP/3 的新特性](https://cloud.tencent.com/developer/article/1523001) 584 | 4. [探索微前端的场景极限](https://www.zhihu.com/column/p/355419817) 585 | 5. [🧭【深入解析】跨端框架的核心技术到底是什么？](https://mp.weixin.qq.com/s/2XS-d1PUt8olXvHXZFvSfQ) 586 | 6. [ECMAScript 2021: the final feature set](https://2ality.com/2020/09/ecmascript-2021.html) 587 | 7. [JavaScript: What is the meaning of this?](https://web.dev/javascript-this/) 588 | 8. [A horrifying globalThis polyfill in universal JavaScript](https://mathiasbynens.be/notes/globalthis) 589 | 590 | ## 第二十期 591 | 592 | > 2021 年 3 月 13 日 593 | 594 | #### 分享 595 | 596 | 1. [前端优秀实践不完全指南](https://juejin.cn/post/6932647134944886797) 597 | 2. [新兴前端框架 Svelte 从入门到原理](https://mp.weixin.qq.com/s/7GTTAYNf28IvIe2bpfVHuQ) 598 | 3. [Vite 和 Webpack 的核心差异](https://mp.weixin.qq.com/s/c6TKuZeH05PtetEWlKHz9A) 599 | 4. [前端工程师所需要了解的 WebView](https://mp.weixin.qq.com/s/PipKSnMQaTBhE5kSwG3DVQ) 600 | 5. [🤔 移动端 JS 引擎哪家强？美国硅谷找...](https://mp.weixin.qq.com/s/2cxe1L9_vyB8oNg2jr2rkg) 601 | 6. [一文详解 CSS-in-JS](https://mp.weixin.qq.com/s/v0IB2mZHrF0l2ks5pVsO1g) 602 | 7. [门神——转转前端代码校验系统](https://mp.weixin.qq.com/s/4eyolWSSjcWUgshojMcIUQ) 603 | 604 | #### 工具 605 | 606 | 1. [github1s - 一秒打开在线 VS Code 阅读 GitHub 仓库代码](https://github1s.com/) 607 | 2. [Create App - 前端构建配置生成器](https://createapp.dev/) 608 | 609 | ## 第十九期 610 | 611 | > 2021 年 2 月 7 日 612 | 613 | #### 分享 614 | 615 | 1. [前端机器学习简史 - Alibaba F2E](https://mp.weixin.qq.com/s/5M6FLoCJT4P9VEcEbcY93A) 616 | 2. [可视化拖拽组件库一些技术要点原理分析（二）](https://juejin.cn/post/6918881497264947207) 617 | 3. [让你的 JS 代码变得更加优雅且可维护](https://mp.weixin.qq.com/s/kOSCo-kMvcSUCNh69iLDKg) 618 | 4. [The Philosophy of Svelte](https://blog.scottlogic.com/2021/01/18/philosophy-of-svelte.html) 619 | 5. [Don't use functions as callbacks unless they're designed for it](https://jakearchibald.com/2021/function-callback-risks/) 620 | 6. [如何实现一个前端监控回放系统](https://mp.weixin.qq.com/s/NrHcR8MrBiHPc0Li2N-z9g) 621 | 7. [一行 CSS 实现全站中文简繁转换](https://www.zhangxinxu.com/wordpress/2021/01/css-simplified-traditional-chinese/) 622 | 623 | ## 第十八期 624 | 625 | > 2021 年 1 月 24 日 626 | 627 | #### 分享 628 | 629 | 1. [ECMAScript 2021 新特征](https://jelly.jd.com/article/5febdfbb846cc00148ae36d7) 630 | 2. [函数式编程指北](https://github.com/MostlyAdequate/mostly-adequate-guide) 631 | 3. [登上 Github 趋势榜，iMove 原理技术大揭秘!](https://mp.weixin.qq.com/s/cfGdGp1VAVn_bUqXUspvJg) 632 | 4. [「前端工程化」从 0-1 搭建 react，ts 脚手架（1.2w 字超详细教程）](https://juejin.cn/post/6919308174151385096) 633 | 5. [前端资源加载失败优化](https://mp.weixin.qq.com/s/0JMLZYgNAiyrHmzPBu5rYw) 634 | 6. [CDN 是什么？使用 CDN 有什么优势？](https://www.zhihu.com/question/36514327) 635 | 636 | ## 第十七期 637 | 638 | > 2021 年 1 月 17 日 639 | 640 | #### 分享 641 | 642 | 1. [2020 前端技术发展回顾](https://mp.weixin.qq.com/s/2i7GljzuWqqljKUGX6LsMw) 643 | 2. [2021 年前端趋势预测](https://mp.weixin.qq.com/s/NfZfJHJQ8GRtxidweHt8oA) 644 | 3. [设计稿智能生成代码如何识别组件？ - Imgcook 3.0 系列](https://juejin.cn/post/6914842218471161870/) 645 | 4. [前端智能化实践 — P2C 从需求文档生成代码 | D2 分享视频+文章](https://mp.weixin.qq.com/s/_A0LATzlYsMtJQfPBGcHhA) 646 | 5. [前端安全生产在 ICBU 的探索与落地](https://wemp.app/posts/c72748d0-9198-4a55-a18a-d7546525336b) 647 | 6. [Facebook 重构：抛弃 Sass / Less，迎接原子化 CSS 时代](https://juejin.cn/post/6917073600474415117) 648 | 7. [为什么 Vue3 选择了 CSS 变量](https://juejin.cn/post/6916298446638940173) 649 | 8. [凹凸实验室的过去与未来](https://aotu.io/notes/2020/12/24/aotu-5-year/) 650 | 651 | ## 第十六期 652 | 653 | > 2021 年 1 月 10 日 654 | 655 | #### 分享 656 | 657 | 1. [[Vue 官方教程笔记]- 尤雨溪手写 mini-vue](https://juejin.cn/post/6911897255087702030) 658 | 2. [Centering in CSS](https://web.dev/centering-in-css/) 659 | 3. [React Native 优先的多端统一化方案](https://www.infoq.cn/article/VpVHluUci1seBLkGCZjP) 660 | 4. [“无代码”与我们的距离](https://mp.weixin.qq.com/s/Zhmh6mzCyxJlOvmuDMBSfw) 661 | 5. [纯技巧向：React, Vue, Rxjs 和原生 JS 代码大乱斗](https://juejin.cn/post/6905952639100387335) 662 | 6. [CSS 现状和如何学习](https://mp.weixin.qq.com/s/ztU1tESHy-5kF2iFpZbgfw) 663 | 7. [框架带来了什么？](https://www.zhangxinxu.com/life/2020/12/about-frames/) 664 | 665 | ## 第十五期 666 | 667 | > 2021 年 1 月 3 日 668 | 669 | #### 分享 670 | 671 | 1. [2020 年大前端技术趋势解读](https://juejin.cn/post/6908713513271689224) 672 | 2. [可视化拖拽组件库一些技术要点原理分析](https://juejin.cn/post/6908502083075325959) 673 | 3. [使用 MonoRepo 管理前端项目](https://mp.weixin.qq.com/s/GzwABWH8GXYVp9X1zhz9lA) 674 | 4. [微前端在美团外卖的实践](https://tech.meituan.com/2020/02/27/meituan-waimai-micro-frontends-practice.html) 675 | 5. [如何只使用 CSS 提升页面渲染速度](https://mp.weixin.qq.com/s/aPguK-dZr7JMA-s2OOFyjg) 676 | 6. [滴滴 NodeX 生态](https://mp.weixin.qq.com/s/l5AwcMKCMz017HpEADvSIQ) 677 | 678 | ## 第十四期 679 | 680 | > 2020 年 12 月 26 日 681 | 682 | #### 分享 683 | 684 | 1. [编译的速度与激情：从 10mins 到 1s](http://www.alloyteam.com/2020/12/14882/) 685 | 2. [14W 行代码量的前端页面长什么样 - 腾讯文档](https://mp.weixin.qq.com/s/3J8kKArFGjjDFOr4aryNIg) 686 | 3. [Introducing Zero-Bundle-Size React Server Components](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html) 687 | 4. [React RFC Server Components](https://mp.weixin.qq.com/s/KGev5at-H1TcVytTfliheg) 688 | 5. [搞懂 HTTP 重定向 - 如何优雅地使用 301](https://mp.weixin.qq.com/s/sy5AVy-QdgtvsFsowW99dw) 689 | 6. [如何优雅地解决多个 React、Vue App 之间的状态共享](https://mp.weixin.qq.com/s/2nFDX4uvPGe9WCS1OETVxA) 690 | 691 | ## 第十三期 692 | 693 | > 2020 年 12 月 19 日 694 | 695 | #### 分享 696 | 697 | 1. [如何基于 TypeScript 实现控制反转](https://zhuanlan.zhihu.com/p/311184005) 698 | 2. [基于 Vue 的前端架构，我做了这 15 点](https://juejin.cn/post/6901466994478940168) 699 | 3. [Element3 开发内幕 - Vue CLI 插件开发](https://juejin.cn/post/6899334776860180494) 700 | 4. [对比多种微前端方案](https://mp.weixin.qq.com/s/I-doe7v4SavJlLhsLTTMBA) 701 | 5. [漫谈 React Fiber](https://musicfe.dev/react-fiber-2/) 702 | 6. [前端团队研发效能提升的探索与实践](https://www.yuque.com/lizhiyao/dxydance/kikle8) 703 | 7. [滴滴开源小桔棱镜：一款专注移动端操作行为的利器](https://juejin.cn/post/6904676606845911053) 704 | 705 | #### 工具 706 | 707 | 1. [Moiva - 以图表形式比较 JS 库的在线工具，支持 NPM 下载量、Google 趋势、Github 统计](https://moiva.io/) 708 | 2. [Screenity - Chrome 插件，功能强大且易用的屏幕录制和注释工具](https://github.com/alyssaxuu/screenity) 709 | 710 | ## 第十二期 711 | 712 | > 2020 年 11 月 28 日 713 | 714 | #### 分享 715 | 716 | 1. [Vue 3.0 Ref-sugar 提案真的是自寻死路吗？](https://juejin.cn/post/6894175515515551752) 717 | 2. [Web Worker 文献综述](https://mp.weixin.qq.com/s/MyRRIbn-UoruVD1dpvD-QQ) 718 | 3. [谈谈微前端领域的 js 沙箱实现机制](https://mp.weixin.qq.com/s/IJMgMO1IeYw2Io8MN7WZWQ) 719 | 4. [双十一会场体验 SSR 优化 - 走向更复杂的渲染架构](https://mp.weixin.qq.com/s/2SNzhRnY9mU41uSWsdw7Zw) 720 | 5. [import { reactive } from 'vue'（聊一聊 Vue 3 的响应式和组合式）](https://www.yuque.com/binfe/cquxg7/fr9eq3) 721 | 6. [rrweb：打开 web 页面录制与回放的黑盒子](https://zhuanlan.zhihu.com/p/60639266) 722 | 7. [十五分钟读懂 React 17](https://juejin.cn/post/6894204813970997256) 723 | 724 | #### 工具 725 | 726 | 1. [ECMAScript 6 compatibility table - ES6 兼容性表](https://kangax.github.io/compat-table/es6/) 727 | 728 | ## 第十一期 729 | 730 | > 2020 年 11 月 14 日 731 | 732 | #### 分享 733 | 734 | 1. [Web Vitals: Google 如何定义性能指标及帮助开发者调优前端性能 ？](https://mp.weixin.qq.com/s/A0oUXLEoQGYj8wQasNxQPw) 735 | 2. [大型前端项目的断点调试共享化和复用化实践](https://mp.weixin.qq.com/s/XfSfwNTniJLke8c9pQ5R4w) 736 | 3. [图片加载失败后 CSS 样式处理最佳实践](https://www.zhangxinxu.com/wordpress/2020/10/css-style-image-load-fail/) 737 | 4. [[译] 深入 React Hook 系统的原理](https://juejin.im/post/6844903807269208072) 738 | 5. [想偷懒的话，toLocaleString 了解一下？](https://juejin.im/post/6844903587919691784) 739 | 6. [Yarn 的 Plug'n'Play 特性](https://loveky.github.io/2019/02/11/yarn-pnp/) 740 | 7. [setTimeout 实现原理和使用注意](https://mp.weixin.qq.com/s/7qTRSMqaqG8XZ9rpEBhYNQ) 741 | 742 | #### 工具 743 | 744 | 1. [Flexbox Froggy - 一个用来学 CSS flexbox 的游戏](https://flexboxfroggy.com/#zh-cn) 745 | 2. [Grid Garden - 一个用来学 CSS grid 的游戏](http://cssgridgarden.com/#zh-cn) 746 | 747 | ## 第十期 748 | 749 | > 2020 年 11 月 06 日 750 | 751 | #### 分享 752 | 753 | 1. [低代码，要怎么低？和低代码有关的 10 个问题](https://zhuanlan.zhihu.com/p/225987562) 754 | 2. [今日头条品质优化 - 图文详情页秒开实践 - 字节跳动技术团队](https://juejin.im/post/6876011410061852680) 755 | 3. [77.9K Star 的 Axios 项目有哪些值得借鉴的地方](https://juejin.im/post/6885471967714115597) 756 | 4. [Facebook 新一代 React 状态管理库 Recoil](https://mp.weixin.qq.com/s/CK8jcN4tVrOw_lx5MHSr6Q) 757 | 5. [12 Fun Challenges to Learn React Native](https://hackernoon.com/12-fun-challenges-to-learn-react-native-1m4g3egq) 758 | 6. [开源富文本编辑器技术的演进](https://zhuanlan.zhihu.com/p/268366406) 759 | 7. [作为前端，我对业务的一点理解](https://juejin.im/post/6876977166051966984) 760 | 761 | #### 工具 762 | 763 | 1. [vue-form-making - 基于 Vue 和 element-ui 实现的可视化表单设计器，实现方式简单明了](http://form.making.link/#/zh-CN/) 764 | 2. [awesome-lowcode - 国内低代码平台整理](https://github.com/taowen/awesome-lowcode) 765 | 766 | ## 第九期 767 | 768 | > 2020 年 09 月 26 日 769 | 770 | #### 分享 771 | 772 | 1. [漫谈前端数据层](https://zhuanlan.zhihu.com/p/165213964) 773 | 2. [SVG 图标看我就够了 - 阅文前端团队](https://mp.weixin.qq.com/s/1u_0jZC2IzqUTTf4hac2mg) 774 | 3. [转转 Hybrid 体系建设 - 大转转 FE](https://mp.weixin.qq.com/s/-9-hnl2Raxzo-0RngqVMsQ) 775 | 4. [How HTTPS works ...in a comic! 🌈 🎉 🍕](https://howhttps.works) 776 | 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) 777 | 6. [或许这就是下一代组件库 - ant-design-vue](https://juejin.im/post/6873752140855279624) 778 | 7. [React 17.0.0-rc.2 版本发布，引入全新的 JSX 转换](https://mp.weixin.qq.com/s/9WcV2sRRtlo8-OY_vnwJXA) 779 | 780 | #### 工具 781 | 782 | 1. [@ant-design-vue/use - Vue 3 Composition Api Library](https://github.com/vueComponent/use) 783 | 2. [Comparing JSX Transforms - React 17 新老 JSX 转换模式对比](https://new-jsx-transform.netlify.app) 784 | 785 | ## 第八期 786 | 787 | > 2020 年 09 月 20 日 788 | 789 | #### 分享 790 | 791 | 1. [AVIF has landed - A new image format derived from the keyframes of AV1 video](https://jakearchibald.com/2020/avif-has-landed) 792 | 2. [Cross-App Bundling — A Different Approach for Micro Frontends](https://medium.com/swlh/cross-app-bundling-a-different-approach-for-micro-frontends-e4f212b6a9a) 793 | 3. [微前端在小米 CRM 系统的实践](https://xiaomi-info.github.io/2020/04/14/fe-microfrontends-practice) 794 | 4. [前端 DSL 实践指南（上）—— 内部 DSL](https://juejin.im/post/6844904068117168142) 795 | 5. [面试 100 多位软件工程师后的建议](https://mp.weixin.qq.com/s/_sWS1Y0fedJUNK3VX8AhxQ) 796 | 6. [Vue3 Compiler 优化细节，如何手写高性能渲染函数](https://zhuanlan.zhihu.com/p/150732926) 797 | 798 | #### 工具 799 | 800 | 1. [Vue 3.0 — One Piece 发布](https://zhuanlan.zhihu.com/p/254219538) 801 | 2. [tinykeys - A tiny (~400 B) & modern library for keybindings](https://github.com/jamiebuilds/tinykeys) 802 | 803 | ## 第七期 804 | 805 | > 2020 年 09 月 12 日 806 | 807 | #### 分享 808 | 809 | 1. [饿了么 4 年 + 阿里 2 年：研发路上的一些总结与思考](https://mp.weixin.qq.com/s/0O3c3WUvW7nQdn7PprA5hg) 810 | 2. [万字长文干货，面试官角度看面试 - 政采云前端团队](https://juejin.im/post/6844904199155613704) 811 | 3. [「划线高亮」和「插入笔记」—— 不止是前端知识点](https://juejin.im/post/6870058781527506952) 812 | 4. [蚂蚁金服如何把前端性能监控做到极致?](https://www.infoq.cn/article/Dxa8aM44oz*Lukk5Ufhy) 813 | 5. [当飞猪遇上 Serverless](https://mp.weixin.qq.com/s/e86uMiwCaVTLScEOs7yH4Q) 814 | 6. [如何设计一个 JavaScript 插件系统，编程思维比死磕 API 更重要](https://juejin.im/post/6867335238905921543) 815 | 7. [30secondsofcode.org - 精选有用的 JavaScript 代码片段，让你可以在 30 秒的时间内理解](https://www.30secondsofcode.org/js/p/1) 816 | 817 | #### 工具 818 | 819 | 1. [JSON Diff - Online JSON Compare Diff Finder](https://json-diff.com) 820 | 821 | ## 第六期 822 | 823 | > 2020 年 09 月 05 日 824 | 825 | #### 分享 826 | 827 | 1. [移动开发平台 mPaas 文档：离线包简介 - 蚂蚁金服](https://tech.antfin.com/docs/2/59594) 828 | 2. [Hybrid App 离线包方案实践](https://juejin.im/post/6844904031773523976) 829 | 3. [Webpack 打包太慢？来试试 Bundleless 吧！- Alibaba F2E](https://mp.weixin.qq.com/s/Wr9d6yrNWjrmP8_Sxbmzfw) 830 | 4. [辛辛苦苦学会的 webpack dll 配置，可能已经过时了](https://juejin.im/post/6844903952140468232) 831 | 5. [借助 Module Federation 让 webpack 提速十倍 - 云谦](https://mp.weixin.qq.com/s/3LxmReRXKe7b-UNLfIEKKA) 832 | 6. [Vuex、Flux、Redux、Redux-saga、Dva、MobX](https://juejin.im/post/6844903742672748558) 833 | 7. [Minimal React: getting started with the frontend library](https://2ality.com/2020/08/minimal-react.html) 834 | 835 | #### 工具 836 | 837 | 1. [Smart TOC - Chrome 插件，为长文章网页生成章节目录，方便阅读和定位](https://chrome.google.com/webstore/detail/smart-toc/lifgeihcfpkmmlfjbailfpfhbahhibba) 838 | 839 | ## 第五期 840 | 841 | > 2020 年 08 月 29 日 842 | 843 | #### 分享 844 | 845 | 1. [TypeScript 4.0 正式发布！现在是开始使用它的最佳时机](https://mp.weixin.qq.com/s/hAGXH1MFjSFjqLpZyRHA3Q) 846 | 2. [if 我是前端 Leader，怎么走出小微前端团队的围墙?](https://juejin.im/post/6844904001603895304) 847 | 3. [7 Tricks with Resting and Spreading JavaScript Objects](https://blog.bitsrc.io/6-tricks-with-resting-and-spreading-javascript-objects-68d585bdc83) 848 | 4. [为什么 Vue3.0 不再使用 defineProperty 实现数据监听？](https://www.infoq.cn/article/sPCMAcrdAZQfmLbGJeGr) 849 | 5. [前端工程化概述 - 阿里云云栖号](https://juejin.im/post/6844903588553048077) 850 | 6. [一文搞懂动态规划](https://juejin.im/post/6844904113889624077) 851 | 852 | #### 工具 853 | 854 | 1. [Code Spell Checker - 一个 VS Code 的扩展，帮助你做检查拼写](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) 855 | 2. [Pure - Pretty, minimal and fast ZSH prompt](https://github.com/sindresorhus/pure) 856 | 857 | ## 第四期 858 | 859 | > 2020 年 08 月 15 日 860 | 861 | #### 分享 862 | 863 | 1. [React17 新特性：启发式更新算法](https://mp.weixin.qq.com/s/BEDwLJkEEI9bvD-1E5RRjQ) 864 | 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) 865 | 3. [Tasks, microtasks, queues and schedules (可交互示例) - Jake Archibald](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules) 866 | 4. [吊打 JavaScript 之从原型到原型链](https://mp.weixin.qq.com/s/QQySwGWhjD0Hd72_U0nrRg) 867 | 5. [深入理解 ES Modules (手绘示例)](https://www.zcfy.cc/article/es-modules-a-cartoon-deep-dive-mozilla-hacks-the-web-developer-blog) 868 | 6. [不容错过的 Babel7 知识](https://juejin.im/post/6844904008679686152) 869 | 7. [前端组件设计原则](https://juejin.im/post/6844903767108747278) 870 | 871 | #### 工具 872 | 873 | 1. [AST Explorer - 支持多种语言的在线 AST 生成工具](https://astexplorer.net) 874 | 875 | ## 第三期 876 | 877 | > 2020 年 08 月 08 日 878 | 879 | #### 分享 880 | 881 | 1. [无线性能优化：Composite - 淘系前端团队](https://fed.taobao.org/blog/taofed/do71ct/performance-composite) 882 | 2. [浏览器层合成与页面渲染优化](https://juejin.im/post/6844903959425974280) 883 | 3. [你不知道的浏览器页面渲染机制](https://juejin.im/post/6844903815758479374) 884 | 4. [微前端的现状和趋势](https://segmentfault.com/a/1190000023365666) 885 | 5. [反击爬虫，前端工程师的脑洞可以有多大？- IMWeb 前端技术团队](https://imweb.io/topic/595b7161d6ca6b4f0ac71f05) 886 | 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) 887 | 7. [解读新一代 Web 性能体验和质量指标](https://juejin.im/post/6844904168591736846) 888 | 889 | #### 工具 890 | 891 | 1. [GoogleChrome/web-vitals-extension - Core Web Vitals 指标衡量插件](https://github.com/GoogleChrome/web-vitals-extension) 892 | 2. [npmcharts - 图表对比 npm 包下载趋势](https://npmcharts.com) 893 | 894 | ## 第二期 895 | 896 | > 2020 年 08 月 01 日 897 | 898 | #### 分享 899 | 900 | 1. [Micro Frontends - extending the microservice idea to frontend development](https://micro-frontends.org) 901 | 2. [可能是你见过最完善的微前端解决方案](https://zhuanlan.zhihu.com/p/78362028) 902 | 3. [async/await 优雅的错误处理方法](https://juejin.im/post/6844903767129718791) 903 | 4. [如何高效迅速的进行 CodeReview](https://www.jianshu.com/p/e9f9aef9a0e9) 904 | 5. [10 个打开了我新世界大门的 WebAPI](https://juejin.im/post/6844904193258602504) 905 | 6. [You Might Not Need Vuex with Vue 3](https://dev.to/blacksonic/you-might-not-need-vuex-with-vue-3-52e4) 906 | 907 | #### 工具 908 | 909 | 1. [Regulex - 正则表达式可视化工具]() 910 | 911 | ## 第一期 912 | 913 | > 2020 年 07 月 25 日 914 | 915 | #### 分享 916 | 917 | 1. [畅想 Serverless 新托管时代，2020 年迎来哪些新机会？- Alibaba F2E](https://mp.weixin.qq.com/s/2RcYlZYVLcwSfjf1f2_Jtg) 918 | 2. [Things you can do with a browser in 2020 ☕️](https://github.com/luruke/browser-2020) 919 | 3. [Flutter vs React Native vs Native：深度性能比较](https://www.infoq.cn/article/uYiItcu0eATDul25ecXG) 920 | 4. [移动前端开发和 Web 前端开发的区别是什么？ - 阿里技术](https://segmentfault.com/a/1190000022851790) 921 | 5. [写给前端的算法进阶指南，我是如何两个月零基础刷 200 题](https://juejin.im/post/5f05087cf265da22d466f60f) 922 | 6. [字节跳动面试官：请你实现一个大文件上传和断点续传](https://juejin.im/post/5dff8a26e51d4558105420ed) 923 | 7. [如何推动基础架构项目落地 - 小爝](https://juejin.im/post/5e6447e1f265da575f4e7df1) 924 | 925 | #### 工具 926 | 927 | 1. [ahooks - 阿里巴巴开源的 React Hooks 库](https://ahooks.js.org/zh-CN) 928 | 2. [spark-md5 - 闪电般快速计算 MD5 的 JS 库，支持大文件分片增量计算](https://github.com/satazor/js-spark-md5) 929 | --------------------------------------------------------------------------------