手把手教你配置 Vue的eslint

0_10_10_10_1
0_10_10_10_1
2020-09-18
阅读 10 分钟
30.4k
1、安装eslintnpm install --save-dev eslint2、新建.eslintrc.js文件 配置eslint如果全局安装eslint也可以使用eslint --init来自动配置文件默认配置如下：（eslint --init 自动生成） {代码...} 我们来进行测试一下 配置一条rules： {代码...} 随便打开一个文件，如src/main.js控制台执行 eslint src/main.js报错了，提...

高德地图 自动生成电子围栏

0_10_10_10_1
0_10_10_10_1
2020-09-18
阅读 5 分钟
9.6k
使用高德地图js api 自动画出电子围栏 因直接画多边形不太准确，需要沿路来画围栏电子围栏思路：1. 找到原点经纬度 x {代码...} 2. 根据x点在地图上画出一个圆 {代码...} 参考: [链接]3. 在圆边线上 分别找到向 东、东南、南、西南、西、西北、北、东北 8个方向的位置得到 x1,y1 ~ x8,y8 ，8个 位置的 经纬度，定义为 A1...

SSR 服务器端渲染

0_10_10_10_1
0_10_10_10_1
2020-09-18
阅读 9 分钟
3k
使用 Vue.js 构建客户端应用程序时，默认情况下是在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。而使用 SSR 可以将同一个组件渲染为服务器端的 HTML 字符串，然后将它们直接发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。

微信小程序 使用async await

0_10_10_10_1
0_10_10_10_1
2020-09-11
阅读 9 分钟
3.7k
regenerator-runtime是facebook的regenerator模块 生成器函数、async、await函数经babel编译后，regenerator-runtime模块用于提供功能实现。

浏览器缓存机制

0_10_10_10_1
0_10_10_10_1
2020-09-11
阅读 3 分钟
1.4k
Expires是web服务器响应头字段，值是一个时间类型，告诉浏览器在过期时间前可以直接从浏览器缓存中取数据，而无需再次请求。Expires是http 1.0的东东，在http1.1 + 的场景下，其作用基本可以忽略, 作用优先级最低

前端优化总结

0_10_10_10_1
0_10_10_10_1
2020-09-11
阅读 2 分钟
1.1k
基本规则css放到<head>中js 放到底部 </body>前面内联加载快外置可以被复用，可以被缓存浏览器并发数BrowserHTTP1.0HTTP1.1IE6,724IE866Firebox66Safari44Chrome66Opera44图片css 雪碧图优点减少加载网页图片时对服务器的请求次数能减少图片的字节,比多张图片字节更小。 {代码...} 图片质量优化如果是颜色丰...