月度存档: 七月 2013

30个提高Web程序执行效率的好经验

1、尽量避免使用DOM。当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方法来替换document.createElement/appendChild()方法。

2、eval()有问题,new  Fuction()构造函数也是,尽量避免使用它们。

3、拒绝使用with语句。它会导致当你引用这个变量时去额外的搜索这样的一个命名空间,with里的代码在编译时期是完全未知的。

4、使用for()循环替代for…in循 环。因为for…in循环在开始循环之前需要Script引擎创建一个含有所有可循环属性的 List,需要多检查一次。 继续阅读 »

css3 一些需要记录的属性

text-overflow属性

(禁止换行)配合使用,否则无法看到效果作用:设定内容溢出状态下的文本处理方式。

取值:

clip: 默认值 继续阅读 »

jQuery性能优化

1,总是从ID选择器开始继承
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码:

  1. <div id=”content”>
  2. <form method=”post” action=”#”><h2>交通信号灯</h2>
  3. <ul id=”traffic_light”>
  4. <li><input type=”radio” class=”on” name=”light” value=”red”/> 红色</li>
  5. <li><input type=”radio” class=”off” name=”light” value=”yellow”/> 黄色</li>
  6. <li><input type=”radio” class=”off” name=”light” value=”green”/> 绿色</li>
  7. </ul>
  8. <input class=”button” id=”traffic_button” type=”submit” val 继续阅读 »

只在需要的时候加载需要的 JavaScript

一年前我做了一个关于这个主题的演讲。我第一次关注这个技术是因为 @dhh发布的他们在 37signals使用的一些观点。我注意到他们 在模板视图里如何使用JavaScript,动态生成JavaScript这是它的关注点,这引起了我的思考。
与之前我们在前端加载全部javascript相比,为什么我们不加载最少量的JavaScript然后在用户界面需要的时候再加载额外的JavaScript代码呢?
  继续阅读 »

html5 智能表单

Type=”email” 限制用户输入必须为Email类型
Type=”url” 限制用户输入必须为URL类型
Type=”date” 限制用户输入必须为日期类型
Type=”time” 继续阅读 »

html5 canvas标签

<!doctype html>
<html>
<head></head>
<body>
<canvas width=”500″ height=”800″ style=”background:yellow” id=”canvas”>
您的浏览器当前版本不支持canvas标签
</canvas>
<script>
//获取画布DOM 还不可以操作 继续阅读 »

新增的HTML5标签

结构标签:(块状元素) 有意义的div

<article>  标记定义一篇文章

<header>  标记定义一个页面或一个区域的头部

<nav>   标记定义导航链接

<section>  标记定义一个区域 继续阅读 »