学习资源
书籍:JavaScript高级程序设计第4版(核心:js 的执行流程、垃圾回收、作用域)
mdn web docs:https://developer.mozilla.org/zh-CN/docs/Web(深入:js 工具书,基本涵盖 js 所有 API 的详细描述、使用方法)<br>
菜鸟教程:https://www.runoob.com/(基础:对 js 有个大概的了解)
资源整合:https://gitee.com/jishupang/web_atlas#https://gitee.com/link?target=https%3A%2F%2Fwww.bilibili.com%2Fvideo%2FBV1Sy4y1C7ha
腾讯课堂:https://ke.qq.com/
慕课网:https://www.imooc.com/
哔哩哔哩:https://www.bilibili.com/
极客时间:https://time.geekbang.org/<br>
工具
Visual Studio Code 编辑器
Chrome 浏览器
HTML
常用标签
区块 div / span<br>
标题 h1 ~ h6<br>
段落 p
图像 img
列表 ul / ol
超链接 a
表单 form
表格 table
框架 iframe<br>
属性
语义化
HTML5
新增语义化标签<br>
article、footer、header、nav、section...
新增表单属性<br>
autocomplete、autofocus...
本地存储
localStorage<br>
sessionStorage
CSS
引入方式
外部样式表<br>
内部样式表
内联样式
选择器
通配符、ID、class、标签、属性
后代、子元素(>)、相邻兄弟(+)、通用兄弟(~)、交集、并集
伪类选择器(:)、伪元素选择器(::)
选择器优先级
盒子模型<br>
内容、内边距、外边距、边框、盒子模型转换
定位
static、relative、fixed、absolute、sticky
内联元素、块状元素
BFC、IFC
预处理器 Scss
CSS3
动画<br>
过渡
渐变
背景
边框
圆角
字体
2d / 3d 转换
JavaScript
基础
语法、变量、关键字、值类型、引用类型、类型转换、流程控制
运算符
算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符
函数
声明式、表达式
匿名函数、立即执行函数
函数调用
Arguments
作用域、闭包、this
对象
Array
String<br>
Date
Boolean
Number
Math
BOM
setTimeout、setInterval
screen、location、history、navigator
DOM<br>
节点类型、属性
节点增、删、改、查、样式操作等
事件流、事件冒泡、事件铺获、事件监听
AJAX<br>
XMLHttpRequest、readyState<br>
JSON / FormData
高级
面向对象、构造函数、原型继承、作用域、作用域链
ES6 ~ ES11
let 和 const<br>
模板字符串
箭头函数
变量解构赋值
对象扩展和新增方法
Promise & async / await 异步编程
import / export 模块化