- 博客(12)
- 收藏
- 关注
原创 叫你快速会写js购物车,不会写你打我
<div id="app"> <div class="product" v-for='(item,index) in list'> <button class="up" @click='upFn(index)'>+</button> <input type="text" class="inp" v-model='item.num'> <button...
2022-03-15 20:35:28 299
原创 canvas的一次拖拽和缩放,发现, 在快速或者足够多的操作之后,内存会逐渐上升,导致浏览器卡死,经过查找相关资料,发现了几个优化的点,这里作为记录。
1 批量绘制图形,一次性渲染2 采用离线缓存处理canvas,显著提升性能3 大尺寸的canvas可以转换成图片显示,以保证交互操作的流畅4 使用requestAnimationFrame,传统的以固定频率命令浏览器进行渲染不同,该方法可以更友善的对待浏览器,它会在浏览器可用的时候使其来 渲染。这样带来的另外一个好处是当页面不可见的时候,它会很聪明的停止渲染。...
2021-10-12 16:42:24 705
原创 前端经典面试题 ( 20道前端面试题包含 JS、CSS、vue、Es6、浏览器、网络等)
1、什么是防抖和节流?有什么区别?如何实现?参考答案防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用方法<pre data-tool="mdnice编辑器" style="margin: 10px 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-wor
2021-10-03 15:59:14 613
原创 this的指向
this 指向函数运行时所属的对象 this 不指函数本身,也不指函数所对的作用域,指向调用此函数的对象 this 指向分为六种情况 1) 全局函数中的this,在全局环境下调用的时候指向window 注意:如果全局函数内部是严格模式,则在全局环境下不指向window 指undefined 2) 函数被赋值给某个事件时,指向绑定事件的对象 3) this在对象的方法中使用时,指向的是 方法所属的对象...
2021-09-24 14:32:46 67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人