web前端
马上风
这个作者很懒,什么都没留下…
展开
-
前端vue实现给pdf添加水印
vue通过pdfjs-dist插件实现PDF的预览和添加水印功能;原创 2023-03-07 09:53:51 · 2438 阅读 · 0 评论 -
解决vue中axios使用AbortController取消的请求无法重新启动
直接用官方的这个方法,在切换页面的时候在当前页面周期beforeDestroy里面执行一下关闭,就关闭了这个长连接。但是出现了新的问题,就是重新进入这个页面的时候无法重新发起请求了。将controller放到data里面去定义,下面使用的时候用this.controller。这样写之后就可以重新发起请求了。前端发起请求,如果有新消息就马上返回数据,如果没有就等待(20s)至超时,重新发起请求。当前页面发起的请求,因为是长连接,当切换到其他页面该连接还在等待,然后继续请求,无法马上结束。原创 2023-01-06 14:21:25 · 1665 阅读 · 0 评论 -
m.a.loading is not a function报错问题解决
m.a.loading is not a function报错原因vant版本问题原创 2022-09-22 16:35:41 · 1174 阅读 · 0 评论 -
关于env(safe-area-inset-bottom)的兼容问题
env(safe-area-inset-bottom)兼容性问题,避坑指南。原创 2022-09-21 09:31:42 · 8177 阅读 · 0 评论 -
v-loading导致 页面莫名空白,稍微滑动就显示BUG
问题描述:一个弹框组件,通过接口加载数据进行渲染。某天突然发现弹框刷的一下白屏,稍微移动下弹框内容就显示了。查看元素,里面是有内容的。就是白屏。页面稍微拖动下窗口大小就显示了。......原创 2022-08-25 18:06:41 · 533 阅读 · 0 评论 -
vueCli4创建项目安装elementUI,浏览器报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
vueCli已经更新到4.5了,最近使用新的vueCli搭建项目安装element-ui发现运行报错。查看相关文档后发现问题所在:element-ui官方只给vue-cli@3提供了vue-cli-plugin-element插件;(vue-cli@3构建的项目安装都是 vue add emlemt 的方式,会自动安装相应的带vue-cli-plugin-前缀的插件,详情查看vue Cli 官网)也就是说我们用最新的vue-cli@4构建的项目,element-ui是不支持的;我看网上说原创 2020-12-18 10:46:22 · 2279 阅读 · 5 评论 -
vue项目 常用eslint代码规范配置
module.exports = { root: true, parserOptions: { sourceType: 'module', parser: "babel-eslint" }, parser: "vue-eslint-parser", env: { //指定环境 browser: true, node: true, es6: true, }, rules: { //0,不启用这个规则 1,出现问题会有警告 .原创 2020-09-27 11:26:04 · 889 阅读 · 0 评论 -
页面水印
给网页添加全屏水印,而且不影响页面原有的点击事件。页面中运行这个方法即可:function watermark(){ var name = '水印内容文字'; var opacity = 0.2; // 水印透明度 var w = 100; // 水印宽度 var h = 200; // 水印高度 var genWater = function(name) { var waterCanvas = document.cr转载 2020-09-27 10:33:15 · 787 阅读 · 0 评论 -
nginx 基本配置 反向代理
1、nginx 方向代理 解决跨域问题server { listen 8071; #端口号 server_name 192.168.119.182; #本地IP地址 或用 localhost location / { root D:/an/pc/dist; #项目路径 index index.html index.原创 2020-09-23 11:22:01 · 102 阅读 · 0 评论 -
Visual Studio Code保存代码时自动修复样式
在VsCode 的settings这样配置:{ "git.autofetch": true, "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进...原创 2020-04-14 20:41:53 · 837 阅读 · 0 评论 -
js数组去重的一些方法
数组去重1、利用ES6 Set去重(ES6中最常用)let arr = [1,1,2,3,4,5,5,6]let arr2 = [...new Set(arr)]不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉“{}”空对象。2、利用for嵌套for,然后splice去重(ES5中最常用)function unique(arr){ ...转载 2019-12-20 11:51:56 · 162 阅读 · 0 评论 -
element-ui form表单中的复选框无法点击选中 (解决)
问题描述:在做修改功能时,表单中有回显数据,这个时候回显的复选框无法点击(点击没反应无法选中)。<el-form ref="ruleForm" :model="ruleForm" status-icon :rules="rules" label-width="100px" class="demo-ruleForm"> <el-form-item labe...原创 2019-09-06 14:25:53 · 7586 阅读 · 2 评论 -
element ui 表单验证通过后没有绿色框 求解 (已解)
使用element自带的表单验证。输入框选中状态边框为蓝色,输入框输入错误的时候边框为红色,输入正确的时候边框为绿色。但是有的时候输入正确没有出现绿色(红色和蓝色状态能正常出现)我的相关代码如下:<el-form ref="form" :model="form" :rules="rules" label-width="80px"> ...原创 2019-08-29 15:56:06 · 4727 阅读 · 7 评论 -
VUX中XImg组件最后一张图片无法显示
VUX官方XImg组件关键代码:<div v-for="src in list" style="background-color:yellow;text-align:center;"> <span style="font-size:20px;">Loading</span> <x-img :src="src&qu原创 2018-11-20 16:31:04 · 2153 阅读 · 0 评论 -
利用PHPMailer v5.2.19发送邮件(老版本)
PHPMailer已经更新了很多版本了,新的版本没用过。本教程只针对老版本。PHPMailer的获取:PHPMailer项目地址:https://github.com/PHPMailer/PHPMailer 现在的都是新版本,在历史版本中,找到v5.2.19版本。下载下来并解压。步骤一:使我们的QQ邮箱能够发送邮件这里怎么说能够发送邮件呢?其实我们的邮箱都是可以发送邮件的,但是要实现在我们的网站中...原创 2018-05-25 11:35:44 · 1428 阅读 · 0 评论 -
前端笔记
1、给JS动态生成的元素绑定事件正常情况下添加点击事件用$("#btn").click(function(){});但是一些JS动态生成的元素这个方法就不行。这时要用.on方法;.on()适用于当前及未来元素。$(selector).on(event,childSelector,data,function,map)例如:$("#btn ul li").on("click原创 2018-01-25 16:34:03 · 248 阅读 · 0 评论 -
Ajax+PHP实现异步图片上传
html页面 Ajax+PHP实现异步图片上传 #feedback{ height: 200px; text-align: center; height: 160px; borde转载 2018-01-26 10:41:12 · 2018 阅读 · 2 评论