2021前端高质量技术文章归纳

叙述

2021年培养了个好习惯,早上挤地铁的时候看一些技术文章,这一年看几百篇的技术文章,有的文章确实很水, 有的文章醍醐灌顶,有的文章至少读过四五遍,每遍都有新的感悟,总结在下面推荐大家阅读

回顾2021前端大事件总结

2021 年前端大事记

扫盲

Base64编码知识
深入理解浮点数
令你迷惑的位运算
TC39、ECMA-262、ECMAScript 究竟是什么关系？

CSS

如何理解 CSS - BFC
CSS 学习指南
CSS 基础拾遗（核心知识、常见需求）1.5 万字

6 个没人讲过的 CSS 属性
49 个在工作中常用且容易遗忘的 CSS 样式清单整理

CSS骨架屏 Skeleton 效果
CSS渲染性能提升
很好用的 UI 调试技巧

JavaScript

基础:
夯实 JS 主要知识点
ES6语法实操整理
数组方法整理
原理:
JS运行机制
JavaScript 是怎么运行起来的？
动图演示 Promises & Async/Await 的过程！
44道JS难题，做对一半就是高手
10 道 JavaScript 高频面试题（重要）
技巧:
12 个解决日常工作问题的JS 代码片段
34 个 JavaScript 优化技巧
269个JavaScript工具函数

React

React高频面试题梳理
掘金 2021 高赞 React 文章

从 setState 聊到 React 性能优化
React 中 setState 是一个宏任务还是微任务？

React八条优化建议
不优雅的 React Hooks
玩转react-hooks,自定义hooks设计模式及其实战
Error Boundaries如何实现的

学好这些 React 设计模式，能让你的 React 项目飞起来
React 是如何创建 vdom 和 fiber tree
深入 React 函数组件的 re-render 原理及优化
React 框架运行时优化方案的演进
可能是最详细的React组件库搭建总结
为了提升代码质量我做了哪些努力

Redux 通关简洁攻略 – 看这一篇就够了！

Vue

详解 30 道 Vue 面试题(建议收藏)
nextTick原理以及源码解析
Vue开发技巧及原理详解

7种Vue通信方法详解
Vue3 的 7 种和 Vue2 的 12 种组件通信

Vue3的v-memo应用在Vue2中，性能提升近10倍
Vue2迁移Vue3方法

Vuex使用指南
Vue 项目打包部署总结
大型 Vue 项目的 10 个最佳实践
基于 Vue 技术栈的微前端方案实践
做好这 16 个方向，逐步搭建出团队的 vue3 前端架构

TypeScript

Typescript也许应该这样入门才对
TypeScript 令人费解的声明文件
不可多得的 TS 学习指南「1.8W字」
Vue:
Vue3 + TS 项目构建指南
Vue3 + script setup + TS + Volar
基于 Vue3 和 TypeScript 项目大量实践后的思考
React:
用TypeScript编写React的最佳实践
React + TypeScript 实践总结篇

Webpack

终于有人把Webpack核心原理、babel、性能优化说清了
打包优化-Webpack体积压缩

性能优化

探究网页资源究竟是如何阻塞浏览器加载的
深入了解前端监控原理
前端页面性能指标基本介绍
#性能优化

工具

VS Code主题
2021年最流行的10款VSCode扩展
Chrome 新功能：支持录制、重放和测试用户操作！
Windows上帝模式掌管系统的一切
git 回滚代码
css,js兼容性查询

架构

mock服务搭建
前端鉴权方法整理: cookie、session、token、jwt、单点登录
减少重复的请求，也许这个库能帮到你
规范并格式化代码指南
前端架构师神技，三招统一团队代码风格
2022年如何成为一名优秀的大前端Leader

其他技术

Node.js 命令行工具包开发指南
Nginx配置中一个不起眼字符"/"的作用详解
工程实践 | 在 Flutter 中实现一个精准的滑动埋点
Node.js 整体架构与九个核心模块实现
Commander.js 指南
面试必备：服务端15连问
单元测试