自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 elementUI下拉框切换引起的校验规则无法清除的问题

问题描述切换下拉框选项,下面的输入框联动显示指定内容或者清空内容,在显示指定内容的情况下,一切正常;当需要清空内容时,清空这一动作会触发校验规则,于是会出现切换下拉选项后清空内容立即出现校验规则“此项为必填项” ,但这样是不对的,因为用户并没有开始填写。解决办法经过各种移除校验的尝试,只有一种方式可以达到效果:例如:需移除校验的是domainCode字段,那么:1. 将domainCode的校验规则全部移除;2. 将domainCode字段清空;3. 在setTimeou

2021-08-12 11:02:08 2748 1

原创 vue打包出0kb的文件,导致部署到平台后报错404的问题

问题描述:vue项目,进行打包后,在前端和后端本地都可以非常正常的跑起来,但部署到平台,提示 chunk-xxx.css文件找不到,报错404!解决办法:问题定位:那个提示找不到的css文件是0kb的,怀疑和这个有关,试了很多种乱七八槽的高级操作,最终,将代码中的<style></style>里面注释掉的css代码删除掉,重新打包,这次打出来的包就没有0kb文件了,再次部署,成功了~网上有人说是这个原因:springboot1时,0kb的css不会有什么问题,s.

2021-05-14 13:49:48 1059

原创 webstorm下eslint的报错问题

背景:webstorm2019.1编辑器,导入一个新项目,里面的package.json已经写好了,直接npm install 安装node_module包。然后问题来了。。。问题描述:问题1:安装完node_module之后,项目的eslint并不起作用,不能进行语法检查和自动修复;看到编辑器提示eslint:this.cliEnigne is not a XXXX问题2:安装了eslint,校验规则却不是自己想要的。。。。比如:强制将所有html标签修改为驼峰写法,<el-butt

2021-04-30 15:21:47 3822 1

原创 基于JS和vue的sql编辑器功能的实现

df

2021-04-07 17:51:38 5812

原创 前端vue项目在IE11上的兼容问题总结

1. sockjs报错找到/node_modules/sockjs-client/dist/sockjs.js 找到代码的 1606行,注释掉即可2. 报语法错误,打开空白屏 安装babel-polyfill npm installbabel-polyfill --save 在main.js中引入babel-polyfill import 'babel-polyfill' 重启项目3. 兼容IE11的下载功能 downloadTas...

2021-03-11 20:44:08 2017

原创 下载功能实现(new Blob)

