路虽远行则将至，事虽难做则必成。

最近在使用芋道框架时候，后端使用生成代码，时间因为类型问题，只能是时间戳，否则为空（1970-）前端其实很简单只要在日期选择器把类型改成时间错即可，但根据业务需求需要精确到时分秒把时间戳的类型转换过来，就会发现日期是选择的哪一天，但是时分秒是当前电脑的时分秒但是根据业务需求需要控制时分秒如（1949-10-1 00:00:00 1949-10-1 23:59:59）

在实际开发中根据业务需求我们经常要判断情况，一个if 我们科技直接使用ES6就可以解决经常会出现根据不同的条件执行不同的方法，这是就会有多个if else 看起不太美观也费劲js new map （）就可以解决这个问题，它就是一个容器，我们可以通过set，get存取东西map 是以key value 形式存在的，只要我们把value存成方法，并且执行就可以解决问题了注意：map 的key注意类型，比如存的时候用的数字1，取的时候用字符串1，也会导致取不到。

在日常开发使用git的时候，一般都是不推荐无意义的提交，但没人监管时候（一言难尽）因为实际开发，可能平凡的几个功能，几个版本一起写，临时打包，导致方便快捷直接提交但身为一名开发人员我们尽量一个功能提交1次，这样方便版本管理和代码回滚准确省事虽然不能100%一次提交一个功能，但我们可以尽量靠近，解决方案git stash暂存。

以element官网的form表单的-动态增减表单项为例讲解表单验证规则动态的功能就是v-model配合push + v-for 便利来实现的我们需要熟知2个知识点prop表单验证需要跟v-model绑定的值是一样的，如果是一个数组便利的表单，那就需要绑定这个数组每一项v-model值。

在实际开发中添加修改的form表单，不是什么时候都是都是一一对应绑定form值的。来回赋值，频繁的修改v-model绑定的值就会发现输入不了值，或者选中值没效果，这是因为视图没更新解决方案我们只需要调用vue 的forceUpdate()方法，每改变一次值就强制更新视图。input输入框更新方案@input在- Input 值改变时触发<el-inputselect多选选择器@change-值改变时候触发<el-selectplaceholder="请选择"<el-option。

最近在实际开发中遇到需要验证合同编号是否在数据库已经存在，自定义表单验证。的表单验证大家都知道form绑定rules，prop绑定值与form.值一样，必填，失去焦点触发 提示信息。今天我们讲一讲自定义验证规则具体使用场景和它的三个参数意思和使用当我们明白了 validator3个参数意思，我们就可以随机组合我们自己的验证规则了自定义验证规则prop绑定值: [console.log('验证规则信息',rule);console.log('输入框的值',rule);

当v-for遍历的时候,一个参数是每一项值(item),2个参数是每一项值和索引(item,index),3个参数*是每一项值,索引,下标(item,index,i)。当v-for遍历对象时,每一项，索引，下标，都有值。下标从0开始。当v-for遍历数组对象时,每一项，索引，有值。 下标没有值，索引从0开始。当v-for遍历数字时,每一项，索引，有值。下标没有值，索引从0开始，会跟上面的索引相同报错，不影响使用。

导航守卫其实有三种，全局导航守卫permission.js文件（前置、后置），组件内守卫（beforeRouteEnter 路由进入之前、beforeRouteUpdate 路由更新之前，beforeRouteLeave 路由离开之前），独享守卫（beforeEnter 路由进入之前），三个参数（to：从哪里来，from：去哪里，next：放行）但一般是全局导航守卫用的最多，beforeEach 路由进入之前，afterEach 路由进入之后。导航守卫直白的意思就是，每个页面路由导航都会经过这里。

Vue 实例在被创建时都要经过一系列的初始化过程同时在这个过程中也会运行一些叫做生命周期的函数。-Vue生命周期函数就是vue实例在某一个时间点会自动执行的函数。Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。定时器也是常用，在一段时间内执行某件事情，用处也是比较广泛的Vue八大生命周期1.beforeCreate（创建前）

在实际开发中我们经常会发现,2个相同的对象是false，比如{} == {} false如下图所示解释如下首先我们要知道对象是一个复杂数据类型，复杂数据类型，在存储变量中存储的仅仅是地址（引用），因此叫做引用数据类型，通过new关键字创建的对象想对象等于一个对象（{}=={}），这种是字面量表示法，其本质是new Object，new关键字会开辟新的空间，2个对象看起来一模一样，但他们是不同空间所以是false。