摘要:
keep-alive是vue内置的一个组件,可以使被它包含的组件处于保留状态,或避免被重新渲染。 用法:运行结果描述:input输入框内,路由切换输入框内部的内容不会发生改变。在keep-alive标签内部添加 include:字符串或正则表达式。只有匹配的组件会被缓存 exclude: 字符串或正 阅读全文
摘要:
vue如何和ionic的缓存机制一样,可以缓存页面,在A页面跳转至B页面后返回A页面时A页面的数据还在? 在app.vue中将router-view使用keep-alive包起来,使用v-if来判断使用使用被缓存的组件,在keep-alive外面也需要写相同的router-view,用来处理不被缓存 阅读全文
摘要:
首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 🙋🌰举个例子: 当我点击哪个元素时,event.target返回的是点击的 阅读全文
摘要:
前言 我的目标是写一个非常详细的关于diff的干货,所以本文有点长。也会用到大量的图片以及代码举例,目的让看这篇文章的朋友一定弄明白diff的边边角角。 先来了解几个点... 1. 当数据发生变化时,vue是怎么更新节点的? 要知道渲染真实DOM的开销是很大的,比如有时候我们修改了某个数据,如果直接 阅读全文
摘要:
箭头函数: 普通函数: 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return。 箭头函数是匿名函数,不能作为构造函数,不能使用new 箭头函数不绑定arg 阅读全文
摘要:
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和sessio 阅读全文
摘要:
把数字转换成字符串 (""+)>String()>.toString()>newString() 字符串转换成数字 parseInt() 浮点型和整型之间的转换 Math.floor()或者Math.round() 阅读全文
摘要:
对于浏览器缓存,相信很多开发者对它真的是又爱又恨。一方面极大地提升了用户体验,而另一方面有时会因为读取了缓存而展示了“错误”的东西,而在开发过程中千方百计地想把缓存禁掉。那么浏览器缓存究竟是个什么样的神奇玩意呢? 什么是浏览器缓存: 简单来说,浏览器缓存就是把一个已经请求过的Web资源(如html页 阅读全文
摘要:
【UC浏览器】video标签脱离文档流 场景:<video>标签的父元素(祖辈元素)设置transform样式后,<video>标签会脱离文档流。 测试环境:UC浏览器 8.7/8.6 + Android 2.3/4.0 。 Demo:http://t.cn/zj3xiyu 解决方案:不使用tran 阅读全文
摘要:
之前一直也有技术的积累和团队内部的分享,但一般都在内部论坛及WIKI中分享前端小知识,没有对外,现在我想把我们之前实践过验证过不错的实现方式整理出来,前期会转载其他小伙伴的分享,后期有空也梳理自己工作项目中的总结,希望都保持学习一直进步。 阅读全文