前端技术日志

做人当如少年唐

  • Home
  • Archives

flex总结

Posted on 2021-10-15

Flex 布局-容器

1
div { display: flex | inline-flex }

属性值

值 描述
flex-direction flex-direction属性决定主轴的方向(即项目的排列方向)。
flex-wrap 默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,如果一条轴线排不下,如何换行。
flex-flow flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。
justify-content 项目在主轴上的对齐方式。
align-items 项目在交叉轴上如何对齐。
align-content align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。
Read more »

javascript隐式转换

Posted on 2021-10-14

js中的不同的数据类型之间的比较转换规则如下:

1. 对象和布尔值比较

对象和布尔值进行比较时,对象先转换为字符串,然后再转换为数字,布尔值直接转换为数字

1
[] == true;  //false  []转换为字符串'',然后转换为数字0,true转换为数字1,所以为false
2. 对象和字符串比较

对象和字符串进行比较时,对象转换为字符串,然后两者进行比较。

Read more »

javascript笔记

Posted on 2021-10-14

有条件地向对象添加属性

使用展开运算符号(…)来有条件地向 JS 对象快速添加属性

1
2
3
4
5
6
const condition = true;
const person = {
id: 1,
name: 'John Doe',
...(condition && { age: 16 }),
};

检查属性是否存在对象中

使用 in 关键字来检查 JavaScript 对象中是否存在某个属性。

1
2
3
const person = { name: '前端', salary: 1000 };
console.log('salary' in person); // true
console.log('age' in person); // false
Read more »

数组方法总结

Posted on 2021-10-13
方法名 功能 返回值 是否改变原数组
concat 通过合并(连接)现有数组来创建一个新数组 返回合并之后的数组 否
copyWithin 将前两个数组元素复制到最后两个数组元素 数组,被改变的数组 是
entries 创建一个 Array Iterator 对象,并创建一个循环来迭代每个键/值对 方法返回带有键/值对的 Array Iterator 对象 否
every (迭代) 判断数组中所有的元素是否满足某个条件 全都满足返回true 只要有一个不满足 返回false 否
fill 用静态值填充所有数组元素 数组,改变后的数组。 是
find 方法返回数组中第一个通过测试的元素的值 如果数组中的任何元素通过测试,则返回数组元素值,否则返回 undefined。 否
findIndex 方法返回数组中通过测试的第一个元素的索引 如果数组中的任何元素通过测试,则返回数组元素索引,否则返回 -1 否
from 从字符串创建数组 Array 对象 否
isArray 检查对象是否为数组 布尔值。如果对象是数组则返回 true,否则返回 false。 否
keys 方法返回带有数组键的 Array Iterator 对象 Array Iterator 对象 否
push (在结尾)向数组添加一或多个元素 返回新数组长度 是
unshift (在开头)向数组添加一或多个元素 返回新数组长度 是
pop 删除数组的最后一位 返回被删除的数据 是
shift 删除首个数组元素,并把所有其他元素“位移”到更低的索引 返回被删除的数据 是
reverse 反转数组中的元素 返回反转后数组 是
sort 以字母顺序(字符串Unicode码点)对数组进行排序 返回新数组 是
splice 在指定位置删除指定个数元素再增加任意个数元素 (实现数组任意位置的增删改) 返回删除的数据 是
join 用特定的字符,将数组拼接形成字符串 (默认”,”) 返回拼接后的新数组 否
slice 裁切指定位置的数组 被裁切的元素形成的新数组 否
toString 将数组转换为字符串 新数组 否
valueOf 查询数组原始值 数组的原始值 否
indexOf 查询某个元素在数组中第一次出现的位置 存在该元素,返回下标,不存在 返回 -1 否
lastIndexOf 方向查询数组某个元素在数组中第一次出现的位置 存在该元素,返回下标,不存在 返回 -1 否
forEach (迭代) 遍历数组,每次循环中执行传入的回调函数 无/(undefined) 否
map (迭代) 遍历数组, 每次循环时执行传入的回调函数,根据回调函数的返回值,生成一个新的数组 有/自定义 否
filter (迭代) 遍历数组, 每次循环时执行传入的回调函数,回调函数返回一个条件,把满足条件的元素筛选出来放到新数组中 满足条件的元素组成的新数组 否
some (迭代) 判断数组中是否存在,满足某个条件的元素 只要有一个元素满足条件就返回true,都不满足返回false 否
reduce (归并)遍历数组, 每次循环时执行传入的回调函数,回调函数会返回一个值,将该值作为初始值prev,传入到下一次函数中 最终操作的结果 否
reduceRight (归并)用法同reduce,只不过是从右向左 同reduce 否
includes 判断一个数组是否包含一个指定的值 是返回 true,否则false 否
Read more »

markdown

Posted on 2021-10-12

Markdown 标题

使用 # 号标记

使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
Read more »

前端笔记

5 posts
© 2015 — 2022 京ICP备20020372号-1
Powered by Hexo
|
Theme — NexT.Pisces v5.1.4