npm切换淘宝镜像 　　npm的默认源是国外的，在日常下载中可能下载速度会较慢，我们可以将默认源切换到国内来加快下载速度。　　1、查看当前npm所有配置：npm config list　　2、查看npm当前默认源：npm config get registry　　3、设置淘宝镜像：npm config set registry https://registry.npmmirror.com/　　4、设置官方镜像：npm config set registry https://registry.npmjs.org　　5、单次下载使用：npm --registry=http://registry.npmmirror.com install

阿里云SSL免费证书申请与部署 免费SSL证书申请　　这里以阿里云为例，首先我们先进入阿里云的域名控制台，点击域名列表中的管理按钮，进入到域名的基本信息页面，点击开启SSL证书。　　进入SSL证书界面后，点击免费证书，然后点击立即购买按钮，每个人每年可以免费领取20个免费证书。在领取到免费证书后就可以点击创建证书来创建自己的SSL证书了，创建后点击证书申请，输入你要绑定的域名然后提交审核，等待审核完成后便就拥有属于自己的证书了。　　在审核完成后我们需要将证书下载下来，根据自己的服务器类型来下载对应的证书，我是Nginx的服务器所以选择pem格式下载了。下载下来的文件有key和pem两个格式。部署SSL证书（以宝塔为例）　　在我们下载证书完成后，登陆我们自己的宝塔，选择网站找到需要部署SSL证书的网站点击设置，然后选择SSL，点击其他证书，在秘钥（key），证书格式（pem）中分别将刚刚下载好的证书中对应格式的文件复制进去点击保存即可，将上面强制HTTPS打开。

CSS中display:none，visibility:hidden，opacity：0的区别 相同点1、三者都可以隐藏元素不同点占据空间1、display：none，隐藏之后是不占据空间的，而且它和它所有的子元素都会被隐藏。2、visibility：hidden ，隐藏之后是会占据空间。3、opacity：0，则是让元素变透明，也是会占据空间。子元素是否继承1、display：none，不会被继承因为都被隐藏了。2、visibility：hidden ，会被子元素继承，但是可以通过设置visibility：visible来让子元素显示。3、opacity：0，会被子元素继承。事件1、display：none，无法触发事件。2、visibility：hidden ，无法触发事件。3、opacity：0，仍会触发事件。动画1、display：none，不在生效。2、visibility：hidden ，不在生效。3、opacity：0，仍会生效。回流和重绘1、display：none，产生回流和重绘。2、visibility：hidden ，只会引起页面重绘。3、opacity：0，只会引起页面重绘。

Object 操作对象 在工作中遇到了一个需求，后端传来的是对象然后需要写一个方法将它改动为键名在一边，键值在另一边的形式　　在做请求后，获得了一个 JSON 格式的数据，然后其中的一个对象，根据需求需要改为 键名：键名：键名 = 键值：键值：键值 这种格式。在这里我们需要用到 Object.keys(obj) 和 Object.values(obj) 这两个方法来完成。Object.keys(obj)　　参数 obj 为你要改动的那个对象，这个方法会将对象中的键名全部保存在一个数组中作为一个返回值进行返回。Object.values(obj)　　参数 obj 为你要改动的那个对象，这个方法会将对象中的键值全部保存在一个数组中作为一个返回值进行返回。　　然后再将数组转换为字符串，再使用 repalce 方法repalce()　　该方法可以将字符串中的某些字符替换为另一个字符，该方法中有两个参数，后面的那个参数将替换掉字符串中前面的参数。let test = { name: 'Tom', age: '24', address: 'home', } // 将对象中的键名和键值分别取出，然后转换为字符串，再将字符串中的 '，' 改为 ':' const key = Object.keys(test).toString().replace(/,/g,':') const value = Object.values(test).toString().replace(/,/g,':') const str = `${key} = ${value}`