![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_41779718
这个作者很懒,什么都没留下…
展开
-
vue实现导出Excel PSOT请求
vue实现导出Excel post请求方式原创 2022-10-22 09:19:26 · 785 阅读 · 0 评论 -
vue base64预览pdf文件
1.新窗口预览pdfvar Result = res.data //不带data:application/pdf;base64前缀let Window = window.open("")Window.document.write("<iframe width='100%' height='100%' src='data:application/pdf;base64, " + Result + "'></iframe>")2.下载pdf并预览var pdf=res.dat原创 2022-04-27 10:12:47 · 4964 阅读 · 1 评论 -
whistle 手机调试代理工具
下载 whistle首先安装node安装 whistlenpm install -g whistle如果安装失败就使用淘宝镜像npm install whistle -g --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org/)运行 whistlew2 start打开电脑浏览器在浏览器中打开 localhost:10086页面,点击顶部 HTTPS,在弹出的二维码下方勾 C原创 2021-09-06 15:49:16 · 753 阅读 · 0 评论 -
vuecli3 webpack-spritesmith 制作Sprites(雪碧图)
安装npm i webpack-spritesmithwebpack.config引用const path = require('path');const SpritesmithPlugin = require('webpack-spritesmith');webpack.config 配置plugins: [ new SpritesmithPlugin({ src: { cwd: path.resolve(__dirname, 'src/assets/i原创 2021-05-07 16:36:23 · 364 阅读 · 0 评论 -
vue微信公众号关闭分享和关闭复制按钮
方法一 function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('Wei原创 2021-03-06 11:00:09 · 1264 阅读 · 1 评论 -
Webpack 配置优化 Vue-cli
最近一段时间在学习 Webpack 方面的知识。在学习的过程中主要配置的是 webpack.config.js 文件。但是在 Vue-cli 3.x 下,已经对 Webpack 做了深度的封装,很多已经是默认配置了,在这里就针对这些深入了解下,并区别说明下。量化、分析这里主要介绍两个插件,分别是量化打包时间,和打包后分析的。1、speed-measure-webpack-plugin这个包可以测量各个插件和 loader 所花费的时间,构建完成后会显示这样的信息:这样在优化的时候就有了一个比较原创 2020-11-24 09:03:28 · 1414 阅读 · 1 评论 -
解决IOS微信公众号 new Date(str) 时Date 变成 NaN
当 var date = new Date(’‘2020-09-29’’); 时有的浏览器回把date变成NaN。这是因为低版本的IE浏览器,和ios微信公众号 不能将‘yyyy-MM-dd’转换成日期格式,必须是‘yyyy/mm/dd’样式才行。可以先将’yyyy-mm-dd’转换成’yyyy/dd/mm’格式var t = ‘2020-09-29’;var date = new Date(t.replace(/-/g,"/"));这样基本就能解决这个问题。...原创 2020-09-29 08:26:41 · 404 阅读 · 0 评论 -
webpack优化策略
速度分析webpack 有时候打包很慢,而我们在项目中可能用了很多的 plugin 和 loader,想知道到底是哪个环节慢,下面这个插件可以计算 plugin 和 loader 的耗时。yarn add -D speed-measure-webpack-plugin配置也很简单,把 webpack 配置对象包裹起来即可:const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");const smp = new Spee原创 2020-07-28 10:23:22 · 527 阅读 · 0 评论 -
vuecli3 配置优化vue.config.js
图片压缩安装依赖:cnpm install image-webpack-loader --save-dev代码压缩安装依赖:cnpm i -D uglifyjs-webpack-plugin开启Gzip安装依赖:cnpm install --save-dev compression-webpack-plugin// 代码压缩const UglifyJsPlugin = require('uglifyjs-webpack-plugin')// gzip压缩const Compress原创 2020-07-24 09:10:00 · 420 阅读 · 0 评论 -
Vue CLI3 移动端适配和加后缀
一、amfe-flexible1.首先把安装amfe-flexible,这里使用npm installnnpm i amfe-flexible -S2.在项目入口文件main.js 中引入amfe-flexibleimport 'amfe-flexible'3.在根目录的index.html 的头部加入手机端适配的meta代码<meta name="viewport" content="width=device-width, initial-scale=1, user-scalabl原创 2020-06-22 10:51:22 · 495 阅读 · 0 评论 -
Vue首页白屏优化处理加loading
vue客户端渲染,是在浏览器端通过模板生成html,插入到根节点中刚打开页面,在js文件加载过程中,和js代码执行过程中,页面中没有显示的内容。可以在这个时候显示一个loading。用户体验会好些<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2020-06-17 15:59:30 · 2270 阅读 · 0 评论 -
vue-cli3.x 移除console
使用babel-plugin-transform-remove-console插件npm install babel-plugin-transform-remove-console --save-dev# oryarn add babel-plugin-transform-remove-console --devbabel.config.js配置如下const plugins = ["@vue/babel-plugin-transform-vue-jsx"]// 生产环境移除consolei原创 2020-06-12 10:46:26 · 460 阅读 · 0 评论 -
代码格式化工具prettier 以及配置方法
什么是PrettierPrettier是一个代码格式化工具,它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。为什么要用Prettier用来替代lint中的一些场景,比如说分号/tab缩进/空格/引号,这些在lint工具检查出问题之后还需要手动修改,而通常这样的错误都是空格或者符号之类的,这样相对来说不太优雅,利用格式化工具自动生成省时省力。如何自定义配置Pr...原创 2020-05-04 14:55:57 · 5228 阅读 · 0 评论 -
vue 一次导入自定义的多个模块
let utils = {};let haveDefault = ['http','sentry'];const modules = require.context('./modules/', true, /.js$/);modules.keys().forEach(modulesKey => { let attr = modulesKey.replace('./', '').r...原创 2020-04-20 09:47:05 · 1113 阅读 · 0 评论 -
Plugin/Preset files are not allowed to export objects,only functions.webpack报错/babel报错的解决办法
1.为什么会报错?这里报错是因为babel的版本冲突。官方文档注明:babel-loader 8.x | babel 7.xnpminstall-Dbabel-loader@babel/core@babel/preset-envbabel-loader 7.x | babel 6.xnpminstall-Dbabel-loader@7babel-cor...原创 2020-03-27 20:14:54 · 10499 阅读 · 4 评论 -
vue 引入viewport-units-buggyfill vw的兼容处理
方法一 Vue项目的index.html中引入如下JS 文件<script src="//g.alicdn.com/fdilab/lib3rd/viewport-units-buggyfill/0.6.2/??viewport-units-buggyfill.hacks.min.js,viewport-units-buggyfill.min.js"></scrip...原创 2020-03-10 16:28:15 · 2785 阅读 · 0 评论 -
vueCli3 移动端px自动转换vw适配
安装yarn add postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano cssnano-preset-advanced postcss-url postcss-import --save在postcss.conf...原创 2020-03-10 16:10:26 · 1283 阅读 · 0 评论 -
vue axios 多个请求加loading
let num = ''// 定义一个请求拦截器axios.interceptors.request.use(function (config) { num++ store.state.isShow = true // 在请求发出之前进行一些操作 return config}, function (error) { console.log('请求错误') ...原创 2020-02-23 16:35:59 · 1100 阅读 · 0 评论