- 博客(15)
- 收藏
- 关注
RSS订阅原创 3-28 Vue的Object.defineProperty响应式以及生命周期
Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]详解1. 触发钩子的完整顺序：将路由导航、keep-alive、和组件生命周期钩子合起来的，触发顺序，假设是从a组件离开，第一次进入b组件：beforeRouteLeave:路由组件的组件离开路由前钩子，可取消路由离开。beforeEach: 路由全局前置守卫，可用于登录验证、全局路由loading等。beforeEn...
2019-03-28 17:30:21
431
原创 3-25 关于setTimeout引起的异步队列问题的研究
setTimeout()用法速查 附：深入解析1.先自己写了一个最简单的：console.log('global');setTimeout(()=>{ console.log('set');})console.log('global2');输出global global2 set是因为异步的队列与同步不同，即使延时设为0，依旧会在同步队列执行完后才会执行。2.经典面试题...
2019-03-25 17:43:22
293
原创 3-20 使用vue的事件修饰符解决阻止冒泡等
使用vue的事件修饰符解决阻止冒泡等1.排查其他项目的问题，出现疑似冒泡的多次点击事件触发问题，解决方案：使用了vue的事件修饰符，参考官方文档：<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.preve...
2019-03-20 17:56:44
329
原创 3-19 关于避免使用边界值情况$refs
销户项目1.在项目里，用到使用$watch来进行响应式操作，但是发现无论如何监听一个对象本身，都触发不了回调函数，如下： // 监测账号选择索引列表,保证响应式赋值 this.$watch('checkIndexListMap', val => { this.checkIndexListMap.cancelStockAccountList = this.$ref...
2019-03-19 18:19:25
170
原创 3-18 销户系统开发遇到的问题
销户系统开发遇到的问题1.[关于v-model在表单输入绑定的作用](https://cn.vuejs.org/v2/guide/forms.html)2.关于如何访问自定义属性，在vue比较讨巧的做法是把实参放在循环里面传递，形参写在函数里，比如下面： <h5 class="left t-title" @click='getDataId(item.id)' :data-id="it...
2019-03-19 09:29:22
106
原创 3-13 父组件的created和子组件的mounted的执行先后问题
销户项目1.[父组件的created和子组件的mounted的执行先后？](https://segmentfault.com/q/1010000016339341/)执行顺序如下：父组件 created子组件 created子组件 mounted父组件 mounted如果有多个子组件：父组件created钩子结束后，依次执行子组件的created钩子多个子组件的create...
2019-03-15 09:47:34
5007
原创 3-12 关于死循环引起js内存泄漏的研究
销户系统之自由销户1.整合代码时，发现for..in循环遍历对象的有趣规则：//for in 循环遍历对象let obj={ 2:'sss', 3:'333'}//使用变量访问属性 必须用[]for(let k in obj){ console.log(obj[k]);}...
2019-03-13 09:12:32
620
原创 3-11 最简单的实现两个数组交换值的做法,而且是浅拷贝
销户系统1.测试map方法中return一个对象let arr=[0,1,2]let arr1=[{label:'2',name:'3'},{label:'3',name:'4'}]let arr2=arr.map((item)=>{ return { item, ...arr1[item] }})console.log(arr2);当数组里元素只有...
2019-03-12 15:05:54
361
原创 3-8 复习es6的解构赋值和Mobx的相关知识
阮一峰的ES6教程1.对象的解构赋值常用对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量。let { log, sin, cos } = Math;上面代码将Math对象的对数、正弦、余弦三个方法，赋值到对应的变量上，使用起来就会方便很多。注意变量一定要和对象的属性名相同比如下面这种写法，来提取对象的属性值let jsonData = { id: 42, statu...
2019-03-11 09:44:02
376
原创 3-7 慕课和掘金小册的学习
慕课和掘金小册的学习1.前端安全系列（一）：如何防止XSS攻击？从上次事件之后，小明会小心的把插入到页面中的数据进行转义。而且他还发现了大部分模板都带有的转义配置，让所有插入到页面中的数据都默认进行转义。这样就不怕不小心漏掉未转义的变量啦，于是小明的工作又渐渐变得轻松起来。防止DOM XSS攻击-&gt;在使用 .innerHTML、.outerHTML、document.write(...
2019-03-07 17:20:42
527
原创 3-6 在项目中应用学到的知识
销户系统1.在项目中应用学到的深拷贝知识 created() { this.FundAccount = Object.assign({},this.getFundAccount()) this.FundAccount.fetchBalance='53.13' this.FundAccount.preInterest='0.03' this.t...
2019-03-07 09:11:15
221
原创 3-5 掘金小册学习第二弹
掘金小册第二弹1.理解和使用Promise.all和Promise.racePromse.all在处理多个异步处理时非常有用，比如说一个页面上需要等两个或多个ajax的数据回来以后才正常显示，在此之前只显示loading图标。let wake = (time) => { return new Promise((resolve, reject) => { setTim...
2019-03-05 17:36:18
369
原创 3-4 掘金小册学习
掘金小册 前端面试之道1.类型转换2.window对象和全局变量的关系由于window对象同时扮演着ECMAScript中Global对象的角色，因此所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。但是在全局作用域下使用 let 和 const 声明变量，变量并不会被挂载到 window 上，这一点就和 var 声明有了区别。差别全局变量不能通过delet...
2019-03-04 17:54:19
388
原创 3-1 学习InterviewMap第四弹
InterviewMap1.MVVMMVVM 由以下三个内容组成View：界面Model：数据模型ViewModel：作为桥梁负责沟通 View 和 Model在 JQuery 时期，如果需要刷新 UI 时，需要先取到对应的 DOM 再更新 UI，这样数据和业务的逻辑就和页面有强耦合。在 MVVM 中，UI 是通过数据驱动的，数据一旦改变就会相应的刷新对应的 UI，UI 如果改变...
2019-03-01 13:57:28
138
原创 2-28 学习InterviewMap第三弹
InterviewMap1.事件代理js中的事件委托或是事件代理详解如果一个节点中的子节点是动态生成的，那么子节点需要注册事件的话应该注册在父节点上<ul id="ul"> <li>1</li> <li>2</li> <li>3</li> <li&
2019-03-01 09:14:00
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人