序言 ​

前端开发类别旨在记录周一在前端学习过程中的一些干货合集，包 11 个部分的内容，分别是CSS、JavaScript、vue.js、react.js、vue.js 原理解析、TypeScript、Webpack、vue3+ts 组件库开发、实战类、青训营 YouthCamp和掘金翻译计划。各部分的文章如下 👇

文章收录 ​

CSS ​

001-你可能对 position 和 z-index 有一些误解

002-谁动了我的选择器？深入理解 CSS 选择器优先级

JavaScript ​

001-了解 js 基础知识中的作用域和闭包以及闭包的一些应用场景，浅析函数柯里化

002-JS 中 this 的应用场景，再了解下 apply、call 和 bind！

003-解决异步问题，教你如何写出优雅的 promise 和 async/await，告别 callback 回调地狱！

004-提升对前端的认知，不得不了解 Web API 的 DOM 和 BOM

005-你真的理解事件绑定、事件冒泡和事件委托吗？

006-跨越跨域大山，前端不得不知道的 Ajax

007-你可能没有听说过 js 中的 DOM 操作还有这个:HTMLCollection 和 NodeList

008-一文梳理 JavaScript 中常见的七大继承方案

009-超保姆级教程带你实现 Promise 的核心功能

vue.js ​

001-万字总结 vue 的基本使用和高级特性，周边插件 vuex 和 vue-router 任你挑选

002-初探 vue3，速来围观 vue3 新特性

003-敲黑板！vue3 重点！一文了解 Composition API 新特性：ref、toRef、toRefs

004-紧跟 vue3 的步伐，再来 get 一波进阶新特性！

005-模块化妙用！用 vue3 实现一个鼠标追踪器和异步加载组件

006-vue3 的传送门 teleport 究竟有多神奇？suspense 发起异步请求有多简约？

007-浅谈前端路由原理 hash 和 history

react.js ​

001-初探 react，用 react 实现一个 todoList 功能

002-react 只停留在表层？五大知识点带你梳理进阶知识

003-Redux 从入门到进阶，看这一篇就够了！

004-React 快速入门，一文弄懂 react 的基本使用和高级特性

005-使用 React hooks，些许又多了不少摸鱼时间

vue.js 原理解析 ​

001-手把手教你剖析 vue 响应式原理，监听数据不再迷茫

002-面试中的网红虚拟 DOM，你知多少呢？深入解读 diff 算法

003-模板编译 template 的背后，究竟发生了什么事？带你了解 template 的纸短情长

004-vue2 的响应式原理学“废”了吗？继续观摩 vue3 响应式原理 Proxy

TypeScript ​

001-还不会 ts？一文带你打开 ts 的大门

002-代码缺乏装饰？使用 ts 装饰器来装饰你的代码

Webpack ​

001-不会 webpack 的前端可能是捡来的，万字总结 webpack 的超入门核心知识

002-webpack 入门核心知识还看不过瘾？速来围观万字入门进阶知识

003-万字总结 webpack 实战案例配置

004-webpack 实战之手写一个 loader 和 plugin

005-手写一个简易 bundler 打包工具带你了解 Webpack 原理

vue3+ts 组件库开发 ​

001-组件库实战 | 用 vue3+ts 实现全局 Header 和列表数据渲染 ColumnList

002-组件库实战 | 教你如何设计 Web 世界中的表单验证

一些好玩的实战类 ​

001-一张网页带你了解中秋节的前世今生

青训营 YouthCamp ​

001-【青训营】- 值得关注的 HTML 基础

002-【青训营】- 10 分钟带你探索 css 中更为奇妙的奥秘

003-【青训营】- 前端只是切图仔？来学学给开发人看的 UI 设计

004-【青训营】- 紧跟月影大佬的步伐，一起来学习如何写好 JS（上）

005-【青训营】- 紧跟月影大佬的步伐，一起来学习如何写好 JS（下）

006-【青训营】- 听红宝书译者谈 Web 视角下的前端开发

007-【青训营】- 每天都在红绿灯前面梭行，不如自己来实现个红绿灯？

008-【青训营】- 幂等问题 vs 如何判断是否是 4 的幂

009-【青训营】- 切西瓜法实现微信抢红包功能

010-【青训营】- 如何给扑克洗牌才能更公平？

011-【青训营】- 结营啦！有缘相聚于青训，未来高处见呀~~

掘金翻译计划 ​

001-JS 中的依赖注入 — 在测试中未使用过的最佳工具