图片预览主要包括两个部分：从file表单控件获取图像数据，根据数据显示预览图像。

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。
使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验。
但随着浏览器安全性的提高，要实现图片上传预览也越来越困难。
不过群众的智慧是无限的，网上已经有很多变通或先进的方法来实现。
例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法。
但在opera、safari和chrome还是没有办法实现本地预览，只能通过后台来支持预览。

目前基本所以后台程序都是面向对象MVC模式开发，作为Web前端开发的人来说，也是很需要的，那么目前有没有可以借鉴的呢？
作者（Gordon L.Hempton）一直在寻求哪种MVC框架最为完美，他将目前能获取到的所有框架都粗略地试了试，然后在文章中列出了每一种框架的情况概要，在文末分享了作者经过对比之后最终的推荐产品。 

首先要特别说明一下，作者认为以下四个功能是十分重要的： 
 

判断当前访问网站的设备是否是PC

//平台、设备和操作系统
        var system ={
        win : false,
        mac : false,
        xll : false
        };
        //检测平台
        var p = navigator.platform;
...

禁止copy、禁止Ctrl、禁止shift、禁止alt、禁止快捷菜单、禁止右键

代码如下：（建议保存到一个js文件中，例如：nocopy.js）

function iEsc(){ return false; }
function iRec(){ return true; }
function DisableKeys() {
...

摘自：es5-safe.js

// ES5 15.4.4.18
// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach
...

摘要：

桌面通知，我们经常看到的比如QQ，Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能，只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开，但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能，目前Notification的浏览器支持情况不大好，我测试了一下,IE9，FF12，FF20，Opera11不支持，Chrome支持最好。 

例子截图：

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 方法，例如下面这样：

...