随笔分类 - 性能优化
摘要：转载自https://blog.csdn.net/xiaoxinshuaiga/article/details/80766369 CSRF概念：CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性，你可以这样来理解： 攻击者盗用了你的身份
阅读全文
摘要：一、减少网络请求数量 1. 图片处理 使用精灵图，但首次渲染时，加载一张大图较慢。 base64编码，但会扩大大小 字体图标代替图片 2. 合并文件 合并公共包文件、不同页面单独合并 3. 减少重定向 如果一定要使用重定向，则使用301永久重定向。 4. 使用缓存 5. 避免使用
阅读全文
摘要：1. 禁止使用iframe，会阻碍父文档的onload事件 搜索引擎的解读程序无法解析这种页面，不利于SEO iframe和主页面共享连接池，而浏览器对于同域的加载是有限制的，会阻碍主页面的并行加载 2. 禁止使用gif文件实现loading效果 3. 使用css3代替js实现动画，减少对DOM的操
阅读全文
摘要：时间戳方式 function throttle(func, delay) { // 首先获取使用节流机制时的时间 var prev = Date.now(); return function () { // 再获取调用时的时间 var now = Date.now(); var context =
阅读全文
摘要：首先我们要知道，CSS选择器的解析是从右往左的，例如 div p a .box 首先查找的是页面中class为box的元素，再分别查找为a的元素、为p的元素。。。 关键选择器： 因此最重要的就是最右边的选择器，称为关键选择器 css选择器的效率排序： 内联样式 > ID选择器 > 类选择器 > 标签
阅读全文
摘要：在使用web网页时，如果高频率的触发某一事件，比如拉滚动条，有可能造成页面抖动问题 防抖：在一定时间内，规定允许事件触发的次数 通过设置定时器，触发事件。在定时器首部，会首先清除之前的定时器，以达到规定时间内只能触发一次。如果此时上一次定时器还没有达到指定时间，又创建了新的定时器，之前的定时器就会被
阅读全文
