web前端开发中遇到的问题整理记录——2020-05

目录

1. chromium目前不支持mp3音频格式
2. 前端字体最优设置
3. 前端代码规范
4. Object.defineProperty
5. 快速浮点数转整数
6. 数组去重

正文

1. chromium目前不支持mp3音频格式

2. 前端字体最优设置

body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","HelveticaNeue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}

3. 前端代码规范

https://codeguide.bootcss.com/#html-syntax

4.Object.defineProperty

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。

语法

Object.defineProperty(obj, prop, descriptor)

参数

obj

要在其上定义属性的对象。

prop

要定义或修改的属性的名称。

descriptor

将被定义或修改的属性描述符。

返回值

传入函数的对象。即第一个参数obj

针对属性，我们可以给这个属性设置一些特性，比如是否只读不可以写；是否可以被for..in或Object.keys()遍历。

给对象的属性添加特性描述，目前提供两种形式：数据描述和存取器描述

Object.defineProperty(obj,"test",{

configurable:true | false,

enumerable:true | false,

value:任意类型的值,

writable:true | false

});

参数：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

5.快速浮点数转整数

console.log(23.9 | 0) // Result: 23

6.数组去重

const list = [1, 1, 2, 3, 6, 45, 8, 5, 4, 6, 5];

const uniqueList = [...new Set(list)]; // [1, 2, 3, 6, 45, 8, 5, 4]

Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。