前端性能优化主要有两个方面： 初始阶段 >加载优化 运行阶段 >渲染优化 一、初始阶段 >加载优化 1. 首页加载慢 首页加载图片过多： 使用懒加载的方法减少首屏图片的加载量（懒加载的原理就是监听滚动条事件，如果满足滚动条距离浏览器顶部的高度 图片距离顶部的高度，将data-src赋值给src） 对 ...
分类：
其他好文 时间：
2021-05-24 05:09:59
阅读次数：
0
document.querySelector(".fixed-table-body").addEventListener("scroll", function(){alert("监听滚动条事件")});var func_scrolltop = function(){ // console.log(t ...
分类：
其他好文 时间：
2020-06-08 14:50:47
阅读次数：
135
实现var a=add(2)(3)(4);//9 第一种方式： function add(a) { var temp = function (b) { return add(a + b); } temp.valueOf = function () { return a; } return temp; ...
分类：
其他好文 时间：
2020-05-12 20:36:08
阅读次数：
68
Event事件 change 修改事件 error 错误事件 load 加载事件 reset 重设事件 resize 重新修改大小事件 select 选择文字事件 submit 提交事件 unload 卸载事件 scroll 滚动条事件 change 是修改事件，主要用于表单元素，当表单元素被修改时 ...
分类：
Web程序 时间：
2020-01-08 21:10:07
阅读次数：
100
今天遇到需要监听滚动条事件的问题，本来以为是一个简单的监听就好了，哪成想，这么多bug，说到底还是自己基础不扎实，所以趁现在下班没事把它记录下来。以备后续所需，哈哈。 （1）首先是最基本的监听事件 methods: { handleScroll() { const top = window.page ...
分类：
其他好文 时间：
2019-11-26 22:23:31
阅读次数：
71
设置一个开关为分页节流做处理（不节流回一次加载多个page次数） 在methods中做分页处理： 分页的节流：设置一个开关，如果为false时进入触发page++，执行List（），并且触发前设置开关为true，并且在List（）函数里设置开关为false，（开关为true不能执行分页，为false ...
分类：
其他好文 时间：
2019-11-01 12:34:34
阅读次数：
123
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/test.js" type="text/javascript" charset="utf-8"></script> ...
分类：
编程语言 时间：
2018-12-24 23:29:11
阅读次数：
340
图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。如果图片为 css 图片，可以使用 CSSsprite，SVGsprite，Iconf ...
分类：
Web程序 时间：
2017-08-14 18:53:22
阅读次数：
181
