前端笔记
文章平均质量分 63
想吃变态辣条
前端开发程序媛
展开
-
【前端优化】compression-webpack-plugin资源压缩
前端优化之文本资源压缩基于文本的资源应进行压缩,以尽量减少网络总字节数当浏览器请求资源时,它将使用Accept-Encoding HTTP 请求标头来指示它支持哪些压缩算法。Accept-Encoding: gzip, compress, br兼容性:Brotli (br):不兼容Internet Explorer、Safari 桌面版和 iOS 上的 SafariGZIP:所有主流浏览器都支持 GZIP,但效率不如 Brotli服务器应返回 Content-Encoding HTT原创 2022-05-24 20:31:31 · 3479 阅读 · 0 评论 -
JS解析Excel文件
JS解析Excel文件工作中会遇到这种情形:上传Excel文件,解析其中的内容,渲染到表格中下面介绍方法,亲测有效!安装依赖npm install -S file-savernpm install -S xlsxnpm install -D script-loaderman.js中引入import { FileSaver} from 'file-saver';import XLSX from 'xlsx';事例(以vue中el-upload组件为例)<template&原创 2020-07-14 15:46:09 · 1088 阅读 · 0 评论 -
百度地图中自定义点聚合实现
百度地图中自定义点聚合实现点聚合 (MarkerClusterer 标记聚合器)用来解决加载大量点要素到地图上产生覆盖现象的问题,并提高性能。点聚合的实现原理是按照以某点为中心的正方形作为区域,把此区域的点聚合在一个点上,并随着地图比例尺改变此点区域大小,同时改变聚合点的数量。默认百度地图的聚合marker效果如下:官方聚合示例:http://lbsyun.baidu.com/jsdemo...原创 2019-04-02 14:13:51 · 11439 阅读 · 3 评论 -
webpack打包过滤console等
webpack打包过滤console等开发环境下需要console打印很多的数据,但是放在放在线上想过滤掉console,debugger这些,只要在webpack的配置里面加上一段代码就可以过滤掉。对于webpack4以上的版本过滤console方法:1.安装terser-webpack-plugin插件 npm i --save terser-webpack-plugin2....原创 2019-04-03 16:37:09 · 2028 阅读 · 1 评论 -
vue中异步加载百度地图及相关资源
vue中异步加载百度地图及相关资源官网加载百度地图基础API都是index.html直接加script,包括点聚合API也是这种方式。但实际应用中,有时候只有一个页面需要到百度地图,没必要全局都加载百度地图的文件,会增加负担.因此介绍vue中如何异步加载百度地图及其相关资源(比如百度地图的点聚合API也需要加载进来js文件)我们来对比一下:一般加载: <!-- index.ht...原创 2019-04-03 17:27:38 · 2199 阅读 · 0 评论 -
elementui的el-input按回车键后执行方法
elementui的el-input按回车键后执行方法el-input增加 @keyup.enter.native若增加后还会执行刷新则需要在el-form中增加 @submit.native.prevent<el-form :model="findPwdForm" ref="PwdForm" @submit.native.prevent> <el...原创 2019-05-30 10:35:43 · 15077 阅读 · 1 评论 -
vue中使用crypto-js加密密码等信息
crypto-js加密AES最近项目中需要在登陆请求时将密码加密,要求使用aes方式加密,于是用到了crypto-js完美解决,亲测有效要注意前端和后端的加密配置要保持一致1.安装crypto-js npm install crypto-js --save2.编写encrypt.js在Api文件夹中新建encrypt.js文件(此为较简洁方法,未处理数据,未用到密钥偏移量) ...原创 2019-05-29 17:39:47 · 4530 阅读 · 2 评论