May232013
手机网站宽度自动适应手机屏幕
如何设置使得手机网站的宽度能够自动适应手机屏幕的大小呢？下面介绍两种方法解决这个问题。
方法一：
在网页的<head>中增加如下这段代码，可以让网页的宽度自动适应手机屏幕的宽度。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
其中：
width=device-width ：表示宽度是设备屏幕...阅读全文
抢沙发
May232013
jquery 模拟鼠标点击事件
Jquery模拟鼠标点击事件，如下面这个例子，下面这个例子实现的效果就是点击b和点击a的效果是一样的，虽然我们并没有给b设置具体的点击事件。
<html xmlns="http://www.phpernote.com/javascript-function/290.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery模拟鼠标点击事件-示例</title>
<...阅读全文
May232013
页面应该如何加载javascript才能提高网站性能
所有浏览器在下载JS的时候，会阻止一切其他内容的加载，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。
（1）为什么JS不能像CSS、image一样并行下载了？
这里需要简单介绍一下浏览器构造页面的原理，当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现某个节点(node)上引用了CSS或者IMAG...阅读全文
May232013
十大最优秀的Web网站性能测试软件工具
随着互联网技术和理念的快速发展和迅速普及，很多企业越来越重视互联网，把互联网当作一种更为高效的资源和工具，并建立起一系列基于Web的网站服务。企业在建立或使用基于Web的网站服务时，都很难想象出当大批量用户同时访问网站系统时候的情境。这样，当Web网站遇到突发访问高峰时，很容易因没有预先估测网站访问量而导致服务器响应速度变慢甚至服务直接宕机的后果。
为了避免因为访问...阅读全文
May232013
web前端开发小工具集合
收集的一些轻量级非常实用的前端开发小工具，以后还会不定期进行更新，现将目前收集的信息列表如下：
CSS 3相关
1.CSS3样式生成器：http://www.css88.com/tool/css3Preview/
2.CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/
3.CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/
4.背景色alpha透明工具：http:/...阅读全文
May232013
javascript利用谷歌地图开发路线图示例
javascript利用谷歌地图开发路线图示例，效果如下：
页面代码如下：
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Directions Complex</title>
<link href="http://code....阅读全文
May232013
免费天气预报API接口使用教程（信息来源权威及时）
本文将介绍两种免费获取天气预报信息的方式（天气信息来源于国家气象局，还是比较权威及时的）：
（1）JSON 类型接口：
JSON 类型的接口返回的数据又有三种形式，具体各种接口地址以及返回信息形式参见如下：
（1）接口地址：http://www.weather.com.cn/data/sk/101180605.html
返回信息形式：
{“weatherinfo”:{“city”:”新县”,”cityid”:&...阅读全文
May232013
禁止网页右键、复制、另存为、查看源文件等功能实现网页源代码保护
禁止网页右键、复制、另存为、查看源文件等功能实现网页源代码保护，总结出如下几种方法实现对网页的简单保护，具体代码如下：
1、禁止右键菜单
<script type="text/javascrpt" language="javascript">
//方法一
function noMenuOne()
{
alert('禁止右键菜单!');
return false;
}
document.oncontextmenu = noMenuOne;
//方法二
function noMenuTwo()
{
if(...阅读全文
May232013
May232013
Javascript 异步加载，提高网页的浏览速度
一、同步加载与异步加载的形式
1. 同步加载
我们平时最常使用的就是这种同步加载形式：
<script src=”http://www.phpernote.com/script.js”></script>
同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。
js 之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定...阅读全文