图片延迟加载/JQ懒加载技术
目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。下面来介绍两种方法：
方法一：js实现图片……
js实现选项卡两种方法 HOT
效果如图所示：
公用HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js选项卡切换</title>
<style>
input { width:100px; height:50px; border: 1px solid #ddd;margin: 0 -2px;}
div { width:300px; height:100px;text-align: center……
div水平垂直居中问题
来，直接来吧，，
一、如果是文字居中：
<div class="center"><span>hello</span></div>
则css：<style>.center { width:200px; height:100px; text-align:center; line-height:100px}</style>
这就实现了水平垂直居中，如图：
二、如果是div居中：
<div class="wrap"><……
10个不错的css hover效果
公共部分代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>hover效果</title>
<style type="text/css" media="screen">
body {margin: 0;height: 0;background-color: #F1F1F1;}
.warp {width: 250px;height: 150px;background-color: #5e7c8……
web前端开发页面优化 HOT
前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。（网站杜绝白屏）
以下为前端优化优化方案：
(1) 减少http请求次数：css spirit,data url // +去除网站中死链和没用的链接
(2) JS，CSS源码压缩 ……
JS动态计算移动端rem
随着互联网的发展，wap端的浏览量已超过了PC端，每个浏览器默认的字体大小也不一样，为了提高用户在咯浏览终端的体验度，就不得不用css3 的rem了。
rem的取值是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，在根元素中设置多大的字体，这完全可以根据您自己的需求来定了。下表为常用的px……
