2021年全年的工作总结起来很简单，算是做苦力的一年吧。。。 2021年春节后就开始邮件项目从Vue迁移到React的工作以及富文本编辑器由wangEditor替换成CKEditor。 其实自己对这项工作内心是排斥的，这绝对不是自己从Vue因为切换到不熟悉的React技术栈。 我对此工作安排的分析如下： 这是一项时间跨度很长的工作，迁移期间是需要同事兼容两套系统的。 长期性工
在迁移Vue至React的过程中遇到了一些路由相关的问题，在Vue项目中经常会使用routeName，毕竟使用path太长了，也记不住，我自己看了看React router也没有发现routeName相关的信息，可能是我没有找到，或者React没有这个概念吧。 在Vue中这样的写法比较常见 const router = new Router({ routes: [{ p
批量选择、全选、反选这些功能使用频率还是很高的，下面直接看看Vue和React分别怎么实现吧。 Vue 在使用Vue的时候是很容易实现的，我们以下列数据格式为例： const dataList = [{ id: 1, label: '第一个', }, { id: 2, label: '第二个', }, {
之前写过一个 《Vue同一路由跳转页面不刷新解决方案及注意事项》 ，在这篇文章里面鞋到了怎么解决这个问题，具体内容可以点击查看，这里简单说一下，就是利用将时间戳传给路由的query，也就导致 $route.fullPath 不一样，然后配合 key 来解决。同时也提到了这样做的缺陷，缺点就是组件内的路有生命周期 beforeRouteLeave 不执行了，我们通常在这个周期里面做一些例如编辑文章
假设在Vue中有如下三个方法，并且初始时 this.a = ‘a’; this.b = ‘b’; funA() { this.a = '1221'; this.funB(); return this.funC(); }, funB() { this.a = this.a
这里还是以element-ui为例，那我们就看看里面的Message。 它的dom结构什么的就写在node-modules/element-ui/packages/notification/src/main.vue里面 <template> <transition name="el-notification-fade"> <di
前期项目中需要优化原始的收件人、抄送、密送部分，换成更加现代化的样式和用户，当时将这部分抽象成一个组件了，最近的需求是发件人也要使用该组件，鉴于发件人比收件人等需要校验的地方和交互习惯变动点较多，进行了重构，在此过程中发现自己当初思维还是比较局限，特发文记录下。 先看看发件人组件的样式吧 很显然，这里的收件人支持最少两种写法，一种是纯粹的只有收件地址，比如第一个 test@qq.co
很简单，我们直接看vue的源码即可。 keep-alive 组件支持三个属性。 props: { include: patternTypes, exclude: patternTypes, max: [String, Number] }, 其中 patternTypes = [String, RegExp, Array]; 组件在 created 周期时初
我们有的项目使用的是老的vue-cli脚手架生成的，今天想写点东西，发现.vue文件里面 style 里面写的样式都不生效了，很自然就想到是不是loader的问题。 在这种项目的webpack.base.config.js一般设置loader的 rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []),
今天看了下自己之前写的从vuecli3学习webpack记录系列，感觉自己居然没有在一开始的时候把vuecli的 npm run serve 的整体流程在一篇文章里面完整的讲完，可能是因为打字打的手疼，不想写了吧。今天特来补充一下。 这里是整体脉络，所以不会讲细节，细节在本系列里面已经讲到了。 const Service = require('../lib/Service') cons
