摘要: 1、onclick添加事件不能绑定多个事件,后面绑定的会覆盖前面的。 2、addEventListener方式,不支持低版本IE。 3、普通方式绑定事件后,不可以取消;addEventListener绑定后,可以用removeEvenListener 取消 阅读全文
posted @ 2017-03-01 00:15 (f)VV><のblog 阅读(546) 评论(0) 推荐(1) 编辑
摘要: 1、图片懒加载:在页面的未可视区域,可以添加一个滚动条事件,判断图片到浏览器顶端的距离如果小于到低端的距离,优先加载。 2、图片预加载技术:如果为幻灯片,相册等,将当前展示图片的前一张和后一张优先下载。 3、其他技术:如果是css图片,可以使用CSSsprite,SVGsprite,Iconfont 阅读全文
posted @ 2017-02-28 23:36 (f)VV><のblog 阅读(387) 评论(0) 推荐(0) 编辑
摘要: DNS缓存:短时间内多次访问某个网站,在限定时间内,不用多次访问DNS服务器。 CDN缓存:内容分发网络(人们可以在就近的代售点取火车票了,不用非得到火车站去排队) 浏览器缓存:浏览器在用户磁盘上,对最新请求过的文档进行了存储。 服务器缓存:将需要频繁访问的Web页面和对象保存在离用户更近的系统中, 阅读全文
posted @ 2017-02-28 23:12 (f)VV><のblog 阅读(2920) 评论(0) 推荐(0) 编辑
摘要: png-8、png-24、jpeg、gif、svn webp:谷歌开发的一种旨在加快图片加载速度的图片格式。 质量相同的情况下,webp格式的要比jpeg格式的小40%, 并能节省大量的服务器带宽资源和数据空间。(Facebook ebay等知名网站已经开始使用) 阅读全文
posted @ 2017-02-28 22:56 (f)VV><のblog 阅读(321) 评论(0) 推荐(0) 编辑
摘要: src:是source 的缩写,指向外部资源的位置, 请求src资源时,会将其指向的资源下载,嵌入并应用到文档标签处。 用于替换当前元素。 当浏览器解析该元素时,会暂停其他资源的下载和处理。 href:是Hypertext Reference(超文本链接)的缩写,指向网络资源所在位置, 建立和当前元 阅读全文
posted @ 2017-02-28 22:42 (f)VV><のblog 阅读(250) 评论(0) 推荐(0) 编辑
摘要: sessionStorage: 用于本地存储一个会话中的数据(会话级别的存储), 同一个会话中的页面才能访问 当会话结束,数据也随之销毁 localStorage: 持久化的本地存储,除非主动删除数据,否则,数据永远不会过期的 cookies:较上两个Storage,cookies的大小是受到限制的 阅读全文
posted @ 2017-02-28 22:26 (f)VV><のblog 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 网页标准的制定,使得web发展的更健康,提高网站的易用性。 1、开发者遵循统一的标准,降低了开发难度和开发成本 2、SEO优化网页也会更加方便,不会因为滥用代码出现各种bug和安全问题。 阅读全文
posted @ 2017-02-28 22:08 (f)VV><のblog 阅读(438) 评论(0) 推荐(0) 编辑
摘要: 即,多个域名指向一个空间 1、CDN(内容分发网络)缓存更方便 2、突破浏览器并发限制 3、节约cookie带宽 4、节约主域名的连接数,优化页面响应速度 5、防止不必要的安全问题 阅读全文
posted @ 2017-02-28 21:47 (f)VV><のblog 阅读(533) 评论(0) 推荐(0) 编辑
摘要: 由于div+css的代码量比较少,所以: 1:页面显示简洁,加载速度比较快。 2:对搜索引擎比较友好,过多的代码,容易造成爬行超时。 div只需要修改css就可以更改页面内容,所以: 3:易于维护和优化 阅读全文
posted @ 2017-01-04 19:59 (f)VV><のblog 阅读(201) 评论(0) 推荐(0) 编辑
摘要: IE浏览器:trident内核 safari浏览器:webkit内核 谷歌浏览器:blink内核(之前是webkit内核) opera浏览器:blink内核(之前是presto内核) Firefox浏览器:gecko内核(ˈgekəʊ-壁虎) 阅读全文
posted @ 2017-01-04 19:37 (f)VV><のblog 阅读(195) 评论(0) 推荐(0) 编辑