ES6 实例演示二个获取元素的apiquerySelector/querySelectorAll与getElementby相比较优势是：可以使用 CSS 风格的 Selectors；并且几乎支持所有CSS选择器的 syntax 风格 querySe...

话不多说,直接看效果 以下是源码html

表单作业用到了input select textarea progress 这四个标签其中,input用到了若干不同的type,如:type=text type=password type=radio type=file type=checkbox ...

不同数组类型与访问方式// 数组类型// 一维数组const arr1 = ["华为手机",9999,20]console.log(arr1[0],arr1[1]) //华为手机,9999// 当然,也可以使用Array.length 值,反向遍历访...

均以以下html代码进行演示 .container { display: grid; grid-template-columns: repeat(3, 100px); grid-template-rows: repeat...

状态伪类form中使用了:focus-within 和 :enabled.浏览mdn时,发现另外一个有意思的(非表单常用)状态伪类:target需要说明一下,:link这个状态伪类虽在新写项目中意义不大,但在一些”老”项目中,与:active``:v...

实例演示class类与extends,super等的用法 extends 用于类声明或者类表达式中，创建一个类，表示该类是另一个类的子类，例如： class A = {}; class B extends Asuper 关键字用于访问对象字面量或类的...

实例演示对象与数组的解构赋值数组解构赋值 let [brand,price] = ['苹果手机',8848]; console.log(brand,price); // 苹果手机 8848 // 更改数组参数的值 [brand,pric...

Markdown 语法1. 标题## 这是一个二级标题### 这是一个三级标题#### 这是一个四级标题显示效果如下， 这是一个二级标题这是一个三级标题这是一个四级标题2. 分隔符--- 显示为一整行分割线 3. 段落纯文本标记语言，直接换行即可比如...

flex容器与项目常用属性&&图示常用术语flex是flexsible box 模型,通常被称为flexbox,是一种一维的布局模型. flex-direction:row;/*默认沿着横向主轴(inline)排列*/flex-direction:c...

em, rem特点,应用场景em 特点&应用场景em是相对于父元素的相对长度单位,是取决于自身的font-size大小.换句话说,如果某个元素未直接定义自身的font-size大小,则受其父元素font-size的影响(继承).特别需要说明的是,该元...