性能优化
Creabine
时无重至,华不再扬
展开
-
前端性能优化入门
最近简单的了解了一下前端性能的优化,看了网上的许多文章,从无到有的知道了一些皮毛,知道了一些基础又简单易用的优化方式,记录在这里。减少请求次数1.使用CSS Sprite制作雪碧图: 当网页中有多张图片的时候,浏览器会发送多个请求给服务器,逐个得到。通过制作雪碧图,把多个图片整合成一张大图,然后再通过background-position来得到相应的小图,这样可以有效的减少请求次数。2.合并、压原创 2016-05-11 16:49:06 · 863 阅读 · 0 评论 -
如何在网页中加入title图标
HTML中,如何在title标签的文字前加入例如下图圆圈中的图标呢?首先,要加入图标,需要.ico格式的图片才可以。可以在:http://www.bitbug.net/ 这里上传图片,制成.ico格式的文件。然后在html的标签中插入:若插入之后不显示,重启浏览器即可。原创 2016-01-22 23:19:12 · 15566 阅读 · 0 评论 -
innerHTML和innerText造成的乱码现象 以及 background-image放入.css中失效
在使用innerHTML或者innerText的时候,替换内容为中文的时候,替换接锅在网页中显示乱码。这是因为html文件的编码格式为UTF-8而js文件不是。这种情况,只要使用记事本打开js文件,并且另存为UTF-8编码格式的文件,即可正常使用。原创 2016-01-22 23:26:02 · 5091 阅读 · 1 评论 -
常见浏览器兼容性问题记录
1.360浏览器有多种模式,包含不同的内核,有时候在不同模式下网页不能正常显示(我的是在360极速浏览器安全模式下显示出错)。此时在<head>标签中加入://<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />其中:1)「http-equiv=”X-UA-Compatible”」这个是IE8的专用标记,是用来指定Inte原创 2016-06-15 18:30:30 · 969 阅读 · 0 评论 -
JavaScript中label语句的使用
之前在读《javascript高级程序设计》的时候,看到过lable语句,当时看完感觉好像很少用到,但是今天,刚好在项目终于到了合适的场景,合理使用label可以大幅度优化性能。首先来简单描述一下这个场景:var itemsId = [1,3];var all = [[{id:1,name:hehe},{id:3,name:hehe}],[{id:2,name:hehe},{id:4,name:原创 2017-03-15 16:13:59 · 6694 阅读 · 6 评论 -
函数节流与函数防抖
在上一篇博客js事件全解中提到了事件的各种用法,有时我们希望一些事件如scroll,resize,keyup等多次触发,但如果过于频繁,会导致界面卡顿,甚至浏览器崩溃。为了不影响性能,又需要限制他的触发频率,这时候就需要使用函数节流(throttle)和函数防抖(debounce)来解决这个问题。 函数节流(throttle)和函数防抖(debounce)都是通过延时逻辑操作来提升性能的方法原创 2017-12-03 15:11:59 · 1573 阅读 · 0 评论