zoukankan      html  css  js  c++  java
  • nopcommerce之移动版简介

    很多朋友在看nopcommerce源码的时候都会忽略里面很重要的一块,那就是nopcommerce移动版,事实上从nopcommerce2.3开始就已经加入了移动版,不过默认是不开启的,你需要在后台综合设置里面启用,启用后可以用iphone、ipad等终端浏览,也可以使用火狐模拟iphone浏览,火狐里面安装插件user agent switcher就可以实现了,因为nopcommerce移动版使用了html5,所有主要是针对触摸屏的终端,效果如图所示:

    nopcommere移动版在开发中使用到了html5+mvc+jquery mobile等技术,根据我的了解,这有可能成为未来手机开发的趋势。

    1、Jquery mobile构建于Jquery 以及 Jquery UI类库之上,为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出色的弹性,轻量化以及渐进增强特性与可访问性。 更多内容请查看: http://jquerymobile.com/http://www.jqmapi.com/

    2、html5作为新一代的html标准,也有其独特的优势。

    HTML5 是如何起步的?

    HTML5 是 W3C 与 WHATWG 合作的结果。

    编者注:W3C 指 World Wide Web Consortium,万维网联盟。

    编者注:WHATWG 指 Web Hypertext Application Technology Working Group。

    WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

    为 HTML5 建立的一些规则:

    • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
    • 减少对外部插件的需求(比如 Flash)
    • 更优秀的错误处理
    • 更多取代脚本的标记
    • HTML5 应该独立于设备
    • 开发进程应对公众透明

    新特性

    HTML5 中的一些有趣的新特性:

    • 用于绘画的 canvas 元素
    • 用于媒介回放的 video 和 audio 元素
    • 对本地离线存储的更好的支持
    • 新的特殊内容元素,比如 article、footer、header、nav、section
    • 新的表单控件,比如 calendar、date、time、email、url、search

    浏览器支持

    最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

    更多内容请查看:http://www.w3school.com.cn/html5

    3、MVC实现了展示层和逻辑代码的完美分离,并且生成了很干净的html代码,这对于手机开发来说是很重要的,因为传统的web form方式生成了大量的垃圾代码,有些手机在显示上可能会出现问题。

    对手机开发感兴趣的朋友不妨看nopcommerce源码的过程中也关注一下这块内容。

    分享是一种美。版权所有,转载请注明出处http://www.nopchina.net/

  • 相关阅读:
    require() 源码解读
    那些JS容易忽略的题
    javascript:void(0);与return false
    location.href
    IE CSS Bugs 列表和解决方法
    npm 常用命令
    移动开发不能不知道的事-meta
    Canvas介绍
    用CSS变形创建圆形导航
    一个传统行业互联网系统的架构演化(Week 4)
  • 原文地址:https://www.cnblogs.com/wucf2004/p/2683132.html
Copyright © 2011-2022 走看看