一、页面自动加载数组构成的图片HMTL代码，必要地方都有注释。

一、事件冒泡和事件代理1. 事件冒泡：元素事件的触发，默认会向上（父级）传递，当父级元素有同名事件时，会被自动触发，这种传递默认可以传至window。 ...... item1 item2 ...

一、dom增删改的常用方法1. 常用接口 createElement(ele)创建新元素，document上调用。append(string/ele)追加到父级最后的子节点之后，在父节点上调用。before(string/ele)在某元素之前插入节点...

一、类数组纯数组 ... const arr = ['red', 'green', 'blue']; console.log(arr); // 数组也是对象 console.log(arr...

一、用class创建一个类, 并实现自有,共享,静态成员的声明与输出... ... class demo { //公共成员 username = '小明'; ...

一、函数参数与返回值1. 参数1.参数不足时给个默认值。2.参数过多时会被丢弃。可以用“…”接收过多的参数，也可以用“…”展开接收的参数。 ... // 1.参数不足，赋默认值。 function f(param='默认参数'){...

一、常用数据类型1. 数字、字符串、布尔型、null... console.log(100); console.log(typeof(100)); console.log(typeof(100.1))...

一、变量、常量、函数和作用域1. js在HTML内的引入方式 ...

一、成果展示 二、代码为了代码展示方便，就不做工程化了，一个HTML文件和一个CSS方便直观查看。 HTML代码

一、三大视口介绍和换算关系布局视口:面向开发者，用width表示。视觉视口：面向设备，与具体设备相关，用device-width表示。理想视口：理想视口就是开发者开发的内容，在设备显示的时候不用拖动，不用缩小放大，正好可以显示，即width=devi...

1. html代码

grid的9个属性HTML基础代码

flex的6个常用属性1. flex-flow属性flex效果HTML代码

一、相对定位和绝对定位及固定定位html基础代码 &l...

一、CSS布局常用单位1. 绝对单位px像素in英寸 1in等于96px 2.相对单位2.1 % 相对父级的百分比2.2 em和rem1em默认是16pxem受父类影响，rem受根元素也就是HTML的影响。 一般为了保证浏览器正常的阅读，em ...