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

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

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

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

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

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

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

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

JS访问器属性/字符串和数组方法/循环队列JS访问器属性1.这个属性不包含数据值，包含的是一对get和set方法，在读写访问器属性时，就是通过这两个方法来进行操作处理的。 传统访问属性 let staff = { data: { ...

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

前端开发学习1. 学习方式 直播:PC(推荐),APP回放/源码: PC 课程页面, Git作业: Blog(博客)提问: QQ 群 2. 常用术语 http: 超文本/传输/协议 超文本: html传输: tcp协议: 合同/规则特征: 无状态 u...

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

JS基本语法（引用类型/作用域/对象简化/流程控制） 引用类型引用类型：数组/对象/函数 1.数组1.1 定义数组:使用关键字const 数组成员可以是任意类型 const arr=[1,'admin',true]; 1.2 访问查看数组 //...

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

字体图标与媒体查询一、字体图标字体图标的引入与显示/ 实例演示媒体查询(移动优先) 阿里图标: https://www.iconfont.cn/Unicode: 兼容性好class: 直观,通用演示图标引入与显示1 从阿里图标找中意的图标，使用U...