调用下载接口 创建a标签 创建下载链接 将a标签添加到body中 添加点击事件,进行下载 下载完成后移除a标签 释放掉blob对象downloadTask(params).then(res=> { const fileName = res.headers['content-disposition'].split('=')[1]; const _res = res.data; const blob = new Blob([_res]);

2021-03-01 17:07:40 7276

原创 jsonpath由路径到json节点

问题描述:后端返回一个路径,前端将其拼接出对应的json对象。比如path:”$.a.b.c”,对应的json={a:{b:{c:null}}}.解决方案:介绍:jsonpath表达式是用来路径检索或设置Json的。通常是根据json对象,查找某个路径下的值。官网:https://github.com/dchester/jsonpath(有路径表达式的写法和函数方法)安装:npm install jsonpath(注意:是jsonpath,我因为引错了包,引成JSONPath,故而找不到正确

2021-03-01 16:37:07 986

原创 登录流程整理

登录基本流程验证码后端生成验证码:前端生成验证码: Canvas画布生成随机数、随机的线条、点和颜色,构成图片验证码。权限控制。根据用户权限,取到不同的menuCode,渲染出不同的菜单。(App.vue)防止未登录的情况下,直接输入url进入页面。(router/index.js)登录token过期验证,在axios响应拦截器里对响应数据进行判断。退出登录,将state和sessionStorage里的token清空,并跳转到登录页。...

2020-11-07 14:32:40 3981

原创 前端下载功能的实现(FileSaver插件)

1.https://juejin.im/post/68449037633590395012.https://segmentfault.com/a/1190000022936812安装filesaver 安装js-xlsx亲测可用,还没整理!!!!!!!!

2020-10-27 16:28:59 1559

原创 git提交代码时解决冲突的办法

1. stash change 保存自己的更改2. pull 拉代码3. stash list 解决冲突4. stash Apply 应用

2020-10-26 09:54:37 303

转载 npm安装报错--“Unexpected end of JSON input while parsing near···”错误解决方案

搬运工:https://www.cnblogs.com/sansancn/p/11139030.html

2020-10-19 10:56:30 1671

转载 nodejs初学笔记(3)

一、路由我们要为路由提供请求的URL和其他需要的GET及POST参数,随后路由需要根据这些数据来执行相应的代码二、全局对象全局对象的所有属性都可以在程序的任何地方访问。类似js中的window是全局对象,Node.js中的全局对象是global,所有全局变量都是global对象的属性。可以直接访问到global属性,而不需要在应用中包含它。满足以下条件的变量是全局变量:在最外层定义的变量 全局对象的属性 隐式定义的变量(未定义直接赋值的变量)__filename ..

2020-10-15 15:43:23 120

转载 nodejs初学笔记(2)

一、EventEmitter类nodejs所有的异步IO操作在完成时都会发送一个事件到事件队列,所有产生事件的对象都是eventEmitter的实例。EventEmitter的核心就是事件触发与事件监听器功能的封装on函数用于绑定事件函数emit函数用于触发一个事件代码示例如下:on(event,listener) 为指定事件注册一个监听器,接受一个字符串event和一个回调函数 once(event,listener) 为指定事件注册一个单次监听器,即监听器最多只会触发一..

2020-10-15 09:55:12 142

原创 静态网站生成工具Jekyll初学

简介:Jekyll是将纯文本转化为静态博客网站的工具,不需要数据库支持,也没有评论功能,想要评论功能的话可以借助第三方的评论服务。Jekyll+Github Pages可以让你更加专注于博客内容,而不是如何搭建一个博客平台。一、安装Jekyll...

2020-10-13 14:21:17 166

原创 nodejs初学笔记(1)

一、NPM的使用npm install package 本地安装 npm install package -g 全局安装 npm list -g 查看所有全局安装的模块 npm uninstall package 卸载模块 npm ls 到 /node_modules/ 目录下查看包是否还存在 npm update package 更新模块 npm search package 搜索模块 npm help 查看某条命令的详细帮助 npm cach...

2020-10-12 14:59:23 129

原创 本地部署easyMock

搬运工:https://www.jianshu.com/p/a9ac5461bed7注意:部署pm2的时候,若某一步报错,先[win + r] - [ services.msc] 找到pm2服务并停止,就可以继续执行部署命令了。完成所有部署操作之后,再开启pm2服务即可。...

2020-10-10 10:37:43 586 3

原创 elementUI框架有分页的情况下的筛选功能实现

一、无分页的情况无分页的情况下,利用前端就能实现筛选功能,如下图所示,添加filters属性和filter-method方法即可。此过滤方法会执行多次(有几行就会执行几次),由于分页功能是需要后端配合实现的,如果在此方法内调用接口,则会请求多次,造成资源浪费,影响性能。二、有分页的情况要想在有分页的情况下进行筛选,elementUI提供了另一种方法filter-change方法。首先在筛选标签的位置加column-key属性...

2020-10-09 11:27:13 2851 1

翻译 PhotoShop相关知识

按住Alt键,点击某个图层只点击的图层可见。alt键+delete键 同时按为选区填充颜色ctrl +R显示/隐藏标尺(画参考线)横参考线 按ctrl键 可以变为竖参考线,反之亦然**按alt键,切换快捷键。**原本为工具栏的快捷键切换为菜单栏的快捷键。每个选项的后面都有其快捷键的标识。文件 -&gt; 脚本 -&gt; 将图层导出到文件(png格式的话,下面三个勾都打上)计...

2018-10-22 22:00:20 122

原创 一个很好用的动画框架

一个很好的动画框架:animate.jscmd -&gt; 找到相应文件目录 -&gt; npm install animate.js

2018-10-19 11:18:41 724

翻译 Vue的安装以及devtools插件

如何安装Vue?CDN方式,用网址引入vue.js。NPM方式,npm init -&gt; npm install vue 完成。( npm init 初始化命令,会产生一个package.json文件,这个文件用来描述项目的依赖。先安装npm,以后就可以通过npm install安装相关插件,例如:npm install bootstrap。 )官网下载vue.js文件,放在项目所...

2018-10-19 11:15:13 144

翻译 正则表达式

正则表达式RegExp常用的几种方法re.test(str)判断str是否满足正则条件,若满足,则返回true,不满足返回false。str.search(re)正则去匹配字符串,如果匹配成功,就返回匹配成功的位置,如果匹配失败就返回-1。str.match(re)正则去匹配字符串,如果匹配成功,就返回匹配成功的数组,如果匹配不成功,就返回null。str.replace(re,...

2018-10-15 16:28:13 371

转载 Ajax传输示例代码

ajax传输过程示例代码function ajax(method, url, data, success) { var xhr = null; try { xhr = new XMLHttpRequest(); //新建ajax请求 } catch (e) { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } if (meth...

2018-10-14 22:37:37 131

原创 HTML5历史管理

HTML5历史管理onhashchange: 改变hash值来管理-window.location.hash=number //指定页面的hash值-window.onhashchange() //事件,当hash值改变就会触发history:–history.pushState(number, ’ ’ , iNow++);//三个参数:数据、标题(没实现)、...

2018-10-14 20:11:14 166

原创 Ajax 跨域问题解决方案

Ajax 跨域问题解决方案document.domain=‘主域名’; //主域和子域的解决服务器代理:XMLHttpRequest代理文件 //后台代理script标签 :jsonplocation.hashwindow.nameflashhtml5中提供了postMessage可以跨域...

2018-10-14 19:55:19 112

原创 Ajax表单数据传输

Ajax数据传输表单:数据的提交action:数据提交的地址,默认是当前页面method:数据提交的方式,默认是get方式1.get把数据名称和数据值用=连接,如果有多个的话,那么它会把多个数据组合用&amp;amp;amp;amp;amp;amp;amp;amp;进行连接,然后把数据放到url?后面传到指定页面。2.post&amp;amp;amp;amp;amp;amp;amp;lt;form action='地址' method='post/get'

2018-10-14 19:44:01 789

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除