事件传递机制与事件冒泡/事件代理事件三要素1.事件名称：字符串’click’、’keydown’、’scroll’2.事件主体：元素、、、3.事件方法：函数function(ev){…} 事件传递机制与事件冒泡 item1

DOM元素的增删改 // 创建新元素：createElement() const ul=document.createElement('ul'); // 添加元素：append() document.body.append(u...

JS作用域1.行内脚本：用在事件属性（onclick）2.文档脚本：xxx3.外部脚本： 类数组1.纯数组（真数组） const colors=['red','green','blue']; console.log(...

用类来简化构造函数创建对象的过程js类就是函数ES6 class // class 声明类 class Demo1{ // 公共成员 username='朱老师'; // 构造方法，实例初始化 const...

函数参数与返回值// function hello(参数){ // return 返回值// }function hello(username){ return 'hello,'+username;}console.log(hello(...

数据类型1.原始类型：number(数值)、string(字符串)、boolean(布尔值)、undefined(变量默认值)、null(空)特点：单值；动态（由值的类型决定） console.log(100); // 数值(1,2,3...) /...

JS:全称javascriptjs标签（内部js）：引用js:（公共js） 查看结果：console.log('hello world')console控制器对象'hello world'字面量/字符串''和""引号（...

html

grid容器、项目属性容器属性grid布局三步：1.创建grid容器 display: grid 2.划分网格单元grid-template-columns列设置grid-template-rows行设置如： grid-template-column...

flex布局术语、容器、项目主轴：元素排列交叉轴：元素对齐container可以用作其它元素的容器（块级盒子）display:flex转为弹性盒子 容器属性：1.flex-flow主轴方向是否换行flex-flow：row nowrap主轴方向不允许...

默认布局与元素类型文档布局流position:static静态定位 默认情况下，元素布局的完整流程1.把内容（匿名文本）放到一个独立的盒模型，如div2.为盒子添加上padding/border/margin3.盒子的种类3.1 块级属性：displ...

css布局常用单位1.绝对单位：像素px,1in=96px(in表示英寸)2.相对单位：需有参照物2.1“%”：参照父级2.2”em“:字号大小font-size，参照浏览器（默认16px=1em）,em是一个变量，受自身或父级影响2.3“rem”:...

伪类选择器1.结构伪类根据位置来获取元素伪类选择器用:nth-of-type()来表达 :nth-of-type(an+b)表达式a:系数n:参数b:偏移量，从0开始 选择元素的两种情形：1.1选择1个，a=0css .list>li:nth-of-...

元素的样式颜色、字体、背景可继承优先级：自定义>继承>默认 内联样式：style属性，适用于当前特定的某个元素 xxx xxx

表单元素 发送方式/请求方式发送的数据2.1 自定义：用户自己输入，方式最灵活2.2 预定义：开发者写好，方式最安全 提交方式：get默认的查询方式,将用户的查询参数用过url发送到服务器端post常用于写操作，也可以查询，向服务器提交数据 案例 注...