2019年12月_Curry 3O

原创 javascript的数组方法重写

push()方法：可接受任意类型的参数，将它们逐个添加到数组的末尾，并返回数组的长度Array.prototype.myPush = function () { var L = this.length; for (var i = L; i < L + arguments.length; i++) { this[i] = arguments[i - L]; } return ...

2019-12-17 18:02:55 762

原创 element-ui的时间格式处理

日期时间格式：显示的可能是正确的时间格式但是最后获取的那个model的值就不是显示的那个样子的。比如显示年月日时分秒。但是后台只需要年月日。这个时候就利用value-format和formatvalue-format绑定值的格式也就是最后后端接口需要我们传的数据格式formatformat的属性，是控制显示的格式的。最后选中以后显示在输入框中的格式value-for...

2019-12-15 14:42:16 2635 1

原创 Vue生命周期中的钩子函数及父子组件的执行顺序

vue的生命周期图在vue实例的整个生命周期的各个阶段，会提供不同的钩子函数以供我们进行不同的操作。先列出vue官网上对各个钩子函数的详细解析。生命周期钩子详细beforeCreate在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。created实例已经创建完成之后被调用。在这一步，实例已完成以下的配...

2019-12-15 14:24:58 324

原创 Vue路由全局守卫

一、路由守卫路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。---- 导航守卫文档地址二、全局前置守卫beforEach使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ .....

2019-12-15 13:57:42 2942

原创 Vue项目中使用keep-alive

一、需求背景项目主流程缓存优化，主流程页面（组件）切换时保持之前加载的状态，避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。二、概念和作用概念：keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不...

2019-12-14 11:39:16 507

原创 Vue项目登录及token验证

一、Vue实现token验证思路逻辑第一次登录的时候，前端调后端的登陆接口，发送用户名和密码后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面每次调后端接口，都要...

2019-12-14 10:15:34 693

H&B Blog