HTML5 新增的特性:video audio canvas svg code main time output progress mark(高亮的引用文字) menu template nav aside footer/header section
CSS3 新增的特性:它被划分为模块,选择器,框模型,背景和边框,文本效果,2D/3D 转换 ,动画,多列布局,用户界面
HTML5 新增的特性: video andio code canvas svg time template section main footer/header nav menu output asider progress mark
CSS3 新增的特性:有八个模块- 选择器,框模型,背景和边框,文本效果 2d/3d 转换 动画 多利布局 用户界面
块元素有:div ul li dl dt dd p h1-h6 from
行元素: a b span img input strong select lable em button
区别就是:
- 独霸一行,总是在新一行开始
- 没有设置宽度的话就会继承父级的 100%宽度
- 高度,行高,内外边距都可以设置
- 可以容纳其他内联元素和其他块级元素
- 行元素区别
- 行元素总是和其他元素在一行
- 高度,行高,内外边距都不可以改变
- 宽度和内容一样快,不可以改变
- 行内元素只可以容纳文本或者行内元素,margin 和 padding 的上下无效,左右有效,可以用 line-height 设置高度。
箭头函数和普通函数的区别
- 箭头函数是 ES6 的 API
- 箭头函数本身没有 prototype(原型),所以箭头函数本身没有 this
- 箭头函数的 this 指向在定义的时候继承自外层的第一个普通函数的 this
- 下面就讲述在一个普通函数中定义箭头函数,在另一个普通函数中执行箭头函数
- 不能直接修改箭头函数的 this 指向,但是我们可以通过间接的方式来修改箭头函数的 this,去修改箭头函数继承的普通函数的 this ,箭头函数自身也就发货所能了改变
- 箭头函数外层没有普通函数,严格模式还是非严格模式下,箭头函数的 this 都会指向 windows(全局对象)
- 唔,这个问题实际上是面试官提出来的,当时我认为的箭头函数规则就是:箭头函数的 this 指向继承自外层第一个普通函数的 this,现在看来真是不严谨(少说一个定义的时候),要是面试官问我:定义和执行不在同一个普通函数中,它又指向哪里,肯定歇菜…
- 在非严格的模式下会指向全局对象,在严格的模式下会指向 undefind
- 箭头函数外层没有普通函数,严格模式和非严格模式下箭头函数的 this 都会指向 windows 全局对象
- 学箭头函数的时候,学到另一个知识点 ES6 的 rest 参数 … 扩展符
- 箭头函数都是匿名函数,都不用写 function
- 箭头函数只有一个参数的时候可以省略 () let f = a => a // 传入 a 并返回 a 相当于 f(a){ return a }
- 箭头函数只有一条语句的时候可以省略 {} 和 return
- 箭头函数用圆括号是正确的写法 let fun = (a)=>({a})
- 箭头函数相对于普通函数语法更加简洁优雅
- 箭头函数不支持 new.target
- 使用 new 调用箭头函数会报错,因为箭头函数没有 constructor
- 箭头函数 this 取值于外部普通函数的 this ,不能直接修改或者通过 call apply bind 修改箭头函数的 this 值,但是可以修改外部普通函数的 this 值来修改箭头函数的 this 值,还可以调用。
css 隐藏页面元素有哪些方法
- display:none; 这个是彻底的隐藏元素,从文档流中消失,不占据页面空间的大小,也不能进行交互,更不会影响布局。
- z-index:-999 原理是将层级放到底部,这样就被覆盖了,也是看起来就是隐藏了
- opcity:0; 本质上是将元素的透明度设置为 0,看起来是隐藏了,但是还会占据页面空间的大小和进行相对应的交互。
- overflow:hidden; 只隐藏元素溢出的部分,但也据页面空间的大小,不能进行交互。
- tranfrom:scale(0,0); 平面变换,只是把元素缩小为0,占据空间,不可交互
- visibility:hidden;占据空间,不可交互
// sum = (这里写的是 sum 传的参数 xxxx)
export const sum = (xxxx) => xxxx.reduce((res, ele) => (res += ele), 0);
export const sum1 = (xxx) => xxx.reduce((res, ele) => res * ele, 1);
export default sum;
forEach 函数
- foreach 循环用于列举出集合中所有的元素
- foreach 语句中的表达式由关键字 in 隔开的两个项组成。
- in 右边的项是集合名,in 左边的项是变量名,用来存放该集合中的每个元素。
该循环的运行过程如下:每一次循环时,从集合中取出一个新的元素值。放到只读变量中去,如果括号中的整个表达式返回值为 true,foreach 块中的语句就能够执行。一旦集合中的元素都已经被访问到,整个表达式的值为 false,控制流程就转入到 foreach 块后面
的执行语句。
const array = ["aaa", "bbb", "ccc", "ddd"];
array.forEach((item, index) => {
console.log(item); // aaa bbb ccc ddd
console.log(index); // 0 1 2 3
console.log(arr); // 每一次都展示一次数组
});
filter 函数
const arr = [11, 22, 33, 44, 55, 66];
const getArr = arr.filter((item) => {
console.log(item); // 打印数组的每个元素 11, 22, 33, 44, 55, 66
return item > 11;
});
console.log(...getArr); // 22 33 44 55 66
},
在 上使用 v-for
- 不想套标签就用
<template>
可以用v-for
<ul>
<template v-for="item in xxxx">
<li>{{ xxxx }}</li>
</template>
</ul>
1121
- 8种基本数据类型
- 基本数据类型 String number boolean
- 复合型数据类型 Object Array function
- 其他数据类型 null undefined