比如当后台返回如下的平级数据: 而我们需要得到的数据效果如下树状结构数据: 那么如何优雅的实现这种效果呢,实现代码如下: 最终结果如下: Read More
posted @ 2019-02-18 10:28 让心去旅行 Views(1347) Comments(0) Diggs(0) Edit
接我上篇博客的例子: 在上面代码中,当我们修改 firstName 或 lastName 后,watch 监听每次修改变化的新值,然后计算输出 fullName;此时 watch 的一个缺点是,最初绑定的时候是不会执行的,要等到 firstName 或 lastName 改变时才执行监听计算。 那么 Read More
posted @ 2019-02-14 11:07 让心去旅行 Views(589) Comments(0) Diggs(0) Edit
对于 computed 的理解: ①.computed 用来监控自己定义的变量,该变量不在 data 里面声明,直接在 computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理; ②.computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是当多个变量中 Read More
posted @ 2019-02-14 09:13 让心去旅行 Views(159) Comments(0) Diggs(0) Edit
Object.keys(obj) 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。 例子如下: ①.简单的数组(simple array) ②.类数组(array like object) ③.key值随机排列的 Read More
posted @ 2019-02-12 16:34 让心去旅行 Views(451) Comments(0) Diggs(0) Edit
场景分析:实际开发中,文字描述过长,需要两行或三行显示缩略显示; 实现过程: 实现过程遇到的问题:打包到线上后发现并没有-webkit-box-orient属性,导致省略号并没有按预期展示; 解决方法: ①.autoprefixer 只自动添加 webkit ,其他的不加;如下: ②.通过 npm Read More
posted @ 2019-02-12 14:12 让心去旅行 Views(400) Comments(0) Diggs(0) Edit
要解释 key 的作用,不得不先介绍一下虚拟 DOM 的 Diff 算法了。 vue 和 react 的虚拟 DOM 的Diff算法大致相同,其核心是基于两个简单的假设: 1.两个相同的组件产生类似的 DOM 结构,不同的组件产生不同的 DOM 结构; 2.同一层级的一组节点,他们可以通过唯一的id Read More
posted @ 2019-01-31 09:59 让心去旅行 Views(310) Comments(0) Diggs(0) Edit
1、cookie 和 session 的区别是:cookie数据保存在客户端,session数据保存在服务器端; 2、两个都可以用来存私密的东西,同样也都有有效期的说法,区别在于session是放在服务器上的,过期与否取决于服务器的设定,cookie是存在客户端的,过期与否可以在 cookie 生成 Read More
posted @ 2019-01-30 17:20 让心去旅行 Views(150) Comments(0) Diggs(0) Edit
HTTP协议本身是无状态的,所以需要一个标志来对用户身份进行验证 1、cookie 用户登录成功后,会在服务器存一个session,同时发送给客户端一个 cookie 数据需要客户端和服务器同时存储 用户进行操作时,需要带上 cookie ,在服务器进行验证 cookie是有状态的 2、token Read More
posted @ 2019-01-30 16:35 让心去旅行 Views(464) Comments(0) Diggs(0) Edit
导言: 我们都知道 JS 是单线程的,这也正是异步编程对于 JS 很重要的原因,因为它无法忍受耗时太长的操作。正因如此有一系列的实现异步的方法。 方法一 setTimeout 常用于:定时器,动画效果 用法:setTimeout(func|code,delay) 缺点: setTimeout 的主要 Read More
posted @ 2019-01-30 16:21 让心去旅行 Views(680) Comments(0) Diggs(0) Edit
禁止a标签点击跳转 <a href="http://baidu.com" onclick="return false">点我啊</a> 原理是当点击a标签时首先触发onclick函数,然后才执行href的跳转。但是在执行到return false的时候直接终止了执行,也就没有了链接的跳转。 目前疑问 Read More
posted @ 2019-01-30 15:21 让心去旅行 Views(1378) Comments(0) Diggs(0) Edit