![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工具
文章平均质量分 70
小笼包是馒头
这个作者很懒,什么都没留下…
展开
-
【webpack5】webpack-dev-server 热更新不能自动刷新浏览器
【webpack5】webpack-dev-server 热更新不能自动刷新浏览器一、问题配置了热更新,但是不会自动刷新页面// webpack.dev.config.js { devServer: { progress:true,// 进度条 port: 10086, // 本地服务器端口号 hotOnly:true,// 页面构建失败不刷新页面 hot: true, // 热重载 open: true, // 自定打开浏览器 pro原创 2021-05-11 18:35:24 · 3513 阅读 · 6 评论 -
【webpack5】 性能优化
【webpack5】 性能优化优化构建速度 (开发体验效率)优化产出代码 (应用性能、网络性能啥的)一、优化构建速度1、babel-loader 开启缓存当有设置时,指定的目录将用来缓存 loader 的执行结果。之后的 webpack 构建,将会尝试读取缓存,来避免在每次执行时,可能产生的、高性能消耗的 Babel 重新编译过程(recompilation process)babel-loader?cacheDirectory module: { rules: [ {原创 2021-02-03 16:20:37 · 2115 阅读 · 1 评论 -
【webpack5】低版本浏览器兼容ES6+解决方案
【webpack5】低版本浏览器兼容ES6+解决方案一、垫片@babel/preset-env依赖npm install @babel/preset-env -Dnpm install core-js --save1、全局引用配置// .babellrc{ "presets": [ "@babel/preset-env" ]}JS引用// js文件入口,如 index.js// 引入全局垫片import "core-js/stable";//原创 2021-02-01 09:48:51 · 3127 阅读 · 8 评论 -
【webpack5】 autoprefixer不生效
【webpack5】 autoprefixer不生效一、问题一些新css特性需要加前缀来兼容浏览器: transform: rotate(30deg);应该被转为:/* -moz、-ms、-o、-webkit*/-webkit-transform: rotate(30deg);transform: rotate(30deg);官方文档指导下配置(不生效):webpack.config.js module: { rules: [{ test: /\.css原创 2021-01-29 15:36:42 · 2225 阅读 · 1 评论 -
【webpack5】webpack-dev-server 不能正常启动
【webpack5】webpack-dev-server 不能正常启动一、问题webpack-dev-server --open --config script/webpack.dev.js webpack4环境下可以正常启动,但是升级webpack5后依赖都要升级,再跑这个指令就会报错:internal/modules/cjs/loader.js:584 throw err; ^Error: Cannot find module 'webpack-cli/bin/confi原创 2021-01-29 15:31:55 · 2896 阅读 · 9 评论 -
JavaScript(ES7): Decorator(修饰器) 简单入门
ES7 Decorator(修饰器) 简单入门前言本文有引用阮一峰的例子,侵删。一、Decorator 是什么很多语言都有对应的Decorator(修饰器),用来修改原类/方法的功能。比如Java的Annotationy注解也算是修饰器。不改变原代码内容逻辑的前提下丰富原有功能class App { get state(){ return 666 } ...原创 2018-10-09 10:58:20 · 3408 阅读 · 0 评论 -
JavaScript字符串replaceAll方法实现
JavaScript字符串replaceAll方法实现前言有时候需要使用替换字符串某些内容,我们会想到:String.prototype.replace//想把所有A替换成空字符串"ABCDABCD".replace("A","");//原创 2018-08-09 18:27:03 · 735 阅读 · 0 评论 -
基于Plupload的图片压缩上传
前言这里的上传工具基于JQuery、Plupload传送门:Plupload官方、中文文档为什么要做图片压缩? 现在手机拍照都快10M了,但是有时候图片上传只要看得清楚就可以了,比如上传身份证200k能看清楚,为什么要上传20M?这样做的好处是减少服务器存储压力、减少带宽占用。为什么要自己做一个压缩图片的? 官方有提供压缩方式:resize: { width: 1...原创 2018-03-01 00:20:58 · 3040 阅读 · 0 评论 -
使用JavaScript将Html table导出Excel
Excel导出的话,因为纯前端导出,IE有工具会提示安全问题,但是仅限IE。谁叫Office是IE的兄弟呢。一、纯前端(原理是利用Excel可以打开HTML格式,改了后缀。不是真正意义上的Excel文件)1、纯JS(兼容性有问题,谷歌可用)介绍:基本没有配置,不能导出表格的格式。具体样式可以去工具包里面看修改,兼容性有毛病。仅供参考,不建议使用。一行代码即可:ExcelUtils.原创 2017-01-17 15:48:42 · 22234 阅读 · 8 评论 -
解决:后台传来的有特殊字符的JSON串,解析出现200错误的情况
一、问题:后端因为Excel导入或者其他原因出现一些奇奇怪怪的不可见字符,比如全角空格、制表符等。用ajax取值的时候,遇到这种情况后台正常,前端也只是抛出200,不算是错误的错误。前台取值处于懵逼状态:没有错却没有值。二、解决:暴力直接上代码/** * 用于解析后台传来的有特殊字符的JSON串,解决解析出现200错误的情况 * @param url * @param req原创 2017-01-17 16:13:39 · 13072 阅读 · 2 评论