Web 前端技术分享

「前端见闻」周刊 - 收集前端领域的优质分享与新鲜工具

不定期发布更新，让你的技术栈保持活跃吧。👏 👏

第六十二期

2024 年 05 月 25 日

  1. State of HTML 2023（中文）
  2. How to document your JavaScript package
  3. 5 分钟带你了解【前端装饰器】，“高大上”的“基础知识”
  4. Default exports in CommonJS libraries

第六十一期

2024 年 05 月 18 日

  1. CSS Anchor Positioning API 简介 - Google
  2. Why you shouldn't use Enums!
  3. Do You Still Need Sass?

第六十期

2024 年 04 月 27 日

  1. The Front End Developer/Engineer Handbook 2024
  2. View transitions: Handling aspect ratio changes
  3. Top 10 pens of 2023 on CodePen

第五十九期

2024 年 04 月 20 日

  1. Frontend Development Beyond React: Svelte (1/3)
  2. 探探各个微前端框架 - 奇舞精选
  3. 告别轮询，SSE 流式传输可太香了！
  4. An Interactive Guide to CSS Container Queries - Ahmad Shadeed
  5. A practical guide to using shadow DOM

工具

  1. Bruno - 一款快速流畅且与 Git 兼容的 API 调试客户端，对标 Postman
  2. On My Git! - 一个用于学习 Git 的开源游戏

第五十八期

2024 年 04 月 14 日

  1. moduleResolution 总结
  2. JS 程序设计的常用套路 - 阿里云开发者
  3. You Probably Don't Need eslint-config-prettier or eslint-plugin-prettier
  4. What You Need to Know about Modern CSS (Spring 2024 Edition)
  5. CSS :has() Interactive Guide
  6. 解决前端常见问题：竞态条件

工具

  1. JavaScript Visualizer 9000 - 事件循环机制的可视化分析工具
  2. Web Check - 强大的挖掘网站/主机信息的一站式在线工具

第五十七期

  1. 当我们说插件系统的时候，我们在说什么 - 网易云音乐技术团队
  2. When is :focus-visible visible?
  3. 最后一次探究 1px
  4. 妙用 background 实现花式文字效果
  5. A Fancy Hover Effect For Your Avatar

第五十六期

  1. The minimum TypeScript you need for React
  2. Why Async/Await Is More Than Just Syntactic Sugar
  3. 如何根治 Script Error？- 大淘宝前端技术
  4. 如何正确地配置入口文件？
  5. 如何不基于构建工具优雅的实现模块导入？
  6. Vite 约定式路由的最佳实践
  7. 10 分钟彻底掌握 CSS Flex 布局

第五十五期

  1. 【TypeScript】never 和 unknown 的优雅之道
  2. 代码圈复杂度治理小结
  3. 🤔 一文搞懂前端兼容问题
  4. ESLint's new config system, Part 1: Background
  5. CSS border animations

第五十四期

  1. The 10 Most Common JavaScript Issues Developers Face
  2. 前端富文本基础及实现
  3. How to prevent nvm from slowing down your shell
  4. 2022 推荐关注这个零运行时且支持 TS 的 CSS-in-JS 框架
  5. 案例+图解带你一文读懂 Canvas🔥🔥（2W+字）
  6. 如何写出不可维护的 Vue 代码
  7. 一文带你打通前端沙箱的"任督二脉"

第五十三期

  1. 预测一下前端开发的未来
  2. Vue2 剥丝抽茧-虚拟 dom 之自定义组件
  3. 小程序不让用 JS 解释器？那我再肛一次鹅厂

第五十二期

  1. 可能改变前端工程化未来的特性：ESM Loader Hooks
  2. 浅谈 NPM 依赖治理
  3. Vite 也可以模块联邦
  4. 从 JavaScript 到 TypeScript：上手试试才知道答案
  5. 不需要 JS！仅用 CSS 也能达到监听页面滚动的效果！
  6. 前端研发的新基础设施 - Rust 🦀️

第五十一期

  1. Web 中的“选区”和“光标”
  2. TypeScript 深水区：3 种类型来源和 3 种模块语法
  3. 抖音三面：硬件加速中的“层”和层叠上下文中的“层”，是一个东西吗？
  4. 面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来
  5. 如何将传统 Web 框架部署到 Serverless

