例子截图：

HTML代码如下：

 	

 		首页
 		关于Camnpr
 		案例展示
 		联系方式

 	
 
...

1. Ember 

Ember是一个雄心勃勃的Web应用程序，消除了样板，并提供了一个标准的应用程序架构的JavaScript框架。

JavaScript是一种解释型语言，函数声明会在JavaScript代码加载后、执行前被解释，而函数表达式只有在执行到这一行代码时才会被解释。

在JS中有两种定义函数的方式，

1是：var aaa=function(){...}

2是：function aaa(){...} 

var 方式定义的函数，不能先调用函数，后声明，只能先声明函数，然后调用。 

function方式定义函数可以先调用，后声明。

在 JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object” 五种。对于数组、函数、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。

要想区别对象、数组、函数单纯使用 typeof 是不行的。或者你会想到 instanceof 方法，例如下面这样：

...

也许你在网上冲浪时，经常会在使用复制按钮时，出现下图的情况：
(图)

出现这种情况的原因是：浏览器兼容性的问题，那么来看看前端开发人员是怎么处理的，一般代码如下：

/**
...

使用方法：
$("被点击元素选择器").scrollTo("目标"，"speed"，"setting" )；
$.scrollTo("目标"，"speed"，"setting" );//网页初始化后立刻滚动

目标选择器可以使选择器，"top"， "bottom"
...

HTML5让画图更轻松了，但要考虑IE9以下版本，饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息，并可展示两个实体之间的关系。而这些图形如果用Web上则有助于吸引访客的注意力，并有效地解释相关数据。在这里我们推荐一些很棒的工具，你可以通过点击创建非常直观的设计流程图和图表。针对IE全面支持HTML5的解决方案：explorercanvas (HTML5 Canvas for Internet Explorer)

...

父页面调用iframe里的js函数：

document.getElementById('iframedemo').contentWindow.demofunction(); //与下边一句等价
window.frames['iframedemo'].contentWindow.demofunction();
其中iframedemo是iframe的id，demofunction是iframe里的js函数名

获取IE浏览器，显示窗口大小的方法：

document.body.offsetWidth; // 不包括滚动条的宽度
document.body.offsetHeight;

整个网页尺寸常用的获取方法：

document.body.scrollWidth; // 网页正文全文宽
...

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
这就意味着：IE6、7、8都不支持了。同时IE9也是支持一点点HTML5，下边我会就IE怎么不支持HTML5发图证明一下（因为即使浏览器不支持HTML5，那么页面表现形式上也是没什么差别的（部分标签，样式有出入而已））。

...