Vue
绅士的可怖
高级架构师
展开
-
vue/cli-plugin-pwa
@vue/cli-plugin-pwavue-cli 的 pwa 插件该插件加入的 service worker 只会在生产环境下 (即只在运行 npm run build 或 yarn build 时) 开启。在开发环境下开启 service worker 并不推荐,因为它会导致之前的缓存资源被使用而未包含最新的本地改变。取而代之的是,在开发环境下引入 noopServiceWorker.js。这个 service worker 文件会重置之前在相同主机和端口注册过的任何 service wo原创 2021-12-17 15:32:48 · 2978 阅读 · 0 评论 -
补充说明:vue本地服务,代理其他登陆服务,需要了解http-proxy events
http-proxy eventsSubscribe to http-proxy events:option.onError: function, subscribe to http-proxy's error event for custom error handling.function onError(err, req, res, target) { res.writeHead(500, { 'Content-Type': 'text/plain', }); res.en原创 2021-12-14 09:31:38 · 1132 阅读 · 0 评论 -
安全检测,第三方劫持,SQL盲注等(vue3项目举例)
安全检测,第三方劫持,SQL盲注等安全检测常见Web应用安全问题:1、跨站脚本攻击(CSS or XSS, Cross Site Scripting)2、SQL注入攻击(SQL injection)3、远程命令执行(Code execution,个人觉得译成代码执行并不确切)4、目录遍历(Directory traversal)5、文件包含(File inclusion)6、脚本代码暴露(Script source code disclosure)7、Http请求头的额外的回车换行符注入(原创 2021-12-13 17:54:01 · 355 阅读 · 0 评论 -
vue本地服务,代理其他登陆服务,遭遇sessionID不一致,而登陆失败解决办法;
vue本地服务,代理其他登陆服务,遭遇sessionID不一致,而登陆失败解决办法;//url 是你代理的地址//源请求有一个sessionID//代理请求又一个sessionID//例如使用的是redis-sercer//查看日志会发现sessionID的不一样,导致代理登陆失败//如下解决方法'/login': { target: url + "/login", ws: true, changeOrigin: true, p原创 2021-12-13 16:59:01 · 940 阅读 · 0 评论 -
VUE3父子组件的生命周期
VUE3父子组件的生命周期直接上例子:<template> <div> <Header/> <router-view/> </div></template>beforeCreatecreatedbeforeMount HEADER- beforeCreate HEADER- created HEADER- beforeMount HEADER- mountedmo原创 2021-11-26 14:42:50 · 305 阅读 · 0 评论 -
vue的this.$parent的使用
vue组件this.$parent在使用vue时,你可能会用到this.$parent来进行组件与组件或者组件与外部实例的数据以及方法调用,这里简单介绍下两种使用环境.(这里你可以理解外部实例为非第三方组件)一、在实例中this.$parent 写在组件里面,外部实例调用此组件,则其指向vue实例(这里是调用组件的实例),你可以在组件中调用 data,methods://例子·???? this.$parent.list;//数据(模拟) this.$parent.request();//方法(原创 2021-09-24 09:10:57 · 13003 阅读 · 1 评论 -
vue3中文件下载
vue3中文件下载可以用原生数据流下载(axios)发个请求从后台拿数据流/*** 例如*/ axios({ method:'post',//请求方式 url:url,//请求地址 responseType:'blob'//文件流将会被转成blob }).then(res => { const blob = new Blob([res.data]);//处理文档流 const fileName = '帮助文档.docx'; const dow原创 2021-09-15 14:50:00 · 6602 阅读 · 0 评论 -
vue3的项目,在启用一段时间后电脑突然卡死问题
使用vue-cli项目开发运行时电脑突然卡死问题,node,npm,vue-cli项目启动使用的命令时:npm run serve;使用的VUE3;项目第一版没有这个问题,出现问题是在过了一段时间之后,项目大改第二板,但是没做依赖升级,还是用的最开始的依赖;node_modules。我用的是idea,首先我已经把软件的内存调大了,但是还是卡死,卡死所需的时间会久一点;外部原因:公司电脑确实有点垃圾了,idea2019版启用量确实有待改进,启用其他业务(服务等某些软件)过多。我们排出外部原因,现在原创 2021-07-09 10:11:43 · 1550 阅读 · 1 评论 -
echarts与vue3的结合
echarts的引用1. 通过 npm 获取 echarts; npm install echarts --save;2. 通过 CDN 引入; 通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"&g原创 2021-06-22 11:14:19 · 1148 阅读 · 0 评论 -
vue2与vue3的实例销毁,有什么区别。
vue2的实例销毁:vm.$destroy()完全销毁一个实例。清理它与其它实例的连接,解绑它的全部指令及事件监听器。触发 beforeDestroy 和 destroyed 的钩子。vue3的实例销毁:destroyed 生命周期选项被重命名为 unmountedbeforeDestroy 生命周期选项被重命名为 beforeUnmountupdated:在包含组件的 VNode 及其子组件的 VNode 更新后调用。beforeUnmount:在卸载绑定元素的父组件之前调用unmoun原创 2021-06-19 13:26:50 · 9883 阅读 · 0 评论 -
vue3+elementPlus项目,组件如何一个axios发送多个文件流
如何一个axios发送多个文件流这个解决方案我使用的原生方法:背景:使用elementPlus组件(el-upload)提交的时候存在问题(无法一个axios提交多个文件流),所以想到了原生的方式;记录一下://省略其他...let formData = new FormData();let files = document.querySelector('.el-upload__input').files;for(let i = 0; i < files.length;i++){原创 2021-04-27 17:17:07 · 468 阅读 · 2 评论 -
VUE3项目:Content type ‘multipart/form-data;‘ .... not supported“问题解决
Content type ‘multipart/form-data;’ …not supported"在开发当中遇到了这个问题:Content type ‘multipart/form-data;boundary=----WebKitFormBoundarypOpfYxCGU6Q4sciA;charset=UTF-8’ not supported点击请求会看待这样一个,preview:We’re sorry but mff doesn’t work properly without JavaScri原创 2021-04-27 11:46:05 · 5355 阅读 · 0 评论 -
Vue面试题总结
https://www.cnblogs.com/myfate/p/10416752.html原创 2021-03-05 18:48:16 · 1566 阅读 · 0 评论 -
elementPlus 动态切换table内容
elementPlus 动态切换table内容table表格的内容变化:列变化、行变化<el-table :key="tableIndex" ...其他的省略了> <el-table-column label="ID" v-if="判断条件"></el-table-column> <el-table-column label="操作"> ...操作... </el-table-col原创 2020-12-29 14:45:21 · 3019 阅读 · 3 评论 -
axios post 中文汉字乱码 例子:?????
Vue axios post 中文汉字乱码:这里举例解决:(PS:后端已经在这方面做了处理)使用该qs库对数据进行编码:qs:https://github.com/ljharb/qsconst qs = require('qs');axios.post('/foo', qs.stringify({ 'bar': 123 }));另一种方式(ES6),import qs from 'qs';const data = { 'bar': 123 };const options = { m原创 2020-11-25 11:11:34 · 3415 阅读 · 2 评论 -
Added non-passive event listener to ascroll- blocking ‘mousewheel‘event Consider marking event handl
[Violation ] Added non-passive event listener to ascroll- blocking 'mousewheel’event Consider marking event handler as ’ passive’to make the page more responsive. See https: com/feature/574554 3795965952翻译:[冲突]在ascroll中添加了非被动事件侦听器-阻塞“mousewheel”事件考虑将事件处理原创 2020-11-20 16:37:04 · 12763 阅读 · 0 评论 -
element-plus的CDN引用以及结合VUE3使用
element-plusnpm 安装推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。npm install element-plus --saveCDN目前可以通过 unpkg.com/element-plus 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。引入样式<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css原创 2020-11-18 19:29:54 · 8541 阅读 · 13 评论 -
VUE 你需要了解的 Vue.nextTick()
Vue.nextTick( [callback, context] )参数:{Function} [callback]{Object} [context]用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。// 修改数据vm.msg = ‘Hello’// DOM 还没有更新Vue.nextTick(function () {// DOM 更新了})// 作为一个 Promise 使用 (2.1.0 起新增,详见接下来的提示)V原创 2020-11-14 00:33:13 · 97 阅读 · 0 评论 -
vue+No mapping found for HTTP request with URI [*//**] in DispatcherServlet with name ‘springMvc‘
No mapping found for HTTP request with URI [***] in DispatcherServlet with name ‘springMvc’原创 2020-10-22 18:31:20 · 220 阅读 · 0 评论 -
vue+iframe引入本地其他项目 404
vue+iframe引入本地其他项目 404进入vue.config.js 把代理配上,再检查检查,域名,端口号是否正确。// An blockproxy:{ "/path":{ target:"http://***:8080" ws:true, changeOrigin:true, pathRewite:{ '^path':'' } }}e,g// An blockmodule.exports = { devServer: { proxy: {原创 2020-10-22 09:10:54 · 2250 阅读 · 0 评论 -
(node:10048)MaxListenersExceededWarning: Possible EventEmitter memory leak detected
出现这个错误是因为:检测到可能的EventEmitter内存泄漏解决办法:在vue.config.js文件中添加下边代码// A code blockrequire('events').EventEmitter.defaultMaxListeners = 0;// An highlighted blockrequire('events').EventEmitter.defaultMaxListeners = 0;...原创 2020-10-21 17:12:42 · 6659 阅读 · 2 评论 -
Vue3:We‘re sorry but*** doesn‘t work properly without JavaScript enabled. Please enable it to conti
We’re sorry but *** doesn’t work properly without JavaScript enabled. Please enable it to continue.稍等,整理一下。原创 2020-10-16 20:00:02 · 11914 阅读 · 1 评论 -
Vue3:Make sure to use the production build (*.prod.js) when deploying for production.
Make sure to use the production build *.prod.js when deploying for production稍等,整理一下。原创 2020-10-16 19:57:56 · 4406 阅读 · 2 评论