1 SilenceJude

尚未进行身份认证

菜鸟弱鸡一只,只求稳健发育。

等级
TA的排名 4w+

防抖(节流)函数在Vue项目中的应用。

文章目录防抖函数应用方式一:直接import到每个组件单独使用应用方式二:函数式组件实现防抖。应用方法三:使用自定义指令封装防抖函数。防抖函数废话少说,先上一个防抖函数。关键是如何应用到vue项目中。/***@desc函数防抖*@paramfunc函数*@paramwait延迟执行毫秒数*@paramimmediatetrue表立即执行,false...

2019-09-10 17:05:46

csdn自动生成目录和基础操作

文章目录自动生成目录索引生成水平线生成标题自动生成目录索引文章开头加入@[TOC](目录描述)目录描述可不写生成水平线3个短横杠---生成标题#一级标题##二级标题###三级标题...以此类推注意#号后面一定要有空格。...

2019-09-10 10:00:19

使用git克隆指定分支的代码

今天下载项目代码,最新的开发环境代码是位于development分支上的,master主分支上的则是稳定的线上代码。而直接使用gitclone[xxxx项目地址]命令克隆代码,得到的是master分支上的代码,因此我需要克隆指定分支的代码。上网查找了一下,指令是:gitclone-b[xxx分支名称][xxx项目地址]测试了一下,没问题。...

2019-09-06 14:23:49

三分钟通过nginx反向代理解决前端跨域问题

前后端分离开发的过程中,跨域问题一定避免不了。关于如何解决跨越问题,已经是老生常谈了,cors,jsonp,nginx,iframe,Nginx正向代理与反向代理https://www.jianshu.com/p/ae76c223c6ef...

2019-09-04 00:58:57

使用nodejs快速搭建express服务器记录。

大半年没有写node服务器代码了,今天突然想写个node服务器测试一下nginx反向代理配置,结果发现半天写不处理。我这真是鱼的记忆。如果忘却不可避免,那么赶紧的用文章把它记下来!第一步,初始化项目npminit然后会自动创建package.json第二步,安装依赖最基础的依赖包有express,body-parser,如果需要使用到数据库就再安装mysql,或者其他数据库npm...

2019-08-23 15:35:02

windows下tree命令的使用方法

经常逛技术博客的朋友们应该见过这种项目树结构,能够清晰的列出所有的资源目录,非常直观。如果手动输入那得把人累死,起始这些都是通过命令行中的tree命令来生成的,非常简单。Linus系统和windows系统下,命令还不一样。但是我没法测试Linus系统,所以这里就以Windows系统命令行下的tree命令为示例。直接在需要输入的目录下,输入:tree此时展现的是所有文件夹的路径所构成的树。...

2019-08-16 11:20:11

Element-ui升级操作

一、首先安装一款可以快速显示项目中使用的依赖的版本插件。npminstall-gnpm-check-updates二、这样就可以快速显示插件版本了:npm-check-updates,可以使用缩写ncuncu三、卸载旧版Element-uinpmuninstallelement-ui四、安装新版本。npmielement-ui@2.11.0-S注意...

2019-08-15 17:30:51

连续票据号段,每次选择号段之后,根据已选号段和剩余号段,自动选择号段问题解决思路。

需求:在本项目中,添加选择票据信息时,每条票据信息都有一个指定的号码段,有起始号码,终止号码,隐藏的属性还有校验位信息,号码长度。要求用户每次选择号段时,会根据用户已选票据,和用户当前选择的票据信息对比,若属于同一种票据,则需要根据用户已选的票据,和该号段下剩余的票据,自动进行选择。选择规则:若剩余的票据号段是一整段连续号段,则自动选择剩余的全部号段为一条票据信息。若剩余的票据号段有多个...

2019-07-31 11:43:17

js判断浏览器方法记录。

js判断是否为ie浏览器的方法。(edge)判断为非。ie6-11都为是。functionisIE(){//ie?if(!!window.ActiveXObject||"ActiveXObject"inwindow)returntrue;elsereturnfalse;}js判断各浏览器版本的方法。functionIEVersion(){...

2019-07-30 16:40:41

Vue项目通过读取本地文件内容来显示内容

需求:公司项目需要在登陆之前,实现客户自定义项目标题。由于还未登陆,所以肯定无法通过后端管理系统配置。第一个想到的办法是通过读取本地文件内容,来显示标题内容。客户需要求改标题时,直接修改本地文件内容即可。实现读取本地文件的思路有两种,第一种是利用XMLHttpRequest,第二种是利用input的type=file将文件先上传,再读取。第一种:利用XMLHttpRequest对本...

2019-07-24 11:03:51

从零开始搭建vue3项目框架。

从接触vue至今也写了不少项目,最开始用的2.x到现在的3.x,不同版本之间的项目框架构建差异性还是蛮大的,有时候自己也会搞混淆。今天就边写边边搭建一个基于vue-cli3的项目框架,参考VueCli的官网。安装看官网其实就非常清楚了。npminstall-g@vue/cli#ORyarnglobaladd@vue/cli创建一个项目运行以下命令来创建一个新项目,这...

2019-07-04 11:22:13

奇怪的项目报错记录。

一、vue项目报错vue.runtime.esm.js:1737RangeError:Invalidarraylengthvue.runtime.esm.js:1737RangeError:InvalidarraylengthatProxy.renderList(vue.runtime.esm.js:3704)atProxy.render(index.vue?613...

2019-05-22 14:20:50

el-radio等elementui组件使用@click.native时,绑定的事件会触发2次的问题

场景描述由于某些原因,elementui提供的事件并不能满足我们的需求。此时如果想监听根元素的原生事件,就只能使用.native修饰符。本次项目中,我也遇到了同样的情况,因此使用.native修饰符来监听原生click事件。然而,在点击的时候,却发现el-radio上绑定的事件触发了2次!!解决过程自己找了半天,也没找到问题所在。但是大概猜想到了原因,el-radio肯定是封装了好...

2019-05-15 17:05:33

el-table中设置行数据联动变化时,其他列的数据延迟更新(要点击其他位置才更新)的问题解决!

有段时间没有写文章了,因为一直在忙着赶项目,每次想写什么都觉得好累,身心俱疲。可是不写又怕踩过的坑哪天又掉进去了,而且时间一长就忘了当时是怎么解决的,果然是年纪大了么…问题描述项目中需要做一个表格行的数据联动,修改号码,会根据输入的值进行判断是否符合规则,符合规则就能够输入;否则就提示错误信息,并将表格的值置为修改之前的值。这里我使用了自定义指令来完成校验和恢复旧值,当元素focus的时候记录...

2019-04-28 19:17:16

css样式兼容性写法和处理。

一、css3渐变属性linear-gradientcss3背景颜色渐变属性的兼容性写法。一般情况下,css3背景渐变考虑兼容性的写法如下:.classname{background:-moz-linear-gradient(top,#0000000%,#ffffff100%);background:-webkit-gradient(linear,left...

2019-04-18 09:31:47

基于vue和FormData实现的无刷新头像上传(非插件),前端+后端处理简单处理方案。

场景描述:上传用户头像,一直是图片上传应用的经典场景,以前总是用其他库类中封装好的插件实现,没有深入的了解它的前端和后端实现原理。如果让自己不依靠框架和插件,八成都不知道该如何下手,昨天晚上想起来这个问题,觉得还是好好研究一下!为什么这里要特意提到无刷新呢?因为基于html的form表单提交的方式,默认是会导致页面重定向的。造成的影响就是页面看起来像是刷新过一样。解决的办法有很多,有使用隐...

2019-02-28 12:32:30

nodejs服务器使用cors解决多个域名跨域问题。

如果有更多的域名需要设置,直接在origin数组中添加即可。app.use(cors({origin:['http://127.0.0.1:3006','http://127.0.0.1:5500'],credentials:true}))

2019-01-28 11:35:16

Vue中的监听器属性watch,监听对象的一些深入研究。

Vue中的侦听器属性watch使用的频率还是非常高的,但是对于其中的一些特性使用起来还是比较模糊,没有总结的特别到位。有次和同事为这事争论了半天,看到对方比较强硬自己就怂了,心想难道是我记错了?其实还是因为自己没有深入的探究过,虽然记得,但却没有实际的去验证!为了弄清楚这个问题(为了下次能吵赢),今天特意写了一些demo来验证一下。data中有以下属性,year是普通属性,yearList是数...

2019-01-23 13:30:45

nodejs把前端canvas传来的base图片存在服务器上实现电子签名效果。

router.post('/upload',function(req,res){//接收前台POST过来的base64varimgData=req.body.imgData;//过滤data:URLvarbase64Data=imgData.replace(/^data:image\/\w+;base64,/,"");vardataBuffer...

2019-01-20 14:14:40

npm报错合集。

一、npmERR!cb()nevercalled!报错原因:之前由于网速原因,导致安装失败的node_modules没有删除。解决办法:删除未安装完毕的node_modules文件夹,重新安装。...

2019-01-17 14:37:33

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。