React
- 【React & PWA】Twitter Lite and High Performance React Progressive Web Apps at Scale
- 【React & PWA】大型高性能React PWA如何消除各类性能瓶颈?
- How to better organize your React applications?
- React, Inline Functions, and Performance
- 揭秘 React 状态管理
- How to greatly improve your React app performance
- D2 - 打造高可靠与高性能的React同构解决方案
- 深入理解 React 高阶组件
- 当初要是看了这篇,React高阶组件早会了
- React 设计模式和场景分析
- React v16.6.0: lazy, memo and contextType
- React 新 Context API 在前端状态管理的实践
- 对React Hooks的一些思考
- 干货 | React模块懒加载初探
- Deploying ReactJS With Docker
React Native
- React Native Performance — An Updated Example
- 学习React Native必看的几个开源项目
- Moving Beyond Animations to User Interactions at 60 FPS in React Native
- React Native—手势响应系统
- 6 TIPS YOU WANT TO KNOW ABOUT REACT NATIVE PERFORMANCE
- 前端组件化开发方案及其在React Native中的运用
Vue
Flutter
- 关于Flutter,你想知道的都在这里了!
- 干货 | 高效开发与高性能并存的UI框架——携程Flutter实践
- 桌面上的Flutter:Electron又多了个对手
- 【Flutter教程】从零构建电商应用
- 使用 Flutter 开发 macOS App
JavaScript
- 谁说Javascript简单的?
- WTF JavaScript???
- 如何写出小而清晰的函数?(JS 版)
- 几种 JavaScript 动画库推荐
- 100个直接可以拿来用的JavaScript实用功能代码片段
- How to Speed Up Lo-Dash ×100? Introducing Lazy Evaluation.
- JavaScript 性能优化技巧分享
- JavaScript的隐形成本
- [译] 深入理解 ES Modules (手绘示例)
- 渐进式Web应用(PWA)入门教程(上)
- 渐进式Web应用(PWA)入门教程(下)
- 前段进阶必备:JavaScript 内存机制
- 深入了解JavaScript引擎精华
- JS 中可以提升幸福度的小技巧
- We have a problem with promises
- 前端模块化详解
- Javascript 之 Scroll 事件
- Object.assign 原理及其实现
- JavaScript性能优化之摇树
- 回到最初:开发不需要“编译” 的 WebApp
- quicklink 为你的页面实现秒开
CSS
- 编写模块化的 CSS(第一部分) —BEM
- 编写模块化的 CSS(第二部分)—命名空间
- 编写模块化的 CSS(第三部分)—CSS 文件组织结构
- 了解真实的『REM』手机屏幕适配
- 什么是关键 CSS
- 神奇的选择器 :focus-within
- Flexbox,终于可以承认自己明白了
- CSS性能优化的8个技巧
- 妙用 scale 与 transfrom-origin,精准控制动画方向
- 编写模块化CSS - BEM
- 【译文】CSS 与网络性能
- CSS Animation 101
HTML
- 开箱即用的网站可访问性提升指南
- 使用 font-display 提升使用自定义字体(font-face)时的性能与用户体验
- 【年底补课】HTTP缓存机制
- 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!
- 有一种优化,叫Preload
- 浏览器页面渲染机制,你真的弄懂了吗?
- HTML5 prefetch
- 资源预加载preload和资源预读取prefetch
- 常用meta整理
- 【Input】如何做一个听话的 “输入框”
Node
Webpack
- Webpack HMR 原理解析
- Webpack 构建优化
- 深入理解 webpack 文件打包机制
- webpack使用CommonsChunkPlugin拆包心得
- 你拆分JS代码的方法可能是错的!
- 这 5 个关键点 ,带你深入 Webpack
Git
Others
- Pragmatic view of the modern front-end application development
- 泛型的意义和作用
- 关于 RESTFUL API 安全认证方式的一些总结
- Facebook 这类网站如何处理数十亿请求并保持高可用性的?
- 架构师必须知道的架构设计原则
- IMVC(同构 MVC)的前端实践
- 浅谈 MVC、MVP 和 MVVM 架构模式
- 精读《REST, GraphQL, Webhooks, & gRPC 如何选型》
- 想写好前端,先练好内功
- 前端码农之蜕变 — AST(抽象语法树)
- 应对流量劫持,前端能做哪些工作?
- 前端决策树
- 如何优雅处理前端异常?
- 九种跨域方式实现原理(完整版)