超级简单实现JavaScript MVC 样式框架(3)

  如果IE的版本低于9,那么function.bind,Object.getOwnPropertyNames和Array.forEach属性将不会被支持。因此我们要通过判断浏览器是否低于IE9来反馈代码是否支持。

  其中的内容有home.html, contact.html 和 admin.html 请看下面:

  home.html:

{{Message}}

超级简单实现JavaScript MVC 样式框架

  contact.html:

{{FirstName}} {{LastName}} <br /> {{Phone}}

超级简单实现JavaScript MVC 样式框架

  admin.html:

<div> <label for="txtUserName">User Name</label> <input type="text" value="{{UserName}}" /> </div> <div> <label for="txtPassword">Password</label> <input type="password" value="{{Password}}" /> </div>

超级简单实现JavaScript MVC 样式框架

  完整的代码可以从给定的下载链接中得到。

 如何运行代码

  运行该代码比较简单,需要在你喜欢的Web服务器上创建一个Web应用,下面以IIS为例来说明。

  首先在默认站点中新增一个Web应用.

超级简单实现JavaScript MVC 样式框架

  然后设置必填信息:别名,物理路径,应用池,用户认证信息,点击OK。

超级简单实现JavaScript MVC 样式框架

  最后定位到Web应用的内容目录,浏览你想打开的HTML页面即可。

超级简单实现JavaScript MVC 样式框架

  跑在服务器里是必要的,因为代码加载从存储于外部文件中的视图,浏览器不会允许我们的代码在非宿主服务器环境下执行。当然如果你使用Visual Studio那么直接在目标html文件上右键,选择‘View In Browser'即可。

 浏览器支持

  大部分的现代浏览器都支持本代码。针对IE8及以下的浏览器,有一份单独的代码来支持,但很不幸,这份代码远多于100行。因此这代码不是百分百跨浏览器兼容的,所以当你决定在项目中使用时需要对代码进行微调。

 兴趣点

  This example demonstrates这个示例向我们展示了对于非常明确地需求来说,真没必要全部使用js库和框架来实现。Web应用是资源密集型的,最好只使用必要的代码而丢掉其他多余部分。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgfyfd.html