# weekly **Repository Path**: imkarl/weekly ## Basic Information - **Project Name**: weekly - **Description**: 克隆的 https://github.com/ascoders/weekly.git 方便在无法使用 github 时可以及时学习 侵权联系立删 欢迎给原作者 star - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-07-26 - **Last Updated**: 2023-07-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 前端精读 CircleCI Status 前端界的好文精读,每周更新! 最新精读:282.精读《自由布局吸附线的实现》 素材来源:[周刊参考池](https://github.com/ascoders/weekly/issues/2) 现已涵盖: - 结合大厂工作经验解读的 [前沿技术](./前沿技术),[源码解读](./源码解读)。 - 逐渐加入一些后端技术解读。 - 一些 [商业思考](./商业思考)。 - 已完成 [编译原理](./编译原理)、[设计模式](./设计模式) 两大基础模块。 ### 前沿技术 - 1.精读《js 模块化发展》 - 2.精读《模态框的最佳实践》 - 3.精读《前后端渲染之争》 - 4.精读《AsyncAwait 优越之处》 - 5.精读《民工叔单页数据流方案》 - 6.精读《JavaScript 错误堆栈处理》 - 7.精读《请停止 css-in-js 的行为》 - 8.精读《入坑 React 前没有人会告诉你的事》 - 9.精读《Immutable 结构共享》 - 10.精读《Web Components 的困境》 - 11.精读《前端调试技巧》 - 12.精读《React 高阶组件》 - 13.精读《This 带来的困惑》 - 14.精读《架构设计之 DCI》 - 15.精读《TC39 与 ECMAScript 提案》 - 16.精读《CSS Animations vs Web Animations API》 - 17.精读《如何安全地使用 React context》 - 18.精读《设计完美的日期选择器》 - 19.精读《最佳前端面试题》及面试官技巧 - 20.精读《Nestjs》文档 - 21.精读《Web fonts: when you need them, when you don’t》 - 22.精读《V8 引擎特性带来的的 JS 性能变化》 - 23.精读《API 设计原则》 - 24.精读《现代 JavaScript 概览》 - 25.精读《null >= 0?》 - 26.精读《加密媒体扩展》 - 27.精读《css-in-js 杀鸡用牛刀》 - 28.精读《2017 前端性能优化备忘录》 - 29.精读《JS 中的内存管理》 - 30.精读《Javascript 事件循环与异步》 - 31.精读《我不再使用高阶组件》 - 32.精读《React Router4.0 进阶概念》 - 33.精读《30 行 js 代码创建神经网络》 - 34.精读《React 代码整洁之道》 - 35.精读《dob - 框架实现》 - 36.精读《When You “Git” in Trouble- a Version Control Story》 - 37.精读《how we position and what we compare》 - 38.精读《dob - 框架使用》 - 39.精读《全链路体验浏览器挖矿》 - 40.精读《初探 Reason 与 GraphQL》 - 41.精读《Ant Design 3.0 背后的故事》 - 42.精读《前端数据流哲学》 - 43.精读《增强现实与可视化》 - 44.精读《Rekit Studio》 - 45.精读《React's new Context API》 - 46.精读《react-rxjs》 - 47.精读《webpack4.0 升级指南》 - 49.精读《Compilers are the New Frameworks》 - 50.精读《快速上手构建 ARKit 应用》 - 51.精读《Elements of Web Dev》 - 52.精读《图解 ES 模块》 - 53.精读《插件化思维》 - 54.精读《在浏览器运行 serverRender》 - 55.精读《async await 是把双刃剑》 - 56.精读《重新思考 Redux》 - 57.精读《现代 js 框架存在的根本原因》 - 58.精读《Typescript2.0 - 2.9》 - 59.精读《如何利用 Nodejs 监听文件夹》 - 60.精读《如何在 nodejs 使用环境变量》 - 61.精读《React 八种条件渲染》 - 62.精读《JS 引擎基础之 Shapes and Inline Caches》 - 63.精读《React 的多态性》 - 68.精读《衡量用户体验》 - 69.精读《SQL vs Flux》 - 72.精读《REST, GraphQL, Webhooks, & gRPC 如何选型》 - 74.精读《12 个评估 JS 库你需要关心的事》 - 76.精读《谈谈 Web Workers》 - 77.精读《用 Reduce 实现 Promise 串行执行》 - 79.精读《React Hooks》 - 80.精读《怎么用 React Hooks 造轮子》 - 81.精读《使用 CSS 属性选择器》 - 83.精读《React16 新特性》 - 84.精读《Typescript 3.2 新特性》 - 86.精读《国际化布局 - Logical Properties》 - 87.精读《setState 做了什么》 - 88.精读《Caches API》 - 89.精读《如何编译前端项目与组件》 - 91.精读《正则 ES2018》 - 94.精读《Serverless 给前端带来了什么》 - 95.精读《Function VS Class 组件》 - 96.精读《useEffect 完全指南》 - 97.精读《编写有弹性的组件》 - 99.精读《Scheduling in React》 - 100.精读《V8 引擎 Lazy Parsing》 - 101.精读《持续集成 vs 持续交付 vs 持续部署》 - 102.精读《Monorepo 的优势》 - 104.精读《Function Component 入门》 - 105.精读《What's new in javascript》 - 107.精读《Optional chaining》 - 109.精读《Vue3.0 Function API》 - 111.精读《前端未来展望》 - 112.精读《源码学习》 - 113.精读《Nodejs V12》 - 117.精读《Tableau 探索式模型》 - 118.精读《使用 css 变量生成颜色主题》 - 119.精读《前端深水区》 - 120.精读《React Hooks 最佳实践》 - 121.精读《前端与 BI》 - 123.精读《用 Babel 创造自定义 JS 语法》 - 124.精读《用 css grid 重新思考布局》 - 125.精读《深度学习 - 函数式之美》 - 126.精读《Nuxtjs》 - 127.精读《React Conf 2019 - Day1》 - 129.精读《React Conf 2019 - Day2》 - 132.精读《正交的 React 组件》 - 133.精读《寻找框架设计的平衡点》 - 134.精读《我在阿里数据中台大前端》 - 138.精读《精通 console.log》 - 139.精读《手写 JSON Parser》 - 140.精读《结合 React 使用原生 Drag Drop API》 - 141.精读《useRef 与 createRef 的区别》 - 142.精读《如何做好 CodeReview》 - 143.精读《Suspense 改变开发方式》 - 144.精读《Webpack5 新特性 - 模块联邦》 - 145.精读《React Router v6》 - 146.精读《React Hooks 数据流》 - 147. 精读《@types react 值得注意的 TS 技巧》 - 148. 精读《React Error Boundaries》 - 149. 精读《React 性能调试》 - 150. 精读《Deno 1.0 你需要了解的》 - 152. 精读《recoil》 - 153. 精读《snowpack》 - 154. 精读《用 React 做按需渲染》 - 157. 精读《如何比较 Object 对象》 - 158. 精读《Typescript 4》 - 159. 精读《对低代码搭建的理解》 - 160. 精读《函数缓存》 - 161.精读《可视化搭建思考 - 富文本搭建》 - 162.精读《Tasks, microtasks, queues and schedules》 - 163.精读《Spring 概念》 - 164.精读《数据搭建引擎 bi-designer API-设计器》 - 165.精读《数据搭建引擎 bi-designer API-组件》 - 166.精读《BI 搭建 - 筛选条件》 - 190.精读《DOM diff 原理详解》 - 191.精读《高性能表格》 - 192.精读《DOM diff 最长上升子序列》 - 193.精读《React Server Component》 - 194.精读《算法基础数据结构》 - 195.精读《新一代前端构建工具对比》 - 196.精读《前端职业规划 - 2021 年》 - 197.精读《低代码逻辑编排》 - 202.精读《React 18》 - 204.精读《默认、命名导出的区别》 - 205.精读《JS with 语法》 - 206.精读《一种 Hooks 数据流管理方案》 - 207.精读《Typescript infer 关键字》 - 208.精读《Typescript 4.4》 - 209.精读《捕获所有异步 error》 - 210.精读《class static block》 - 211.精读《Microsoft Power Fx》 - 212.精读《可维护性思考》 - 213.精读《Prisma 的使用》 - 214.精读《web streams》 - 215.精读《什么是 LOD 表达式》 - 216.精读《15 大 LOD 表达式 - 上》 - 217.精读《15 大 LOD 表达式 - 下》 - 218.精读《Rust 是 JS 基建的未来》 - 219.精读《深入了解现代浏览器一》 - 220.精读《深入了解现代浏览器二》 - 221.精读《深入了解现代浏览器三》 - 222.精读《深入了解现代浏览器四》 - 223.精读《Records & Tuples 提案》 - 224.精读《Records & Tuples for React》 - 225.精读《Excel JS API》 - 226.精读《2021 前端新秀回顾》 - 228.精读《pipe operator for JavaScript》 - 230.精读《对 Markdown 的思考》 - 237.精读《Typescript 4.5-4.6 新特性》 - 238.精读《不再需要 JS 做的 5 件事》 - 239.精读《JS 数组的内部实现》 - 240.精读《React useEvent RFC》 - 242.精读《web reflow》 - 253.精读《pnpm》 - 254.精读《对前端架构的理解 - 分层与抽象》 - 255.精读《SolidJS》 - 256.精读《依赖注入简介》 - 257.精读《State of CSS 2022》 - 258.精读《proposal-extractors》 - 259.精读《Headless 组件用法与原理》 - 260.精读《如何为 TS 类型写单测》 - 261.精读《Rest vs Spread 语法》 - 262.精读《迭代器 Iterable》 - 263.精读《我们为何弃用 css-in-js》 - 264.精读《维护好一个复杂项目》 - 265.精读《磁贴布局 - 功能分析》 - 266.精读《磁贴布局 - 功能实现》 - 267.精读《磁贴布局 - 性能优化》 - 277.精读《利用 GPT 解读 PDF》 - 281.精读《自由 + 磁贴混合布局》 - 282.精读《自由布局吸附线的实现》 ### TS 类型体操 - 243.精读《Pick, Awaited, If...》 - 244.精读《Get return type, Omit, ReadOnly...》 - 245.精读《Promise.all, Replace, Type Lookup...》 - 246.精读《Permutation, Flatten, Absolute...》 - 247.精读《Diff, AnyOf, IsUnion...》 - 248.精读《MinusOne, PickByType, StartsWith...》 - 249.精读《ObjectEntries, Shift, Reverse...》 - 250.精读《Flip, Fibonacci, AllCombinations...》 - 251.精读《Trim Right, Without, Trunc...》 - 252.精读《Unique, MapTypes, Construct Tuple...》 ### 设计模式 - 167.精读《设计模式 - Abstract Factory 抽象工厂》 - 168.精读《设计模式 - Builder 生成器》 - 169.精读《设计模式 - Factory Method 工厂方法》 - 170.精读《设计模式 - Prototype 原型模式》 - 171.精读《设计模式 - Singleton 单例模式》 - 172.精读《设计模式 - Adapter 适配器模式》 - 173.精读《设计模式 - Bridge 桥接模式》 - 174.精读《设计模式 - Composite 组合模式》 - 175.精读《设计模式 - Decorator 装饰器模式》 - 176.精读《设计模式 - Facade 外观模式》 - 177.精读《设计模式 - Flyweight 享元模式》 - 178.精读《设计模式 - Proxy 代理模式》 - 179.精读《设计模式 - Chain of Responsibility 职责链模式》 - 180.精读《设计模式 - Command 命令模式》 - 181.精读《设计模式 - Interpreter 解释器模式》 - 182.精读《设计模式 - Iterator 迭代器模式》 - 183.精读《设计模式 - Mediator 中介者模式》 - 184.精读《设计模式 - Memoto 备忘录模式》 - 185.精读《设计模式 - Observer 观察者模式》 - 186.精读《设计模式 - State 状态模式》 - 187.精读《设计模式 - Strategy 策略模式》 - 188.精读《设计模式 - Template Method 模版模式》 - 189.精读《设计模式 - Visitor 访问者模式》 ### 编译原理 - 64.精读《手写 SQL 编译器 - 词法分析》 - 65.精读《手写 SQL 编译器 - 文法介绍》 - 66.精读《手写 SQL 编译器 - 语法分析》 - 67.精读《手写 SQL 编译器 - 回溯》 - 70.精读《手写 SQL 编译器 - 语法树》 - 71.精读《手写 SQL 编译器 - 错误提示》 - 78.精读《手写 SQL 编译器 - 性能优化之缓存》 - 85.精读《手写 SQL 编译器 - 智能提示》 ### 源码解读 - 48.精读《Immer.js》源码 - 73.精读《sqorn 源码》 - 75.精读《Epitath 源码 - renderProps 新用法》 - 82.精读《Htm - Hyperscript 源码》 - 92.精读《React PowerPlug 源码》 - 93.精读《syntax-parser 源码》 - 98.精读《react-easy-state 源码》 - 110.精读《Inject Instance 源码》 - 122.精读《robot 源码 - 有限状态机》 - 128.精读《Hooks 取数 - swr 源码》 - 130.精读《unstated 与 unstated-next 源码》 - 151. 精读《@umijs use-request》源码 - 155. 精读《use-what-changed 源码》 - 156. 精读《react-intersection-observer 源码》 - 227. 精读《zustand 源码》 - 229.精读《vue-lit 源码》 - 241.精读《react-snippets - Router 源码》 ### 商业思考 - 90.精读《极客公园 2019》 - 103.精读《为什么专家不再关心技术细节》 - 106.精读《数据之上·智慧之光 - 2018》 - 108.精读《智能商业》 - 114.精读《谁在世界中心》 - 115.精读《Tableau 入门》 - 116.精读《刷新》 - 131.精读《从 0 到 1》 - 135.精读《极客公园 IFX - 上》 - 136.精读《极客公园 IFX - 下》 - 137.精读《当我在分享的时候,我在做什么?》 ### 算法 - 198.精读《算法 - 动态规划》 - 199.精读《算法 - 滑动窗口》 - 200.精读《算法 - 回溯》 - 201.精读《算法 - 二叉树》 - 203.精读《算法 - 二叉搜索树》 ### 可视化搭建 - 268.如何抽象可视化搭建 - 269.组件注册与画布渲染 - 270.画布与组件元信息数据流 - 271.可视化搭建内置 API - 272.容器组件设计 - 273.组件值与联动 - 274.定义联动协议 - 275.组件值校验 - 276.keepAlive 模式 - 278.ComponentLoader 与动态组件 - 279.自动批处理与冻结 - 280.场景实战 ### SQL - 231.SQL 入门 - 232.SQL 聚合查询 - 233.SQL 复杂查询 - 234.SQL CASE 表达式 - 235.SQL 窗口函数 - 236.SQL grouping ## 关注前端精读微信公众号