juejin_cn

项目中引入了百度地图，但发现地图的 click 事件在 H5 没反应，查找一番发现原因是在移动端百度地图不支持 click 事件。

父组件维护 loading，传递给子组件； 子组件自己维护 loading，父组件改变子组件传来的对象的属性，子组件监听该对象属性的改变。

Vue 项目中要引入百度地图 jssdk，项目中的其他 jssdk 都是用如下方法异步加载的，但引入百度地图 jssdk 失败了。

接下来利用 Service Worker 实现这样的功能：对所有请求，先返回缓存资源，保证页面迅速展现，同时发起网络请求更新缓存，保证缓存是新的。

百度地图 jsapi 是根据 body 的 scrollTop 和 scrollLeft 获取位置，如果 body 发生了滚动，那么点击地图的位置和地图响应的实际位置是有偏移的，会偏移滚动的距离。

现代浏览器都支持 woff，woff2 是 woff 的下一代。`woff2` 格式在原有基础上提升了 30% 的压缩率。

`undefined` `function` `Symbol` 直接忽略 `Date` 变字符串 `NaN` `INFINITY` 变 `null` `Set` `Map` `RegExp` 变 {}

`btoa` 编码：原文转 base64 `atob` 解码：base64 转原文 `btoa` `atob` 是不支持中文转换的，那就自己封装一个

npm 2 - 树状结构（依赖地狱） 递归安装，深不见底 重复安装，造成大量的冗余 npm 3 - 扁平结构（共享与冲突） 安装时遍历整个依赖树，计算出最合理的文件夹安装方式 尽量平铺共享，有冲突则递