1.DOM操作之增删改 // 创建元素 const ul = document.createElement("ul"); // 追加元素 document.body.append(ul); f...

1.类数组 1.类数组就是对象，属性也是从0开始有lenth属性 2.类数组和真数组访问方式一样 const url = { 0: 111, 1: 222, 2: 333, ...

1.用class实现自有成员，共享成员，静态成员的声明和输出！class US2 { // 构造方法,初始化 constructor(name, num) { // 自有成员 this....

1.函数返回值方法 // 数组 const g = () => [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(g()); // 对象 f = () => ({ ...

1.数据类型 数据类型 1.原始类型：number(数值),string(字符串),Boolean; 2.引用类型：array,object,function;演示如下 // 数值 console.log(1111); ...

一，常量和变量 //常量（常量必须初始化/赋值） let a = "我是常量"; console.log(a); // 变量 // 声明变量并且初始化(变量可以不初始化，后面在赋值) let b = "我是变量";...

仿某视频网站 效果图如下 直接给上代码 html代码

CSS-grid常用的9大属性1.创建grid网格 /* grid建立网格 */ display: grid;2.grid-template-columns/rows显示生成网格单元 /* 创建3列.宽高10em */ grid-templa...

一.flex容器属性1.flex-flow属性 flex-flow属性是控制主轴方向和是否允许换行。 /*禁止换行*/flex-flow: row nowrap; /*允许换行*/flex-flow: row wrap;允许换行演示 2.place...

1.绝对定位演示绝对定位: position: absolute，下面我们先演示一下 css代码如下 .box { border: 2px solid; width: 500px; height:...

1.class方式引入字体图标1.先下载矢量图标，我这里用的是阿里的，大家也可以用这个，我们选择Font class，下载，解压好，等待调用. 2.引用图标库，（为了后期各种因素，我们是不直接使用官方的图标库css的） 引用图标库 @import "...

1.伪类选择器什么是伪类？伪类用于定义元素的特殊状态。例如，它可以用于： 获取列表前三行 .list > li:nth-of-type(-n + 3) { background-color: blue;}效果图如下： 获取最后三个 .list >...

1.了解CSS如何插入样式表和优先级如何插入样式表 插入样式表的方法有三种: 外部样式表(External style sheet)内部样式表(Internal style sheet)内联样式(Inline style) 外部样式表 当样式需要应...

表单几个常用元素元素属性 类型 描述 表单元素 内联框架 ,常用于后台布局或...

【案例一】a标签和img标签配合三种列表标签写出图片导航演示 直接给上代码