第五十期

  1. 淘宝店铺 TypeScript 研发规约落地实践
  2. 基于 Serverless 的大前端轻研发平台
  3. 如何移除你项目中 99%的 JS 代码
  4. JS 实现将文本或 JSON 内容下载到文件中
  5. 关于前端大管家 package.json，你知道多少？

第四十九期

  1. 介绍与换行相关的 CSS 属性
  2. 理解了状态管理，就理解了前端开发的核心 ​
  3. ESM Bundleless 在蚂蚁集团低代码场景的实践
  4. 【温故而知新】你可能不知道的 Proxy
  5. HTTP 史记 - 从 HTTP/1 到 HTTP/3
  6. 1.4w 字总结带你重学 TypeScript
  7. The Complete Modern React Developer 2022

第四十八期

  1. 作业帮直播间前端架构优化实践
  2. 腾讯课堂 H5 直播间点赞动效实现
  3. 得物 AppH5 秒开优化实战
  4. 使用 content-visibility 优化渲染性能
  5. 浅谈：为啥 vue 和 react 都选择了 Hooks🏂？

第四十七期

  1. JavaScript 框架发展的四个时代，以后的发展方向是什么？
  2. 浅谈逻辑选择器 is、where、not、has
  3. 深入浅出前端做控制反转与依赖注入
  4. 为什么 2022 年 ESM 又被发布了一次 ？
  5. JavaScript 中的继承和组合
  6. React state management libraries in 2022
  7. First-party cookie recipes
  8. 8 种技巧让你编写更简洁的 JavaScript 代码

第四十六期

  1. 「全码」 通用搭建：现代 Web 研发体系中的新一代低/零码搭建
  2. 美团跨端一体化富文本管理技术实践
  3. 今天不聊中间层，我们来聊聊中间页
  4. My Custom CSS Reset
  5. 面试刨根问到底：[...undefined] 执行结果是什么

第四十五期

  1. How to React
  2. Common React Hooks Mistakes You Should Avoid
  3. Next.js 12 发布！迄今以来最大更新！
  4. How to Use Next.js Middleware
  5. 利用 javascript 获取并修改伪元素的值

第四十四期

2021 年 11 月 21 日

  1. Retry, Timeout and Cancel with fetch()
  2. 现代 Web 开发困局
  3. 大漠：我认识的 W3C 规范
  4. 浅析 Web 录屏技术方案与实现
  5. Record, replay and measure user flows
  6. 写在 2021 的前端性能优化指南
  7. 元宇宙下的前端现状

第四十三期

2021 年 11 月 7 日

  1. Nest.js 实践总结
  2. A Deep Dive Into object-fit And background-size In CSS
  3. CSS 实现文本"不定行数"截断
  4. JS 项目中究竟应该使用 Object 还是 Map？
  5. 再看 Babel - 云谦

第四十二期

2021 年 10 月 30 日

  1. How SPA architectures affect Core Web Vitals
  2. A Complete Guide to Dark Mode on the Web
  3. Safe DOM manipulation with the Sanitizer API
  4. 应用性能前端监控，字节跳动这些年经验都在这了 - ByteDance Web Infra
  5. 从场景倒推我们要什么样的微前端体系 - 字节前端
  6. Webpack 性能系列一: 使用 Cache 提升构建性能
  7. Webpack 性能系列二：多进程打包
  8. React 运行时优化方案的演进

工具

  1. 会触发 Layout, Paint, Composite 的 CSS 属性速查表
  2. 快速验证 Nginx 配置的在线演示工具

第四十一期

2021 年 9 月 4 日

  1. 学习 Webpack5 之路（优化篇）
  2. 深入解析基于 Flutter 的 Web 渲染引擎「北海 Kraken 」技术原理
  3. ESModule 系列 ：构建下一代基础设施 PDN
  4. Nginx 与前端开发

第四十期

