微信小程序地图Map地图控件点击创建标记<mapid="map"longitude="经度"latitude="纬度"scale="缩放级别(14)"bindcontroltap="点击地图触发FN"markers="{{添加标记}}"bindtap="markertap" 点解地图触发s...

gzip压缩：HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多需求实现1.安装依赖cnpm i -D compression-webp

在vue项目，打包后，默认会将源码打包上去，以至于用户可以在控制台查看到源代码，为了信息安全，也为了优化加载速度，需要配置相关属性；检查隐藏源码是否泄漏：打开控制台–查看sources/源代码tab–查看包文件，当有webpack文件时，这证明当前源码泄漏状态；当从控制台查看类似如下状态，则源码泄漏已解决；

vue子目录路径更改

，这样跳转页面前会卡住，这时去看response是可以看到的。因为访问这个页面 会进行跳转 这个请求是跳转之前请求的，谷歌默认会将请求记录删除。因为访问这个页面 会进行跳转 这个请求是跳转之前请求的，谷歌有这个bug。打开控制台选择network选项卡，选中preserve log选项。控制台里输入window.onbeforeunload =

gzip压缩：HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多需求实现1.安装依赖cnpm i -D compression-webp

SplitChunks是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。4:webpack优化系列三：vue打包后生成的chunk-vendors文件过大,利用SplitChunks插件，分离chunk。推荐网址：https://webpack.docschina.org/plugins/split-chunks-plu

不管是移动端，还是pc端，可能都会有用户登录操作，不同的用户之间又拥有不同的角色，而不同角色之间势必存在不同的权限；如果按照类型划分，大概可分为三类：菜单权限、按钮权限、数据权限；数据权限：前端在请求头统一封装，携带用户信息，由后端解析返回；菜单权限：通过element菜单组件实现；按钮权限：通过自定义指令实现；菜单权限&按钮权限：本质上也是通过数据权限，由后端返回当前用户所有有权限菜单及按钮，然

项目上线后为了不完全泄露源码，需要对给出的代码进行加密混淆，前端代码虽然无法做到完全加密混淆，但是通过使用 webpack-obfuscator 通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆，达到无法恢复源码甚至无法阅读的目的。网站推荐：https://www.npmjs.com/package/webpack-obfuscatorwebpack其他相关给、推荐一：webpack

sm2、sm3加密