概述
本文整理了前端开发的基础与进阶知识,涵盖 HTML 结构、CSS 样式布局、JavaScript 核心语法及 DOM 操作,以及 Vue 2 和 Vue 3 框架的关键特性。
HTML+CSS
学习 https://developer.mozilla.org/zh-CN/docs/Learn/CSS
| 学习路线 | 知识定位 |
|---|
| HTML 基础 | 标签、表格、表单、按钮、div、单元格合并 |
| CSS 基础 | 基本语法、选择器、使用方式、优先级、层叠样式、继承特性 |
| CSS 常用样式 | 字体样式、文本样式、列表样式、背景样式、鼠标样式、伪类样式、设置透明度 |
| CSS 内容盒子与边框盒子 | 边框、内边距与外边距 |
| CSS+HTML 实现元素定位 | 相对定位、绝对定位、固定定位、z-index 样式、数量角标、透明度 |
| CSS 弹性布局 | justify-content 主轴排列方式、align-items 与 align-content 侧轴排列方式 |
JS
| 学习路线 | 知识定位 |
|---|
| JavaScript(JS 基础) | js 编写方式、js 基本写法、数据类型,== 和 === 、流程控制语句 |
| JS 中的函数与数组 | 函数定义与调用、函数参数与返回值、let 与 var 关键字使用、数组创建及使用 |
| JS 中常用内置对象 | 数组常用方法、字符串常用方法、数学对象常用方法、全局对象方法 Global |
| BOM 模型 | window 对象常用方法、location 地址栏对象、history 对象 |
| DOM 模型 | 获取 DOM 对象常用方法、获取 DOM 对象时机、操作 DOM 属性、常用 DOM 对象属性、遍历 DOM 数组 |
| DOM 编程事件与简单编程 | 事件绑定、DOM 编程应用 |
| JSON 轻量级数据交换格式 | 前后端数据交换格式比较、JavaScript 自定义对象 |
| jQuery 从入门到应用 | jQuery 对象、jQuery 选择器、Dom 操作、jQuery 事件、Ajax |
Vue2
| 学习路线 | 知识定位 |
|---|
| Vue2 属性绑定 v-bind | 属性绑定 v-bind |
| Vue2 事件绑定 @ | 单击、双击、内容改变、键盘按下抬起、鼠标移入移出、表单事件、组合事件示例 |
| Vue2 条件渲染 | v-if、v-else、v-else-if、v-show 以及 v-has 自定义指令 |
| Vue2 双向绑定 v-model | v-model 双向绑定 |
| Vue2 列表渲染 | 基本数组渲染、对象属性渲染、表格数据渲染、动态表单生成、级联选择器、数据更新视图不刷新、动态过滤/排序、空状态处理 |
|