2021 年 8 月 28 日

  1. 现代 Web 开发者问卷调查报告
  2. Vue3 的 7 种和 Vue2 的 12 种组件通信
  3. 你不可能知道的骨架屏玩法 🐶
  4. 美团 App 页面视图可测性改造实践
  5. 如何利用 monorepo 策略管理代码？
  6. 如何防止他人恶意调试你的 web 程序
  7. 【程序员必读】经验：编程的智慧

第三十九期

2021 年 8 月 21 日

  1. 如何设计实现 H5 营销页面搭建系统
  2. 超级变变变，动态云组件加载实践
  3. 企业级应用搭建平台是如何设计资产体系的？- Alibaba F2E
  4. 腾讯企鹅辅导 H5 性能极致优化 - 腾讯 IMWeb 前端团队
  5. 开发效率提升 50% 以上，爱奇艺官网主站的 Nuxt 实践 - 爱奇艺技术产品团队
  6. 前端组件化实战之 Button
  7. 从过去到现在，聊聊 Tree-shaking
  8. 基础很好？总结了 38 个 ES6-ES12 的开发技巧，倒要看看你能拿几分？🐶

工具

  1. HTML 5 TEST - 检测浏览器对 HTML5 支持情况
  2. Are Third-Party Cookies enabled? - 检测浏览器启用第三方 cookie
  3. Do Not Track Detection - 检测浏览器启用禁止追踪

第三十八期

2021 年 7 月 31 日

  1. 你可能并不需要微前端
  2. 浏览器缓存
  3. 这三年沉淀的前端错误监控系统，一篇文章讲透给你
  4. TypeScript and native ESM on Node.js
  5. 精读《12 个评估 JS 库你需要关心的事》
  6. 前端安全系列（二）：如何防止 CSRF 攻击？

第三十七期

2021 年 7 月 18 日

  1. 花椒低代码可视化编辑平台的设计与实践
  2. 2021 年你可能不知道的 CSS 特性（下篇）
  3. 文件上传，搞懂这 8 种场景就够了
  4. 手把手教你设计一个任务调度器
  5. 浅析前端异常及降级处理

第三十六期

2021 年 7 月 10 日

  1. 迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）
  2. JavaScript 变量命名
  3. 换个角度思考 React Hooks
  4. 如何优雅的判断元素是否进入当前视区
  5. Google 的新前端框架 Lit

第三十五期

2021 年 7 月 4 日

  1. ES2021 Features!
  2. TypeScript 装饰器完全指南
  3. 天下武功，唯'QUICK'不破，揭秘 QUIC 的五大特性及外网表现
  4. 【vite】你不知道的小妙招，确定不看一下吗？
  5. 产品经理：鸿蒙那个开场动画挺帅的 给咱们页面也整一个呗

第三十四期

2021 年 6 月 26 日

  1. 2021 年大前端技术趋势解读
  2. 现代浏览器观察者 Observer API 指南
  3. 三种前端实现 VR 全景看房的方案！
  4. 数据上报方式是否存在最优解？
  5. 一文吃透 Webpack 核心原理
  6. 120 行代码帮你了解 Webpack 下的 HMR 机制

工具

  1. Handsfree.js - 面部、手势及动作识别追踪 JS 库

第三十三期

2021 年 6 月 19 日

  1. 淘宝承接页是如何实现秒开的
  2. TypeScript 新品尝鲜
  3. SameSite 那些事
  4. CSS 实现多行文本“展开收起”
  5. 我在工作中是如何使用 Git 的
  6. HTTP 中的 ETag 是如何生成的？
  7. 京东出品微前端框架 MicroApp 介绍与落地实践
  8. 玉伯：开源有带给我什么

第三十二期

2021 年 6 月 12 日

  1. 塞尔达的 3D 渲染风格，能在小游戏跑起来？
  2. 5 Advanced React Patterns
  3. 新时代创意布局不完全指南
  4. H5 项目如何适配暗黑模式
  5. 如何让 10 万条数据的小程序列表如丝般顺滑
  6. 问了尤雨溪 25 个问题后，我的很多想法开始变了

工具

  1. Can I email - 电子邮件中可用 HTML、 CSS 的特性支持表

第三十一期

