一、实例演示事件冒泡与事件委托1.事件冒泡 事件由内向外,逐级向上传递,直到根元素 事件冒泡可以被禁用:ev.stopPropagation() 点击 ...

1. DOM元素的增删改 2. DOM元素内容的增删改查 3.指定位置的插入 4. 仿写留言板案例 5. dataset对象1. DOM元素的增删改 1.createElement:新增元素 2.append:尾部追加元素 3.createDocum...

参考课件中的练习目录,仿写页脚与主体1 . main主体html

作业内容：1. class 声明与实例化,属性,方法,静态方法与继承的语法 2. DOM元素的获取方法演示 3. DOM遍历的常用方法 1.class 声明与实例化,属性,方法,静态方法与继承的语法1.声明：class2.属性：constructor...

vscode常用设置1. Prettier设置 在所有代码语句的末尾加分号 2.连字与字体设置

循环的5种形式 1.while 2.for 3.for..of 4.for…in 5.forEach()/map() 循环的三要素 1.循环入口 2.条件：true开始,false结束 3.更新条件，避免死循环 循环用于数组和对象 1.w...

1. Grid布局概念：网格布局或栅格布局，是二维布局，可以在水平和垂直方向上同时布局容器：`display:grid/inline-grid`项目：grid容器的子元素（仅限子元素，可以嵌套）单元格：项目载体，多个单元格可构成`网格区域`单元格或网...

Flex 项目属性示例 flex: 项目在”主轴”上的缩放比例与宽度place-self 某项目在”交叉轴”上的排列方式order: 项目在”主轴”上的排列顺序 1. flex: 项目在”主轴”上的缩放比例与宽度设置了弹性项目如何增大或缩小以适应其弹...

选择器的权重css 选择器：层叠样式表，由原子选择器（tag,class,id）构成 tag:标签选择器，相当于“个位”class:类选择器，相当于“十位”id:ID 选择器，相当于“百位”在 css 选择器上鼠标停留可以看权重0,0,1：0 代表...

实例演示绝对定位与固定定位,并描述联系与区别 2. 实例演示flex必会的容器与项目属性 元素定位一、定位position1 定位术语 定位元素:position: relative,absolute,fixed；最初包含块：包含了的不可见的，但可...

JavaScript 基本语法JavaScript: 以下简称”JS” 1. 体系 ECMA: 基本语法DOM: 文档对象模型BOM: 浏览器对象模型 2. 特点 解释型动态语言解释型: 不用编译,所有运行时才会发现错误动态型: 数据类型运行时可变(...

一. 表单概念表单：是一个复合元素，用多个标签描述 二. 常用标签1 :表单控件容器1.1 form.action:后端处理的脚本属性1.2 form.method:表单数据提交方式，默认为 GET(1)GET:数据以键值对方式，添加到 url 中，...

html 基础知识1.html 文档结构 结构化：层级，树形结构（根/枝/叶）DOM:文档对象模型文档：html 文档对象：文档及内部成员模型：文档结构抽象表示 html 不区分大小写，推荐全小写 元素,标签与属性2.元素元素：页面成员，元素是网页的...

CSS选择器的权重计算方式/盒模型与CSS常用单位一、选择器的权重1.1 选择器的概念css 选择器：层叠样式表，由原子选择器（tag,class,id）构成 tag:标签选择器，相当于“个位”class:类选择器，相当于“十位”id:ID 选择器...

javascript的基本知识一、数据 1 变量: let, 声明,初始化,更新 2 常量: const, 声明时必须初始化,禁止更新 以后编程时, 首选常量,除非确定以后这个值会更新 (1) 变量变量的概念：是存储值的容器。要声明一个变量，先输入...