将手机网站做成手机应用的JS框架
发表于 2010年09月1日 由 标点符
随着智能手机销量持续飙升,越来越多的开发者投入到移动应用开发之中。无论是本地化的APP应用,还是移动优化版的网络站点,移动创新正以不可思议的速度蔓延开来。
本地APP仍然有其价值所在,但随着越来越多的不同设备、操作系统,以及屏幕大小让开发移动优化版的网站越来越令人着迷。实际上,在以快速、迭代、跨平台为基础的WEB应用,与具备更多标准化用户界面、手势支持、多点触摸以及硬件优化为基础的本地应用,此二者间历来便有权衡利弊的比较。
幸运的是,越来越多的现成框架让开发者们可以更轻松地为自己的移动网站开发应用,并且在界面上也更加接近本地化的APP。如下便是六个现成的框架:
一、jQuery Mobile
jQueryMobile不像前面SproutCore 或者Sencha Touch,它没有提供一个完整的应用架构。但它是一个新的开始,其也以向移动网站应用提供更多本地化的控制为宗旨。jQuery Mobile项目宣布其要成为“完整的,统一的,移动UI架构”。 jQuery Mobile核心项目也将继续为移动提供优化,但jQuery Mobile更专注于为主流智能手机浏览器提供一种真正的顶级的JS体验和界面。
官方网址:http://jquerymobile.com/
支持列表:http://jquerymobile.com/gbs/
二、Sencha Touch
Sencha前身是Ext JS ,全名是Sencha Touch HTML5 mobile framework.它提供一种可跨平台的架构,目前支持IOS,Android将在不久后得到支持。这种在线摸触摸技术结合了一个UI库的独立解决方案,触摸项目管理、地理技术支持、离线缓存技术以及特殊的CSS和CSS3功能。
官方网址:http://www.sencha.com/products/touch/
演示地址:http://www.sencha.com/products/touch/demos.php
三、YUI 3.2
雅虎将发布最新的JS实用程序的YUI库。YUI最新版对触摸和移动设备提供更多更好的支持
官方网址:http://yuilibrary.com/
四、iUI
iUI是一个iPhone用户界面架构,其设计目标是像移动网站应用提供更接近iPhone的体验。它的工作原理是结合WEBKIT为基础的设备以及包括一个JS库和CSS及图形。其最早追溯至2007年,但多年以来缓慢地升级以提供更多其他设备,甚至是iPad。
官方网址:http://code.google.com/p/iui/
五、SproutCore
SproutCore是一个HTML5的架构,目标帮助开发者建立桌面口径的web应用,并且支持任何浏览器下无需补丁的运行。其项目带头大哥已经辞去了其原本苹果的职位,专心致志地来完成此项目。
官方网址:http://www.sproutcore.com/
演示地址:http://demo.sproutcore.com/
六、XUI
在开发Phonegap时,XUI团队对应用于移动设备的现存JS库及表现很失望。XUI创建的初衷是跨多个移动浏览器工作,其包括WEBKIT,Fennec,Opera。其目标是为低成本条件下解决传统JS库不适合移动浏览器,提供更多跨兼容的方案。
官方网址:http://xuijs.com/
英文原版:http://mashable.com/2010/08/18/mobile-web-app-frameworks/
分享到:
相关推荐
Rabbit.js 能够提供一个清晰的开发思路,让你的应用逻辑清晰并且足够结构化,但是同时又不会增加你的开发复杂度,相反,复杂度被降低,因为在逻辑分层的过程中对很多操作做了封装,你要做的就是关注自己需要关注的...
4. jquery.min.js - jQuery库,简化了DOM操作和事件处理,被许多JavaScript框架依赖。 5. jquery.easing.1.3.js - jQuery的动画缓动插件,为滚动效果提供多种过渡动画效果。 6. jquery.mousewheel.js - 添加对鼠标...
标题中的“将WEB网页做成桌面程序效果的框架”是指一种技术,它允许Web应用程序模拟桌面应用的用户体验。这种技术的核心是利用JavaScript库和Web服务来实现。在这个特定的例子中,框架可能结合了两种流行的技术:...
6. **三角剖分**:将多边形拆分成三角形,为3D渲染做准备。 7. **空间查询**:实现距离计算、包含关系检测等空间分析功能。 geometry-processing-js 的源代码位于压缩包中的 "geometry-processing-js-master" ...
**BriefJS:构建UI的简单声明式JavaScript框架** 在当今的Web开发中,JavaScript框架扮演着至关重要的角色,它们简化了前端开发流程,提高了代码的可维护性和复用性。BriefJS是一个专为构建用户界面(UI)设计的轻...
### AppCan移动应用开发框架详解 #### 一、概述 AppCan是一款专为移动应用开发设计的跨平台框架,它支持HTML5、CSS3和JavaScript等前端技术栈,旨在帮助开发者构建可在Android、iOS和Symbian等多个操作系统上运行的...
网站模板是快速构建网站的一种高效方式,它包含了HTML(超文本标记语言)、CSS(层叠样式表)和JS(JavaScript)等核心元素。这些技术共同构成了网页的基本骨架和交互功能,使得开发者能够节省大量时间,避免从零...
描述中的“主要是用css js 用frame做成的”揭示了这个后台管理框架的核心技术栈。CSS(层叠样式表)负责页面的布局和视觉样式,JS(JavaScript)则处理动态交互和功能实现。这里的“frame”可能是指框架(framework...
【标题】中的“一个用frameset、ajax做的管理网站框架模板”揭示了这个项目的核心特点。frameset是HTML中用于创建网页布局的一种技术,它允许我们将浏览器窗口分割成多个独立的区域,每个区域可以加载不同的网页内容...
框架在网页设计中是指一个划分网页空间的结构,它将页面分割成多个区域,每个区域可以独立展示不同的内容。通常,框架由HTML的`<frameset>`标签定义,而每个子页面则由`<frame>`标签指定。 2. **自适应高度** ...
标题“EasyUI做的漂亮的后台管理框架”表明我们将讨论如何利用EasyUI创建美观且功能强大的后台管理系统。 描述中提到,这个框架基于EasyUI,并进行了扩展和前台封装,意味着它不仅包含EasyUI的基本功能,还可能有...
Vue.js是尤雨溪开发的一款渐进式JavaScript框架,它允许开发者分阶段构建复杂的Web应用。Vue的核心库关注视图层,易于与现有库或项目集成,这使得Vue在实现仿蜜雪冰城手机订餐系统时能够灵活地与其他技术配合,如...
4.动态加载所需的JS和CSS文件,JS文件已全部做成CLASS类,不占用服务器连接。 5。纯粹的客户端JS系统,与服务器的连接永远是一个页面(除非你用IFRAME,但用IFRAME就违背了本程序的初衷),适合作为云计算模式的...
SSM框架是Java Web开发中常用的整合框架,由Spring、Spring MVC和MyBatis三个开源项目组合而成。这个"ssm的基本框架"压缩包文件很可能包含了一个基础的单模块SSM项目的源码,用于教学或者实践目的。让我们来详细探讨...
这个项目是一个基于Vue.js框架开发的手机考试H5页面,旨在为用户提供一个轻量级、可扩展的在线考试解决方案。Vue.js是当前前端开发领域中非常流行的一个渐进式框架,它具有组件化、易学习、高性能等特点,使得开发...
Electron 是一个使用 web 技术构建跨平台桌面应用的框架,它可以将网页打包成桌面应用,生成 exe 可执行文件。Electron 使用的是 Chromium 和 Node.js 的技术,可以使用 HTML、CSS 和 JavaScript 来构建桌面应用。 ...
标题中的“html+css+js做成的百度网页”意味着这个项目使用了三种主要的前端技术:HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript,来创建了一个类似于百度网站的页面。这个页面可能包含了注册百度账号的...
在本文中,我们将深入探讨如何使用Vue.js、JavaScript以及WebSocket技术来构建一个实时的在线聊天室。WebSocket是一种在客户端和服务器之间建立长连接的网络协议,它可以提供双向通信,即服务器和客户端都能主动发送...
部署时,通常会将应用打包成WAR文件,然后放到如Tomcat这样的应用服务器上运行。 这个心理反馈系统展示了SSM框架在实际项目中的应用,涵盖了Web开发的多个关键方面,为学习者提供了一个实战练习的好机会。通过这个...
在本文中,我们将深入探讨如何使用`mui`和原生`JavaScript`实现一个适用于手机端H5的可多次上传附件的小插件。这个插件具备图片压缩和预览功能,同时支持视频预览,旨在为开发者提供一种简洁的实现思路。 ### 1. ...