- 博客(12)
- 收藏
- 关注
原创 序列的页面优化
序列的每一帧都需要通过JavaScript代码或其他方式进行处理和渲染,这可能会导致性能下降,尤其是在旧的设备或性能较低的浏览器上;:每个序列通常有150帧左右,而为了减小页面资源加载,在支持webp图片的浏览器中需要加载webp图片,所以一共需要放置300张图片到文件夹中,文件可以达到几十兆;目前产品页面加载对于根据鼠标滚动播放的画面多以序列帧的表现形式,此方式加载会使浏览器内存占用过高,渲染不及时会导致页面掉帧等其他性能问题,本次方案主要。:页面序列帧和视频的加载时间都会有不同程度的影响用户体验。
2023-07-20 15:28:44 93
原创 浏览器兼容ie10
if($.browser.msie&&($.browser.version == "10.0") ){ // console.log("aa"); // 执行内容 $('#js-wrapper').css({ transform : 'matrix(1, 0, 0, 1, -50569, 0)' });}
2020-05-09 14:32:17 210
原创 鼠标移动跟随效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2020-05-09 10:35:16 578
原创 判断dom在可视区
let width = $(window).width();let $dom = $('.box');let judgePosition = (target) => { return (target.offset().left <= width) && (target.offset().left + target.width() >=...
2020-05-08 17:29:06 606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人