一、实例演示事件冒泡与事件委托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) 变量变量的概念:是存储值的容器。要声明一个变量,先输入...