掘友等级
获得徽章 0
#每天一个知识点#
翻转字符串
const reverse = str => str.split('').reverse().join('');
reverse('hello world'); // 'dlrow olleh'
#每天一个知识点#
数字分隔符 ES2021 提出来的，数字字面量可以用下划线分割，提高了大数字的可读性
// 旧语法
let number = 98234567
// 新语法
let number = 98_234_567
#每天一个知识点#
字符串转成数字
let total = parseInt('453');
let average = parseFloat('42.6');
let total = +'453';
let average = +'42.6';
#每天一个知识点#
cloneNode(Boolean) 拷贝节点，参数是 true 时表示拷贝元素以及元素下的所有子节点，参数 false 表示只拷贝当前元素，不拷贝子元素
#每天一个知识点#
px、em、rem的区别及使用场景
三者的区别:
px是固定的像素，一旦设置了就无法因为适应页面大小而改变
em和rem相对于px更具有灵活性，他们是相对长度单位，其长度不是固定的，更适用于响应式布局。em是相对于其父元素来设置字体大小，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而rem是相对于根元素，这样就意味着，只需要在根元素确定一个参考值。
使用场景:
对于只需要适配少部分移动设备，且分辨率对页面影响不大的，使用px即可。
对于需要适配各种移动设备，使用rem，例如需要适配iPhone和iPad等分辨率差别比较挺大的设备.
#每天一个知识点# v-show会生成vnode，render的时候也会渲染成真实节点，只是在render过程中会在节点的属性中修改show属性值，也就是常说的display
#每天一个知识点# display:inline-block 什么时候会显示间隙？
有空格时会有间隙，可以删除空格解决；
margin正值时，可以让使用负值解决；
使用 font-size 时，可通过设置 font-size:0、letter-spacing、word-spacing 解决;
#每天一个知识点#
cookie 储存的信息非常小 只有4k 生存周期可以设置 默认是浏览器关闭
localstorage的存储大小有5M,生存周期是永久的，除非手动删除
sessionstorage的存储大小也是5M，生命周期是到关闭浏览器窗口
#每天一个知识点#
加载CDN文件时，可以省掉HTTP标识
#每天一个知识点#
src与href的差别：
一个是外部资源 一个是网络资源
#每天一个知识点#
Proxy 对象来拦截对对象的访问和修改
#每天一个知识点#
hasOwnproperty() => 判断一个对象是否包含有属性或者对象
#每天一个知识点#
input 元素设置 readonly:true => 脚本无法修改 input 的值、
input 元素设置 disabled:true => 脚本无法修改 input 的值
input 元素设置 readonly:true => input 的值不会随表单提交
input 元素设置 disabled:true => input 的值不会随表单提交
#每天一个知识点#
caret-color 修改光标颜色
#每天一个知识点#
inherit 指定一个属性应从父元素继承它的值
#每天一个知识点#
简单的文字模糊效果
color: transparent;
text-shadow: #111 0 0 5px;
#每天一个知识点#
绝对定位和固定定位时，同时设置 left 和 right 等同于隐式地设置宽度
#每天一个知识点#
this的四种情况：
1.以函数的形式调用时，this永远指向window（浏览器）或global（nodejs）
2.以方法的形式调用时，this就是调用方法的那个对象
3.当以构造函数的形式调用时，this就是新创建的那个对象
4.使用call（）和apply（）调用时，this是指定的那个对象
#每天一个知识点#
const x = NaN
x !== x //true
www.baidu.com