1 SilenceJude

尚未进行身份认证

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

等级
博文 77
排名 5w+

从零开始搭建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把前端传来的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

零散知识点记录。

记录一些零散的知识点,未验证,以免自己忘了。1.A,B组件非父子组件时,生命周期状态如图。如果此时通过bus触发$emit事件,只能绑定在组件1的beforeDestory上,因为只有这时B组件才已经生成并挂在完毕。2.还是bus组件问题,切换路由时,这个$on事件是不会自动清楚销毁的,需要我们手动来销毁。记得在B组件上的beforeDestory中绑定bus.$off销毁事件。...

2019-01-10 15:18:26

子组件多次复用且传参到父组件时遇到的一些问题。

问题描述:我们都知道,父子组件之间传参用props,子向父用$emit,兄弟间有bus。但是今天遇到个问题,A组件是一个selector选择器小组件,根据传参不同选择项目也不同,返回结果也不同。B组件中使用了4次A组件,传参都不一样,且需要将4次的返回结果都保存下来。其实就是下图4个自己封装的选择器,分别是A组件的4次复用,整个的大组件是B,B组件需要根据A组件的值来进行搜索,获取统计等操作。...

2019-01-10 00:50:23

echarts使用心得技巧速记速查。

速记速查。一、echarts调整图表位置的方法调整画布内,图像的总体偏移位置,设置grid属性就可以了myChart.setOption({title:{text:"价格指数"},grid:{...

2019-01-08 20:24:50

vue开发环境下引入外部css和js

一、引入外部JS首先,外部js文件需要通过ES6标准导出,导出规则请参看下表。然后在需要引入js的组件中,根据上图规则来导入,即可使用。二、css或者stylus或者sass等。直接在需要导入的组件中,使用@import导入即可。...

2019-01-08 14:58:57

mint-ui 时间选择器Datetime Picker的用法介绍。

官方文档坑爹啊,调用mint-ui中的DatetimePicker显示,必须使用该组件的open()方法。以前版本的有介绍,新版本就压根没提这档子事,干的漂亮!下面详解一下用法!首先,你得有一个元素来控制显示选择好的数据,这里我是通过控制isClicked的布尔值来显示。year变量的值就是选择后的值。selectYear函数是用来调用组件的open()事件。isClicked属性用...

2019-01-08 10:02:37

一些CSS兼容性处理写法汇总。

一、placeholder修改样式兼容性写法:由于placeholder是h5新特性之一,目前还有兼容性问题,所以这样写以兼容各浏览器。input::-webkit-input-placeholder{color:red;}input::-moz-placeholder{/*MozillaFirefox...

2019-01-07 22:41:53

vue-cli安装成功,但是无法运行vue-V等指令。报错vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件解决方案!!!

刚刚删除重装了nodejs,结果发现原来安装的vue不能用了,打算重新安装一遍,结果安装都挺顺利,但是vue命令都无法运行,一直报错“vue-V不是内部或外部命令,也不是可运行的程序或批处理文件”查看了一下npm全局安装包,里面确实有vue安装文件,且之前npminstall-g@vue/cli安装的时候也没有问题,那么会不会是环境变量这里有问题呢?因为以前自学angular的时候就...

2019-01-04 23:34:01

全版本nodejs的下载及配置

今天想用家里的电脑敲敲项目代码,结果发现nodejs版本不一样,为了避免乱七八糟的问题,就准备卸载后再安装同样版本。nodejs的卸载倒是还蛮方便,在windows自带的卸载下面即可卸载。问题是安装,官网上面只有最新版本的安装链接,百度搜索出来的一些下载资源还要收C币,挺无奈的。找了一圈,总算找到了一个全版本nodejs下载链接,赶紧记录下来,以免以后换电脑又折腾一遍。找到自己需要的版本...

2019-01-04 21:38:27

Angular组件之间的通信方式。

准备写到Angular总结中去的,又怕太长以后自己都找不到,就先写下来再说吧!Angular组件之间的通信方式,和vue一样有3种。1.父组件往子组件传递(vue中是propsdown)2.子组件往父组件传递(vue中是eventsup)3.非父子关系组件传递(vue中是bus总线)...

2018-12-27 14:20:38

Angular初学阶段总结。

Angular,前端开发始终绕不开的山,久仰大名,却一直连文档都没敢翻开看。不过开始学习之后,发现其实也不是很难,特别是有Vue开发经验之后,而且两个框架本就有一定的渊源。下面就将自己的学习过程记录一下,夯实基础,希望能早日登顶。

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