2021 年 6 月 5 日

  1. 2021 年你可能不知道的 CSS 特性
  2. 译]
  3. Introducing WebContainers: Run Node.js natively in your browser
  4. Helping Babel move to ES Modules
  5. 云凤蝶低代码之路

第三十期

2021 年 5 月 29 日

  1. 终于有人把 Nginx 说清楚了，图文详解！
  2. 从 0 构建自己的脚手架知识体系
  3. JS 常用的循环遍历你会几种
  4. 你为什么不使用 TypeScript？
  5. 腾讯低代码 OTeam 建设概述

工具

  1. DOM Events - 可视化探索 DOM 事件系统的工具
  2. readme.so - 快捷创建项目 README 的 markdown 编辑器

第二十九期

2021 年 5 月 22 日

  1. Optimizing Web Vitals using Lighthouse
  2. 浏览器性能优化实战
  3. 一文带你了解如何排查内存泄漏导致的页面卡顿现象
  4. 90 行代码的 webpack，你确定不学吗？
  5. Chrome 开发者工具各种骚技巧
  6. 京喜 APP - 图片库优化
  7. Tiny Wins, The big benefits of little changes.

第二十八期

2021 年 5 月 15 日

  1. 手把手教你打造前端智能图标识别工具
  2. 理解 ECMAScript 规范（3）
  3. TypeScript 原来可以这么香？！
  4. 深入剖析虚拟内存工作原理 - 腾讯技术工程
  5. 如何处理浏览器的断网情况？
  6. Cross browser window state management

第二十七期

2021 年 5 月 9 日

  1. BFF 模式：微服务前端数据加载的最佳实践？
  2. 揭秘：如何考察前端的 Node.js 及工程能力
  3. Node.js 为前端赋能 | 如何推动基础架构项目落地
  4. 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
  5. 回顾 babel 6 和 7，来预测下 babel 8
  6. CSS :placeholder-shown

第二十六期

2021 年 5 月 1 日

  1. 不要随便把函数当回调来用！
  2. Content-aware image resizing in JavaScript
  3. CSS @property，让不可能变可能
  4. Comparing the New Generation of Build Tools
  5. 大型前端项目内存优化总结 - AlloyTeam
  6. ESLint 在中大型团队的应用实践 - 美团技术团队
  7. 能让你纵享丝滑的 SSR 技术，转转这样实践

工具

  1. BundlePhobia - 分析添加一个 npm 包会增加多少 bundle 体积
  2. Iconfont Preview - iconfont 在线预览工具

第二十五期

2021 年 4 月 24 日

  1. 基于 Flutter 的 Web 渲染引擎「北海」正式开源 - 淘系前端团队
  2. 前端应该知道的 Web 标准 - 字节前端 ByteFE
  3. 浅析 HTTP 缓存
  4. 看了就会的浏览器帧原理
  5. 解剖 Babel — 向前端架构师迈出一小步
  6. Advanced Promise Patterns: Promise Memoization

第二十四期

2021 年 4 月 17 日

  1. 理解 ECMAScript 规范（1）- 字节前端 ByteFE
  2. 理解 ECMAScript 规范（2）- 字节前端 ByteFE
  3. 我所理解的 Hooks API - Alibaba F2E
  4. Vanilla JavaScript Code Snippets
  5. CSS 实现优惠券的技巧 - 阅文前端团队
  6. 2021 年，如果选型一个 Node.js 的 web server 框架，你会选择什么？
  7. 图文并茂讲清楚 JavaScript 内存管理

第二十三期

2021 年 4 月 3 日

  1. 从低代码到无代码：可视化逻辑编排 - 淘系前端团队
  2. 仅使用 CSS 提高页面渲染速度 - 淘系前端团队
  3. 维护几十种语言和站点，爱奇艺国际站 WEB 端网页优化实践
  4. 基础组件完善的今天，如何通过业务组件提效？- 阿里技术
  5. 使用过 redux 和 mobx 后，总结出详细的优劣势
  6. 我对 Svelte 的看法

工具

  1. tools.fun - 开发人员工具箱

第二十二期

