软件架构与个人成长
Contents
软件架构与个人成长
包含一些软技能，很多也适用于非 Web 前端开发
软件工程与研发效能
- 再论软件系统的复杂性-没有银弹，只有焦油坑 #2
- 抽象泄漏（Leaky Abstractions） #9
- 百度：如何从流程上设计可持续维护的组件 #8
- 如何用研发效能搞垮一个团队 #13
- 研发效能度量引发的血案 #13
软件设计与技术表达
- 在商业项目中如何选择框架和库 #5
- 前端技术调研到底应该怎么做？ #15
- 我是如何写出优雅的业务代码？ #11
- 如何编写前端设计文档？ #14
- 如何做一场高质量的分享 #3
- 20211129 如何做好一个技术分享 #19
架构与范式
- 前端框架的 JIT 与 AOT，傻傻分不清楚 #18
- 一文读懂 @Decorator 装饰器——理解 VS Code 源码的基础 #12
- React语境下前端 DDD 的思考 #15
- React DDD #9
- 面向未来与浏览器规范的前端DDD架构设计 #10
- VSCode 是怎么跑起来的？ #11
工程实践
比较难以明确定义类型的一些工程实践，按需取用
个人成长
- 草根前端人的焦虑 #2
- 从高效能人士的七个习惯谈成长 #7
- 玉伯：开源有带给我什么 #8
- 《个人发展指南》——真实 #11
- 我在支付宝体验技术部这四年学到了什么 #14
- 在硅谷大厂实现年薪70万美元，我只用了5年 #new
前端趋势与细分方向
前端发展日新月异，我们整理了前端技术近些年的发展趋势，以及某些较火的细分方向的相关技术文章
这两年的技术演进
- 新一代Web建站技术栈的演进：SSR、SSG、ISR、DPR都在做什么？ #12
- 2021 Web Worker 现状 #12
- 面向未来的前端开发模式 - 写于2021年 #14
- Introducing WebContainers: Run Node.js natively in your browser #7
- 大势所趋：流式服务端渲染 #4
- GitHub 团队的跨框架组件 #7
- 十年磨一剑，WebAssembly 是如何诞生的 #9
- Web也要在GPU并行计算中分一杯羹？ #7
- 从WebGL到WebGPU，网页图形的全新时代 #new
微前端
- 探索微前端的场景极限 #2
- 大型 Web 应用插件化架构探索 #2
- 浅探 Web Worker 与 JavaScript 沙箱 #4
- 从 0 到 1 实现浏览器端沙盒运行环境 #9
- 一体化微前端研发平台的探索和实践 #10
- 从场景倒推我们要什么样的微前端体系 #10
- 浅析 JavaScript 沙箱 #17
- 让iframe焕发新生 #20
低代码
- 低代码开发平台-解决SaaS应用的最后一公里 #2
- 低代码平台和社区开发者的崛起：更多解决方案还是更多问题？ #6
- iMove 基于 X6 + form-render 背后的思考 #8
- 拖拽竟然还能这样玩！ #11
- Deco 智能代码技术揭秘：设计稿智能生成代码 #20
全栈开发 - Node.js 与服务端
- Node.js 的 api 设计的源头：POSIX #14
- 彻底掌握 Node.js 四大流，解决爆缓冲区的“背压”问题 #14
- Running CPU-Bound Tasks in Node.js: Introduction to Worker Threads #13
- 现代前端工程化- 傻傻分不清楚的链接 fs.symlink、 ln、ln -s(详解与应用) #4
- 聊聊字节跳动 Node.js RPC 的设计实现 #12
- node端内存泄漏 的排查案例 #5
前端构建 - 构建故事与 Webpack 实践
- 前端构建这十年 #13
- 从过去到现在，聊聊 Tree-shaking #14
- 回顾 babel 6和7，来预测下 babel 8 #6
- 单独加载的 CSS 文件与写在 JS 脚本里面的 CSS，性能相差多少？ #9
- 编译的速度与激情：从 10mins 到 1s #10
- 面对 ESM 的开发模式，webpack 还有还手之力吗？ #4
- 一文吃透 Webpack 核心原理 #6
- Webpack 热更新以及原理 #5
- Webpack 性能系列一: 使用 Cache 提升构建性能 #15
- Demistifying webpack’s ‘import’ function: using dynamic arguments #18
- 从实际例子看：如何调试 Webpack #19
前端偏前 - 创意视觉、可视化、多媒体、富交互、一些…骚操作？
- 多媒体前端技术入门指南 #9
- 浏览器录音实践与踩坑 #3
- 2 天做了个多人实时对战，200ms 延迟竟然也能丝滑流畅？ #new
- 3D 穿梭效果？使用 CSS 轻松搞定 #18
- 居然不知道CSS能做3D？天空盒子了解一下，颠覆想象 #13
- 如何用 canvas 画出分形图 #19
- 实现SLIC算法生成像素画 #15
- 我用 10000 张图片合成我们美好的瞬间 #13
- 你不可能知道的骨架屏玩法 #13
- 官方揭秘！你的颜色是这样算出来的…… #7
- 飞书中 Lottie 动画的应用 #7
- 玩转娱乐化时代 #5
前端与算法
- 我用 JavaScript 来学习机器学习 #6
- 电商最小存货 - SKU 和 算法实现 #14
- Bracket pair colorization 10,000x faster #15
- SELF-PARKING CAR IN 500 LINES OF CODE #15
- 与被捧上天的 AI 相比，元数据可能更重要 #6
前端基础
如果说上面的某些业务领域，我们并不需要掌握的非常深，下面的这些基础，大多是作为酷厂的前端工程师，一定要掌握的技术领域，比较适合新、老同学来查漏补缺
前端基础 - JS 与内存
- JavaScript Debugger 原理揭秘 #6
- JS 在引擎级别的执行过程 #5
- 如何实现比 setTimeout 快 80 倍的定时器？ #9
- 一文带你了解如何排查内存泄漏导致的页面卡顿现象 #4
- 使用 Performance 看看浏览器在做些什么 #4
- 关于 JavaScript Object.keys() 排序问题的探索 #3
- 大型前端项目内存优化总结 #5
- 掌握 JS 高级编程基础 - Reflect Metadata #8
类型系统 - Typescript
- 深入理解 Typescript 高级用法 #15
- TypeScript 类型体操天花板，用类型运算写一个 Lisp 解释器 #18
- 用 TypeScript 类型运算实现一个中国象棋程序 #18
- 用 TypeScript 实现斐波那契数列 #18
- Airbnb 是如何从 JavaScript 迁移到 TypeScript 的？ #10
前端基础 - 系统、浏览器都干了啥、某些奇怪的 API、一些杂项
- 47 张图带你走进浏览器的世界！ #11
- Web 性能优化：控制关键请求的优先级 #20
- 从 visibilitychange Safari下无效说开去 #19
- 浏览器中的 ESM #17
- 图解 | 你管这破玩意叫计算机？ #15
- 使用MutationObserver简单实现文本水印 #15
- 不使用file类型input也能触发文件上传 #17
- 就因为这三个知识点，我彻底学废了”正则表达式“ #17
- 如何在代码中处理时间 #14
前端视觉 - 样式与布局基础
- CSS @property，让不可能变可能 #6
- 对比几个常见的 CSS 属性值：Inherit, initial, unset, revert #8
- 新时代创意布局不完全指南 #7
- 巧用 CSS filter，让你的网站更加酷炫！ #15
- CSS 实现优惠券的技巧 #3
- css奇思妙想边框动画 #4
前端安全、鉴权、网络
- 用最简单的前端技术揭示那些灰色产业背后的原理 #9
- 告别 XSS！新的 W3C 提案助你安全操作 DOM #15
- cookie、session、token、jwt、单点登录 #12
- 详解 Cookie 新增的 SameParty 属性 #14
- 通过 Unicode 不可见字符在源代码里面注入后门 #19
- 如何看待 HTTP/3 #6
- 从四层模型上解析网络是怎么连接的 #2
React 相关 - 现在与未来
- Web也要在GPU并行计算中分一杯羹？React核心成员表示：JSX就是个错误？ #7
- React18的特性， 使用 React useTransition() 钩子来调度视图更新的优先级 #9
- React server component介绍 #2
- New Suspense SSR Architecture in React 18 #13
- 从理念到LRU算法实现，起底未来React异步开发方式 #15
- 为了生成唯一id，React18专门引入了新Hook：useId #19
- React Conf 2021 到底讲了什么？ #20
- 六个问题助你理解 React Fiber #12
- 从源码中来，到业务中去，React性能优化终极指南 #7
- React SEO 策略与最佳实践 #8
- 各流派React状态管理对比和原理实现 #15
- 从 SWR 开始 — 一窥现代请求 hooks 设计模型 #6
- 我所理解的 Hooks API #4
- 突破Hooks所有限制，只要50行代码 #10
- 造一个 react-error-boundary 轮子 #5
- 一个让你在 React 中使用 Vue Composition API 的库 #9
- 一场升级 React-Router 带来的‘血案’ #19
前端工程化 - 如何组织代码、管理依赖
- 如何利用 monorepo 策略管理代码？ #15
- 前端100万行代码是怎样的体验？ #15
- 关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn? #1
- Node.js 从小工坊走向企业级开发 - 深入浅出 tnpm rapid 模式 - 如何比 pnpm 快 10 秒 #new
- npm & yarn 包管理机制 #14
- npm v7 中 Lockfile 相关变更 #3