小笼包不是包的博客

【webpack5】webpack-dev-server 热更新不能自动刷新浏览器一、问题配置了热更新，但是不会自动刷新页面// webpack.dev.config.js { devServer: { progress:true,// 进度条 port: 10086, // 本地服务器端口号 hotOnly:true,// 页面构建失败不刷新页面 hot: true, // 热重载 open: true, // 自定打开浏览器 pro

【webpack5】 性能优化优化构建速度 （开发体验效率）优化产出代码 （应用性能、网络性能啥的）一、优化构建速度1、babel-loader 开启缓存当有设置时，指定的目录将用来缓存 loader 的执行结果。之后的 webpack 构建，将会尝试读取缓存，来避免在每次执行时，可能产生的、高性能消耗的 Babel 重新编译过程(recompilation process)babel-loader?cacheDirectory module: { rules: [ {

【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";//

【webpack5】 autoprefixer不生效一、问题一些新css特性需要加前缀来兼容浏览器： transform: rotate(30deg);应该被转为：/* -moz、-ms、-o、-webkit*/-webkit-transform: rotate(30deg);transform: rotate(30deg);官方文档指导下配置（不生效）：webpack.config.js module: { rules: [{ test: /\.css

【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

ES7 Decorator(修饰器) 简单入门前言本文有引用阮一峰的例子，侵删。一、Decorator 是什么很多语言都有对应的Decorator（修饰器），用来修改原类/方法的功能。比如Java的Annotationy注解也算是修饰器。不改变原代码内容逻辑的前提下丰富原有功能class App { get state(){ return 666 } ...

JavaScript字符串replaceAll方法实现前言有时候需要使用替换字符串某些内容，我们会想到：String.prototype.replace//想把所有A替换成空字符串"ABCDABCD".replace("A","");//

前言这里的上传工具基于JQuery、Plupload传送门：Plupload官方、中文文档为什么要做图片压缩？ 现在手机拍照都快10M了，但是有时候图片上传只要看得清楚就可以了，比如上传身份证200k能看清楚，为什么要上传20M？这样做的好处是减少服务器存储压力、减少带宽占用。为什么要自己做一个压缩图片的？ 官方有提供压缩方式：resize: { width: 1...

Excel导出的话，因为纯前端导出，IE有工具会提示安全问题，但是仅限IE。谁叫Office是IE的兄弟呢。一、纯前端（原理是利用Excel可以打开HTML格式，改了后缀。不是真正意义上的Excel文件）1、纯JS（兼容性有问题，谷歌可用）介绍：基本没有配置，不能导出表格的格式。具体样式可以去工具包里面看修改，兼容性有毛病。仅供参考，不建议使用。一行代码即可：ExcelUtils.

一、问题：后端因为Excel导入或者其他原因出现一些奇奇怪怪的不可见字符，比如全角空格、制表符等。用ajax取值的时候，遇到这种情况后台正常，前端也只是抛出200，不算是错误的错误。前台取值处于懵逼状态：没有错却没有值。二、解决：暴力直接上代码/** * 用于解析后台传来的有特殊字符的JSON串，解决解析出现200错误的情况 * @param url * @param req