- 博客(6)
- 收藏
- 关注
原创 鼠标移入移除
mouseout: 鼠标离开事件 mouseleave: 鼠标离开事件 区别: 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。 只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。 mouseover: 鼠标移入事件 mouseenter: 鼠标移入事件 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave 坑: mouseout:
2021-12-24 17:54:56
325
原创 2021-04-30
Vue 应用性能优化指南 得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上,Vue 应用的开发者一般不需要做额外的优化工作。 但在实践中仍然有可能遇到性能问题,下面会介绍一些定位分析 Vue 应用性能问题的方式及一些优化的建议。 Vue 应用运行原理 整体内容由三部分组成: 如何定位 Vue 应用性能问题 Vue 应用运行时性能优化建议
2021-04-30 15:50:51
96
1
原创 2021-04-27
1.call、apply的区别: call和aplly的第一个参数都是要改变上下文的对象,而call从第二个参数开始以参数列表的形式展现,apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数。 fn.call(obj, arg1, arg2, arg3…); fn.apply(obj, [arg1, arg2, arg3…]); 2.call、apply与bind的差别: call和apply改变了函数的this上下文后便执行该函数,而bind则是返回改变了上下文后的一个函数。 例子:
2021-04-27 10:10:54
60
原创 2021-04-25
第一种 wx.navigateTo() wx.navigateTo( { url: '要跳转的页面链接' //注意链接不能带扩展名 该方法不会卸载当前页面 只是会把当前页面隐藏 但是不能跳转tabbar页面 }) 1 2 3 第二种 wx.redirectTo() wx.redirectTo( { url: '要跳转的页面链接' //注意链接不能带扩展名 该方法会卸载当前页面 打开一个新页面 但是不能跳转tabbar页面 }) 1 2 3 第三种 wx.relaunch() wx.relaunch(
2021-04-25 16:23:48
113
原创 2021-04-25
闭包的作用和优缺点 例子 function fun() { var num = 0; return function() { num++ // console.log(num) return num } } var result = fun() var num1 = result() // 1 var num2 = result() // 2 1 2
2021-04-25 16:20:54
38
原创 2021-04-25
动态配置rem其实就是在窗口大小改变时重新设置rem的值 (function(doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.clientWidth > 750) {
2021-04-25 16:16:46
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人