2021 年 3 月 28 日

  1. 页面可视化搭建工具技术要点 - AlloyTeam
  2. 逻辑编排在优酷可视化搭建中的实践之上
  3. 逻辑编排在优酷可视化搭建中的实践之下
  4. 用 Service Worker 实现前端性能优化
  5. 语雀思维图子图嵌套的技术思考
  6. 深入剖析 JavaScript 编译器/解释器引擎 QuickJS - 多了解些 JavaScript 语言
  7. 2021 年前端开发者需要知道的 34 种 JS 优化技巧

工具

  1. IconPark - 字节跳动出品的高质量开源图标库

第二十一期

2021 年 3 月 20 日

  1. 构建效率大幅提升，webpack5 在企鹅辅导的升级实践
  2. 中高级前端必须注意的 40 条移动端 H5 坑位指南 | 网易三年实践
  3. 解密 HTTP/2 与 HTTP/3 的新特性
  4. 探索微前端的场景极限
  5. 🧭【深入解析】跨端框架的核心技术到底是什么？
  6. ECMAScript 2021: the final feature set
  7. JavaScript: What is the meaning of this?
  8. A horrifying globalThis polyfill in universal JavaScript

第二十期

2021 年 3 月 13 日

  1. 前端优秀实践不完全指南
  2. 新兴前端框架 Svelte 从入门到原理
  3. Vite 和 Webpack 的核心差异
  4. 前端工程师所需要了解的 WebView
  5. 🤔 移动端 JS 引擎哪家强？美国硅谷找...
  6. 一文详解 CSS-in-JS
  7. 门神——转转前端代码校验系统

工具

  1. github1s - 一秒打开在线 VS Code 阅读 GitHub 仓库代码
  2. Create App - 前端构建配置生成器

第十九期

2021 年 2 月 7 日

  1. 前端机器学习简史 - Alibaba F2E
  2. 可视化拖拽组件库一些技术要点原理分析（二）
  3. 让你的 JS 代码变得更加优雅且可维护
  4. The Philosophy of Svelte
  5. Don't use functions as callbacks unless they're designed for it
  6. 如何实现一个前端监控回放系统
  7. 一行 CSS 实现全站中文简繁转换

第十八期

2021 年 1 月 24 日

  1. ECMAScript 2021 新特征
  2. 函数式编程指北
  3. 登上 Github 趋势榜，iMove 原理技术大揭秘!
  4. 「前端工程化」从 0-1 搭建 react，ts 脚手架（1.2w 字超详细教程）
  5. 前端资源加载失败优化
  6. CDN 是什么？使用 CDN 有什么优势？

第十七期

2021 年 1 月 17 日

  1. 2020 前端技术发展回顾
  2. 2021 年前端趋势预测
  3. 设计稿智能生成代码如何识别组件？ - Imgcook 3.0 系列
  4. 前端智能化实践 — P2C 从需求文档生成代码 | D2 分享视频+文章
  5. 前端安全生产在 ICBU 的探索与落地
  6. Facebook 重构：抛弃 Sass / Less，迎接原子化 CSS 时代
  7. 为什么 Vue3 选择了 CSS 变量
  8. 凹凸实验室的过去与未来

第十六期

2021 年 1 月 10 日

  1. [Vue 官方教程笔记]- 尤雨溪手写 mini-vue
  2. Centering in CSS
  3. React Native 优先的多端统一化方案
  4. “无代码”与我们的距离
  5. 纯技巧向：React, Vue, Rxjs 和原生 JS 代码大乱斗
  6. CSS 现状和如何学习
  7. 框架带来了什么？

第十五期

2021 年 1 月 3 日

  1. 2020 年大前端技术趋势解读
  2. 可视化拖拽组件库一些技术要点原理分析
  3. 使用 MonoRepo 管理前端项目
  4. 微前端在美团外卖的实践
  5. 如何只使用 CSS 提升页面渲染速度
  6. 滴滴 NodeX 生态

第十四期

2020 年 12 月 26 日

  1. 编译的速度与激情：从 10mins 到 1s
  2. 14W 行代码量的前端页面长什么样 - 腾讯文档
  3. Introducing Zero-Bundle-Size React Server Components
  4. React RFC Server Components
  5. 搞懂 HTTP 重定向 - 如何优雅地使用 301
  6. 如何优雅地解决多个 React、Vue App 之间的状态共享

