前端技术学习目录
Lyk 2022/3/20 文章目录
# 前端学习网站和软件下载
# HTML+CSS
- 一、初识前端开发之常用的 HTML 相关元素学习（URL/URI 的补充）
- 二、对 CSS 的初步了解及 text 和 font 中 CSS 属性学习，CSS 选择器
- 三、CSS 属性的继承和层叠及 display，overflow 属性的学习，盒子模型及阴影属性的补充
- 四、CSS 设置背景及 HTML 高级元素的学习
- 五、字体图标和网络字体,精灵图及定位和浮动的深入学习
- 六、CSS 的 flex 布局
- 七、CSS 动画+水平垂直居中的方案+vertical-align
- 八、开发规范及组件化开发思想+meta 元素详解和 link 网站图标和 CSS 的字符编码补充
- 九、HTML5 新增元素，浏览器前缀，CSS 常见函数扩展及 BFC 的深入了解
- 十、响应式布局（自适应布局）和移动端适配方案及 less、Scss(Sass)的深入学习
# JS 基础部分
- 一、初识 JavaScript
- 二、JavaScript 的基本语法和变量及数据类型和数据类型转换
- 三、JavaScript 的运算符、分支语句、逻辑运算符、循环语句
- 四、JavaScript 函数的了解与使用
- 五、JavaScript 的面向对象
- 六、JavaScript 常见内置类（Number/Math/String/Array/Date）
- 七、JavaScript 的 DOM 操作
- 八、JavaScript 的事件处理
- 九、JavaScript 的 BOM 操作
# JS 高级部分
- 一、JavaScript 函数 this 指向和箭头函数
- 二、深入浏览器的渲染原理
- 三、深入 JavaScript 的运行原理及 JavaScript 内存管理和闭包
- 四、JavaScript 内存管理和闭包
- 五、JavaScript 函数和对象的增强知识
- 六、JavaScript 原型及原型链和 ES5 中实现继承的方案
# ECMAScript6~12
- 一、ES6 中类的深入学习及 ES6 实现继承（babel,js 中的多态，字面量的增强，解构）
- 二、新的 ECMA 代码执行描述和 let/const/var 及块级作用域的学习
- 三、模板字符串/标签模块字符串/ES6 中函数及箭头函数相关内容补充/展开运算符/深拷贝，浅拷贝的理解
- 四、Symbol 的使用(for in/of 的补充)及 Set/WeakSet，Map/WeakMap 的使用，强引用/弱引用
- 五、ES7~ES13 的特性
- 六、Proxy 和 Reflect 的深入学习
- 七、Promise 对象的深入学习
- 八、深入学习迭代器 iterator 和生成器 Generator
- 九、操作系统中的进程和线程及浏览器事件循环中的宏任务微任务队列的深入学习
- 十、异常(错误)处理方案及浏览器存储 Storage 和正则表达式 RegExp 的深入学习
- 十一、手写防抖节流和深拷贝和事件总线工具函数
- 十二、网路编程的深入学习
# 前端工程化基础
- 一、初识 Nodejs
- 二、Javascript 的模块化开发【CommonJS 和 ESModule 模块化开发】
- 三、前端开发常用的包管理工具(npm,yarn,pnpm,cnpm,npx)深入学习
- 四、邂逅 webpack 和 静态模块化打包文件及相关配置的深入学习
- 五、webpack 常见的插件和模式 及 webpack 搭建本地服务器
- 六、Git 版本控制工具的深入学习
# Vue3.0
- 一、初识 Vuejs 开发，vue 开发的初体验
- 二、Vue 基础语法 之 模板语法的深入学习
- 三、Vue 基础语法 之 模板语法的深入学习
- 四、Vue 组件化开发
- 五、插槽 slot
- 六、组件化的额外知识补充
- 七、Vue3 Composition API (一)
- 八、Vue3 Composition API (二)
- 九、Vue3 高级特性补充
- 十、Vue 全家桶 - Vue-Router 详解
- 十一、Vue 全家桶 – Vuex 状态管理
- 十二、Vue 全家桶 – Pinia 状态管理 及 网络请求库 axios 库
- 十三、项目搭建之代码规范
