摘要: 上一篇文章介绍了《怎样高效地利用第三方UI组件》,以Input组件为例,介绍了一下怎么使用第三方的UI组件。 实话实话,Input组件还是属于比较简单的组件,需要我们自己重写的东西还是比较少的。 如果是Tabs组件呢? 怎么二次封装Tabs组件 我们先看一下element-ui组件的使用方式(官方示 阅读全文
posted @ 2020-06-05 11:40 烛火星光 阅读(1392) 评论(1) 推荐(0) 编辑
摘要: 缘由 现代开发中,Vue和React使用率已经算是很高了,那么这个过程中就会产生另外一个需求,UI组件库的使用,至少我了解的情况是:使用Vue开发的时候,一般我们都会搭配一个UI框架,Element-ui也好,iview也罢,终归是需要这么一个框架的。而ant-design在React开发过程中,出 阅读全文
posted @ 2020-05-30 18:08 烛火星光 阅读(463) 评论(1) 推荐(1) 编辑
摘要: 距离上一篇文章,似乎已经过了很久了,近一个多月确实太忙,忙到没时间写一篇文章了(其实就是在为自懒找借口)。 今天,我们简单聊一下,react router V4版本在参数上的传递。 多数情况下,Router我们是这么用的 这时候,如果想给组件携带一个参数怎么办??? 似乎没有什么好办法,那就只能曲线 阅读全文
posted @ 2020-01-03 17:00 烛火星光 阅读(709) 评论(0) 推荐(0) 编辑
摘要: 当前工作中,前端的主要技术栈用是vue。 那React怎么办呢?总不至于把他扔在墙角吧! 只能在一些很小的项目上,也只有自己一个前端的时候,悄悄的上React。 当然,React项目UI组件还是最喜欢的Antd了。 近期的一个项目,就这么上了React和Antd,然后当中有一棵树组件。 简单看一下树 阅读全文
posted @ 2019-11-20 11:05 烛火星光 阅读(1306) 评论(0) 推荐(0) 编辑
摘要: 项目是越写越多,遇到的各种需求当然也逐渐增多。 在一个项目中,实现用户权限,似乎也成了必然。 一直以来,我也知道可以通过vue router官方提供的一个api "addRoutes" 可以实现路由添加的功能,事实上就也就实现了用户权限。 然而,看到官方文档的介绍,似乎也没办法理解怎么个用法。 官方 阅读全文
posted @ 2019-10-29 15:24 烛火星光 阅读(83319) 评论(1) 推荐(2) 编辑
摘要: 背景 最近基本上都是以Vue来构建项目,而UI框架也基本上都是使用的 " " ,所以里面组件用的也是越来越多,今天想记录的是非常非常小的一个属性的用法。 Table组件 Table组件用了真的太多次了,里面各种属性也基本上都用过了,今天就又用到了一个属性: 官方介绍: 通过给table传入span 阅读全文
posted @ 2019-10-10 10:27 烛火星光 阅读(12516) 评论(0) 推荐(2) 编辑
摘要: Vue.js似乎成了一种潮流。 UI框架element ui也跟着成了一种潮流,不过得承认,至少我个人还是非常认可的,element ui做的是真不错。 用到element ui,那么在dialog中搭配form就必不可少。 弹窗内有form表单,而且这个表单需要校验,那么如果目前输入框校验报错之后 阅读全文
posted @ 2019-09-18 10:49 烛火星光 阅读(7688) 评论(1) 推荐(1) 编辑
摘要: 最近参与了好几个项目,都是以vue cli脚手架生成的项目,参与完成之后,有点关于项目文件组织的看法,很想聊聊。 关于目录 由vue cli脚手架生成的项目,都会生成一个基本的目录格式。 类似于这种,项目中我们还会用到vuex,所以多数情况下,我们会在src目录下,创建一个store文件夹,存放关于 阅读全文
posted @ 2019-09-11 09:22 烛火星光 阅读(907) 评论(0) 推荐(0) 编辑
摘要: 前提 & 8195;& 8195;入职新公司,接手了前员工的一个前端项目,技术栈为vue。刚进入公司的时候,让我添加一个小功能,从首页点击选项跳转到对应页面,并携带点击点的参数,然后开启了我的痛苦修改bug阶段。 对之前的vue代码稍微理一下 + 所有文件组件代码都放在了views文件夹下,view 阅读全文
posted @ 2019-08-30 09:40 烛火星光 阅读(1138) 评论(0) 推荐(0) 编辑
摘要: 又见到数组方法了,在前面已经的多次写到过数组方法,甚至都使用原生方法重构了一遍数组的各个方法,可是随着数组方法reduce的应用,发现reduce真的是妙用无穷啊!还是很值得再拿出来说一遍的。 我们再看MDN上关于reduce的解释: reduce() 方法对数组中的每个元素执行一个由您提供的red 阅读全文
posted @ 2019-07-12 14:29 烛火星光 阅读(426) 评论(0) 推荐(0) 编辑