第十三期

2020 年 12 月 19 日

  1. 如何基于 TypeScript 实现控制反转
  2. 基于 Vue 的前端架构，我做了这 15 点
  3. Element3 开发内幕 - Vue CLI 插件开发
  4. 对比多种微前端方案
  5. 漫谈 React Fiber
  6. 前端团队研发效能提升的探索与实践
  7. 滴滴开源小桔棱镜：一款专注移动端操作行为的利器

工具

  1. Moiva - 以图表形式比较 JS 库的在线工具，支持 NPM 下载量、Google 趋势、Github 统计
  2. Screenity - Chrome 插件，功能强大且易用的屏幕录制和注释工具

第十二期

2020 年 11 月 28 日

  1. Vue 3.0 Ref-sugar 提案真的是自寻死路吗？
  2. Web Worker 文献综述
  3. 谈谈微前端领域的 js 沙箱实现机制
  4. 双十一会场体验 SSR 优化 - 走向更复杂的渲染架构
  5. import { reactive } from 'vue'（聊一聊 Vue 3 的响应式和组合式）
  6. rrweb：打开 web 页面录制与回放的黑盒子
  7. 十五分钟读懂 React 17

工具

  1. ECMAScript 6 compatibility table - ES6 兼容性表

第十一期

2020 年 11 月 14 日

  1. Web Vitals: Google 如何定义性能指标及帮助开发者调优前端性能 ？
  2. 大型前端项目的断点调试共享化和复用化实践
  3. 图片加载失败后 CSS 样式处理最佳实践
  4. [译] 深入 React Hook 系统的原理
  5. 想偷懒的话，toLocaleString 了解一下？
  6. Yarn 的 Plug'n'Play 特性
  7. setTimeout 实现原理和使用注意

工具

  1. Flexbox Froggy - 一个用来学 CSS flexbox 的游戏
  2. Grid Garden - 一个用来学 CSS grid 的游戏

第十期

2020 年 11 月 06 日

  1. 低代码，要怎么低？和低代码有关的 10 个问题
  2. 今日头条品质优化 - 图文详情页秒开实践 - 字节跳动技术团队
  3. 77.9K Star 的 Axios 项目有哪些值得借鉴的地方
  4. Facebook 新一代 React 状态管理库 Recoil
  5. 12 Fun Challenges to Learn React Native
  6. 开源富文本编辑器技术的演进
  7. 作为前端，我对业务的一点理解

工具

  1. vue-form-making - 基于 Vue 和 element-ui 实现的可视化表单设计器，实现方式简单明了
  2. awesome-lowcode - 国内低代码平台整理

第九期

2020 年 09 月 26 日

  1. 漫谈前端数据层
  2. SVG 图标看我就够了 - 阅文前端团队
  3. 转转 Hybrid 体系建设 - 大转转 FE
  4. How HTTPS works ...in a comic! 🌈 🎉 🍕
  5. I created the exact same app in React and Vue. 2020 edition
  6. 或许这就是下一代组件库 - ant-design-vue
  7. React 17.0.0-rc.2 版本发布，引入全新的 JSX 转换

工具

  1. @ant-design-vue/use - Vue 3 Composition Api Library
  2. Comparing JSX Transforms - React 17 新老 JSX 转换模式对比

第八期

2020 年 09 月 20 日

  1. AVIF has landed - A new image format derived from the keyframes of AV1 video
  2. Cross-App Bundling — A Different Approach for Micro Frontends
  3. 微前端在小米 CRM 系统的实践
  4. 前端 DSL 实践指南（上）—— 内部 DSL
  5. 面试 100 多位软件工程师后的建议
  6. Vue3 Compiler 优化细节，如何手写高性能渲染函数

工具

  1. Vue 3.0 — One Piece 发布
  2. tinykeys - A tiny (~400 B) & modern library for keybindings

第七期

