前端零碎知识点

1.清除 input 输入框历史输入记录

autocomplete="off"

2.ant design 日期选择框等，日期选择随着页面滚动而滚动

:getPopupContainer="(triggerNode) => triggerNode.parentNode"

3.正确判断是否是对象\数组等的方法

Object.prototype.toString.call({}) === '[object Object]' // 判断对象 Object.prototype.toString.call([]) === '[object Array]' // 判断数组

4.node 中的 require 解析规则

在node中require可以解析三种文件格式，分别是 .js、.json、.node 文件，其他任何的文件格式都会以.js文件的形式解析加载

问：文件名 xxx.md 的文件，内容如下

console.log('能正常输出吗？')

在require('./xxx.md')后，会报错吗？

答：能正常执行，不会报错

5.vue 中使用 typescript，template模板中添加代码提示

在 vscode 的 settings.json 配置中添加如下配置

"vetur.experimental.templateInterpolationService": true,

6.vscode 无法格式化 .tsx .ts .less 文件

可能在vscode的配置里面 editor.defaultFormatter 没有配置，或者配置成了限定文件，在vscode的配置文件settings.json中添加如下配置

"editor.defaultFormatter": "esbenp.prettier-vscode",

7.typescript 中的 String

string：Typescript中的字符串类型 String：Typescript中的字符串的包装类的类型

8. get请求 url 地址拼接

const params = {
    a: 1,
    b: 2,
}
const joinParams = new URLSearchParams(Object.entries(params))

joinParams.toString() // a=1&b=2

9. 谷歌浏览器滚动条重置

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}