七零八碎的记录（持续更新中）

• 获取元素高度

clientHeight：获取高度有偏差，会四舍五入，导致高度不是很准确
getBoundingClientRect():获取高度是精准的

• 设置滚动距离

document.documentElement.scrollTop（vue不生效）
window.scrollTo(0, 0)

• 百度地图根据经纬度获取位置

http://api.map.baidu.com/reverse_geocoding/v3/?ak=**********&output=json&coordtype=bd09ll&location=33.35194364323275,117.39403228762&extensions_poi=1

• 百度地图根据地址搜索列表

https://api.map.baidu.com/place/v2/suggestion?query=天安门&region=北京&city_limit=true&output=json&ak=你的ak //GET请求

参考文章：https://lbsyun.baidu.com/index.php?title=webapi/place-suggestion-api

• 手机H5查看console.log打印

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>

• 改变图片背景色

position: relative;
left: 5000px;
filter: drop-shadow(#fff -5000px 0);

• 执行完这次循环再进入到下一次循环

// for...await...of
// 异步函数
const asyncFunc = () => new Promise((resolve, reject) => {
    setTimeout(() => {
        console.log('等待执行了');
       resolve()
    }, 1000)
});

const arr = [1,2,3,4];

// 下面3种方式都能等待异步完成
for(const[x,i] of arr.entries()) {
    await asyncFunc();
    console.log('异步执行完成',x,i);
}

-密码强度校验

 1. 安装zxcvbn
npm install zxcvbn

 2. 接入
import zxcvbn from 'zxcvbn'
// 使用 zxcvbn 评估密码强度
const specialChars = [] // 特殊字符
const password = this.formData.newpwd // 这里的密码包含了在 specialChars 数组中定义的特殊字符
const result = zxcvbn(password, specialChars)
this.zxcvbnScore = result.score

-vue2 移除正式环境打印

1、需要安装babel-plugin-transform-remove-console插件
npm install babel-plugin-transform-remove-console

2、配置babel.config.js
// 所有生产环境，或者也可以配置测试环境
const prodPlugin = []
if (['production'].includes(process.env.NODE_ENV)) {
  // 如果是生产环境，则自动清理掉打印的日志，但保留error 与 warn
  prodPlugin .push(['transform-remove-console', { 'exclude': ['error', 'warn'] }])
}
 
module.exports = {
   plugins: [
     prodPlugin 
   ]
}