2020 年 09 月 12 日

  1. 饿了么 4 年 + 阿里 2 年：研发路上的一些总结与思考
  2. 万字长文干货，面试官角度看面试 - 政采云前端团队
  3. 「划线高亮」和「插入笔记」—— 不止是前端知识点
  4. 蚂蚁金服如何把前端性能监控做到极致?
  5. 当飞猪遇上 Serverless
  6. 如何设计一个 JavaScript 插件系统，编程思维比死磕 API 更重要
  7. 30secondsofcode.org - 精选有用的 JavaScript 代码片段，让你可以在 30 秒的时间内理解

工具

  1. JSON Diff - Online JSON Compare Diff Finder

第六期

2020 年 09 月 05 日

  1. 移动开发平台 mPaas 文档：离线包简介 - 蚂蚁金服
  2. Hybrid App 离线包方案实践
  3. Webpack 打包太慢？来试试 Bundleless 吧！- Alibaba F2E
  4. 辛辛苦苦学会的 webpack dll 配置，可能已经过时了
  5. 借助 Module Federation 让 webpack 提速十倍 - 云谦
  6. Vuex、Flux、Redux、Redux-saga、Dva、MobX
  7. Minimal React: getting started with the frontend library

工具

  1. Smart TOC - Chrome 插件，为长文章网页生成章节目录，方便阅读和定位

第五期

2020 年 08 月 29 日

  1. TypeScript 4.0 正式发布！现在是开始使用它的最佳时机
  2. if 我是前端 Leader，怎么走出小微前端团队的围墙?
  3. 7 Tricks with Resting and Spreading JavaScript Objects
  4. 为什么 Vue3.0 不再使用 defineProperty 实现数据监听？
  5. 前端工程化概述 - 阿里云云栖号
  6. 一文搞懂动态规划

工具

  1. Code Spell Checker - 一个 VS Code 的扩展，帮助你做检查拼写
  2. Pure - Pretty, minimal and fast ZSH prompt

第四期

2020 年 08 月 15 日

  1. React17 新特性：启发式更新算法
  2. 7 Reasons React Native is Going to Be BIG in 2021
  3. Tasks, microtasks, queues and schedules (可交互示例) - Jake Archibald
  4. 吊打 JavaScript 之从原型到原型链
  5. 深入理解 ES Modules (手绘示例)
  6. 不容错过的 Babel7 知识
  7. 前端组件设计原则

工具

  1. AST Explorer - 支持多种语言的在线 AST 生成工具

第三期

2020 年 08 月 08 日

  1. 无线性能优化：Composite - 淘系前端团队
  2. 浏览器层合成与页面渲染优化
  3. 你不知道的浏览器页面渲染机制
  4. 微前端的现状和趋势
  5. 反击爬虫，前端工程师的脑洞可以有多大？- IMWeb 前端技术团队
  6. 4 Ways You Can “Level Up” As A Developer - DEV Community 👩‍💻👨‍💻
  7. 解读新一代 Web 性能体验和质量指标

工具

  1. GoogleChrome/web-vitals-extension - Core Web Vitals 指标衡量插件
  2. npmcharts - 图表对比 npm 包下载趋势

第二期

2020 年 08 月 01 日

  1. Micro Frontends - extending the microservice idea to frontend development
  2. 可能是你见过最完善的微前端解决方案
  3. async/await 优雅的错误处理方法
  4. 如何高效迅速的进行 CodeReview
  5. 10 个打开了我新世界大门的 WebAPI
  6. You Might Not Need Vuex with Vue 3

工具

  1. Regulex - 正则表达式可视化工具

第一期

2020 年 07 月 25 日

  1. 畅想 Serverless 新托管时代，2020 年迎来哪些新机会？- Alibaba F2E
  2. Things you can do with a browser in 2020 ☕️
  3. Flutter vs React Native vs Native：深度性能比较
  4. 移动前端开发和 Web 前端开发的区别是什么？ - 阿里技术
  5. 写给前端的算法进阶指南，我是如何两个月零基础刷 200 题
  6. 字节跳动面试官：请你实现一个大文件上传和断点续传
  7. 如何推动基础架构项目落地 - 小爝

工具

  1. ahooks - 阿里巴巴开源的 React Hooks 库
  2. spark-md5 - 闪电般快速计算 MD5 的 JS 库，支持大文件分片增量计算