weekly - 前端精读周刊。帮你理解最前沿、实用的技术。
前端精读
前端界的好文精读，每周更新！
最新精读：256.精读《依赖注入简介》
素材来源：周刊参考池
现已涵盖：
前沿技术
- 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.精读《依赖注入简介》
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.精读《当我在分享的时候，我在做什么？》
算法
SQL
关注前端精读微信公众号
热门帖子
热门github
1
2
4
The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems.
(翻译：用于生成式 AI 的 Python 风险识别工具 (PyRIT) 是一个开放式访问自动化框架，使安全专业人员和机器学习工程师能够主动发现其生成式 AI 系统中的风险。)
5
7
8
9
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention.
(翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)
10
11
13