前端性能优化:网站性能优化
摘要:网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites,把多个图片合并到一个单独的图片中,利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是,如果一张小图,需要N个颜色,就必须做N个不同颜色的小图,合并到
阅读全文
posted @
2022-09-13 08:36
一只阿木木
阅读(586)
推荐(1) 编辑
前端性能优化:浏览器缓存优化
摘要:浏览器缓存有多种形式,持久化或者会话存储。以chrome为例,打开调试面板,找到Application选项卡,就可以看到它所支持的各种缓存模式 缓存方式详解使用情况 http缓存 分为强缓存(200)和协商缓存(304),文章后面有详细介绍 强烈推荐 localstorge 本地缓存单个域名下有大小
阅读全文
posted @
2022-09-13 08:29
一只阿木木
阅读(966)
推荐(0) 编辑
优化:更优雅的异步代码?
摘要:异步问题 回调地狱 异步编程中最常见的一种问题便是回调地狱。 我们产生多个success状态下的回调函数,或者多个ajax请求同时发送,全部success状态后执行回调。 如果需要在successCallback2完成后继续回调,就要一层一层的嵌套。代码不是纵向发展,而是横向发展,这就是js中的回调
阅读全文
posted @
2018-06-11 19:34
一只阿木木
阅读(302)
推荐(0) 编辑
优化:js 逻辑运算符优化
摘要:运算符的代码优化,可以精简代码,提高代码可读性 下面主要讨论下逻辑运算符与 &&, 或||。 示例: 假设对成长速度显示规定如下: 用代码怎么实现? 也可以用switch实现 如果需求改成: 你有没有想过用一行就代码实现呢? 更优雅的方式 第二个需求: 讨论区: 几乎所有语言中||和&&都遵循“短路
阅读全文
posted @
2018-04-20 11:35
一只阿木木
阅读(436)
推荐(0) 编辑
window.open open new window?
摘要:when ever i use 1 window.location.href=//some url it always open a new window, this only happens when the parent window is an dialog box. what is wron
阅读全文
posted @
2018-04-18 16:32
一只阿木木
阅读(1538)
推荐(0) 编辑
JS window对象的top、parent、opener含义
摘要:1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方法弹出了B页面,在B页面中
阅读全文
posted @
2018-04-18 15:47
一只阿木木
阅读(241)
推荐(0) 编辑