- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 利用CSS、JavaScript及Ajax实现图片预加载
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。用CSS和JavaScript实现预加载单纯的使用css可以将图片加载到页面元素的背景上，这种方法简单、高效：#preload-01 { backgr
2016-11-30 17:53:45
2989
原创 说说web缓存
为什么要用缓存一般针对静态资源如CSS,JS,图片等使用缓存，原因如下： 请求更快：通过将内容缓存在本地浏览器或距离最近的缓存服务器（如CDN），在不影响网站交互的前提下可以大大加快网站加载速度。 节省带宽：对于已缓存的文件，可以减少请求带宽甚至无需请求网络。 降低服务器压力：在大量用户并发请求的情况下，服务器的性能受到限制，此时将一些静态资源放置在网络的多个节点，可以起到均衡负载的作用，降低服务器
2016-11-30 10:24:04
3243
原创 圣杯布局的实现过程
圣杯布局和双飞翼布局，它们都要求三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染，而双飞翼布局是对圣杯布局的一种改良，下一篇会讲到。圣杯布局：用到浮动、负边距、相对定位，不添加额外标签。DOM结构：<div class="header">Header</div> <div class="bd"> <div class="main">Main</div>
2016-11-28 21:50:33
2837
原创 HTML5中的data-*自定义属性
HTML5增加了一项新功能是：自定义数据属性，也就是data-*自定义属性。在HTML5中我们可以使用data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可以通过脚本进行定义和数据存取。在项目实践中非常有用。例如：<div id="div1" class="div1" data-id = "myId" data-class = "myClass" data-id-and
2016-11-25 12:05:02
5712
原创 详解HTTP协议
HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是用于从万维网（WWW:World Wide Web）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML文件，图片文件，查询结果等）HTTP是一个属于应用层的面向对象协议，由于其简洁、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经
2016-11-23 11:17:19
3349
原创 通俗易懂的讲解DOM
DOM是所有前端开发每天打交道的东西，但是随着jQuery等库的出现，大大简化了DOM操作，导致大家慢慢的“遗忘”了它的本来面貌。不过，要想深入学习前端知识，对DOM的了解是不可或缺的，所以本文力图系统的讲解下DOM的相关知识，如有遗漏或错误，还请大家指出一起讨论^ ^。一、DOM是什么 DOM（文档对象模型）是针对HTML和XML文档的一个API，通过DOM可以去改变文档。这个说法很官
2016-11-21 22:22:17
4095
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人