‘壹’ WEB移动端开发使用什么框架比较好
很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多，很多新的技术已经出现，下面再来总结下还有哪些框架是适合面向手机设备的开发的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。
2、jQTouch
jQTouch 是一个 jQuery 的插件，主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。
3、DHTMLX Touch
DHTMLX Touch是一个免费的HTML5/JavaScript框架，专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。
4、Mobilize.js
Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速，简便地构建移动网站。这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示，而不是实现一个全新完整的移动页面。Mobilize.js 可用于任意网站，但对于基于WordPress和Sphinx的网站不需要使用该框架转换，因为已经有非常多的插件可以使用。
5、The M Project
The-M-Project是另外一个强大的JavaScript框架，它利用HTML5新的特性来更好和更简便地开发移动应用。这个框架遵循着名的MVC软件架构模式。它还支持离线，所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候，再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南)。可以查看提供的示例来对该项目有一个初目的了解。这些示例包括：ToDo App(待办事项目应用) 和 KitchenSink (这个示例包括这个框架提供的所有UI元素)。
6、WebApp.Net
WebApp.Net 提供了很多的 API，因此可以帮助你节省很多工作了。不需要花时间去进行 Ajax 调用的编码，因为已经内置了，另外还有很多其它内置功能，提供了详细的文档和应用演示。
7、Wijmo
Wijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。
8、960 Grid on jQuery-Mobile
jquery-mobile-960 是一个用于移动 Web 开发的网格框架，综合了 960.gs 的灵活性和 jQuery Mobile 的方便性。它的目的是让 jQuery Mobile 布局更加的灵活，使得应用应许在移动终端更加易用。
9、Sencha Touch Framework
Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架，支持最新的 HTML5 和 CSS3 标准，全面兼容 Android 和 Apple iOS 设备，提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。Shencha是第一个使用HTML5，CSS和JavaScript并且支持音频/视频，本地存储，圆角，渐变背景以及阴影的开发框架。
10、NimbleKit
NimbleKit 是为 iOS 设备构建应用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需结合 JavaScript 代码编写 HTML 页面就可以了。
11、Touchy™ Boilerplate
Touchy Boilerplate 是一个用来创建移动web app，包括HTML模板，Meta tag等的工具。Touchy可以支持动态页面导航，固定页头，滚动内容，浏览历史记录等功能。Touchy使用jQuery或者 Zepto.JS。
12、PhoneGap
PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点，因为虽然基本代码是一样的，但是你仍然需要为每个平台分别编译应用程序。
13、joshfire
Joshfire是一个开源的跨设备开发框架，帮助开发者创建可以在多种设备上运行的web app。它使用HTML5和JavaScript，并且允许开发者快速整合本地应用和特定的web应用。Joshfire可以让你的应用接受键盘，鼠标，触摸屏，遥控器等设备的输入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移动网页开发框架。
14、 Julia
Julia框架由基本CSS3文件、JS库和各个平台的运行库构成。不像PhoneGap，Julia不仅仅包含调用本机代码的接口层，它还包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，异步数据库存取接口，HTML选择符(类jQuery调用接口)，HTML模版(允 许嵌入JS代码)等应用开发必备的API接口。 基于Julia的应用开发就像网站开发那么简单，是的，你终于可以用HTML5开发一个完整的、跨平台 的、不亚于本机代码的、易于维护的移动应用了！大幕即将揭晓，让我们一起进入移动开发的新时代
15、SproutCore HTML5 Application Framework
SproutCore 是一个 HTML5 移动 Web 开发框架，它的目标是在无需浏览器插件的情况下，在浏览器中位应用程序提供极佳的桌面效果。
16、Titanium
这是一个强大的，健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。作为一个越来越大的移动Web框架，它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。
17、Lungo.js
Lungo.js 是一个采用HTML5, CSS3 和JavaScript技术实现的移动Web应用程序开发框架。利用这框架开发的应用程序可运行所有流行的平台包括：iOS, Android, Blackberry 和 WebOs。它还支持触摸事件如：tap, double-tap和swipe。整个框架没有用到任何图片包括图标，所有都矢量化。可以在这个框架中使用HTML5拥有的一些特性如：WebSQL, 地理位置定位，历史或设备方向等。Lungo.js是一个模块化并且完全可定制的框架。
18、xui.js
有时候你可能需要一个超轻量级的框架，只要拥有用于开发标准客户端所需要的功能如：DOM操作，事件处理，Ajax和一些动画效果。如果是这样的话，这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。
19、EmbedJS
EmbedJS是一个用于嵌入式设备的JavaScript框架如：移动电话，TVs、tablets和so forth。EmbedJS强大之处在于，它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码，为用户提供最佳的体验。而且假如你喜欢自己定制，可以利用其提供的EmbedJS Build tool工具实现。EmbedJS基于Dojo实现，所以你如果熟悉Dojo API语法，那EmbedJS将是你最佳的选择。
20、zepto.js
zepto.js是一个专为mobile WebKit浏览器(如：Safari和Chrome)而开发的一个JavaScript框架。它标榜自己在其简约的开发理念，能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架，是超轻量级的，只有5KB。zepto.js的语法借鉴并且兼容jQuery。
21、Baker
Baker是用来在iPad或者iPhone平台上发布交互式的电子书或者电子杂志的HTML5电子书框架。
22、ChocolateChip-UI
ChocolateChip-UI 是一个手机移动 Web 开发框架，采用 HTML5, WAML, CSS 和 JavaScript等技术实现。基于 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
Magazine Grid 是一个超现代的 CSS 框架，用于 iPad 和 iPhone 手机，使用类似杂志的设计风格。Magazine Grid 可让用户使用 HTML5 元素来组织杂志页，非常轻量级(<4k)，在移动设备上加载非常快，对老的浏览器也支持。
24、Kendo UI
Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。
25、HTML App Host Framework
这是一个用于构建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技术。该框架由支持在标准 xap 格式中嵌入 html 应用的控件。
‘贰’ web前端开发是什么意思
1、WEB 前端开发，是特指WEB端的前端开发。（注：现在的web端不单指PC也包括了移动端，即手机网站）
2、所谓前端开发是创建Web页面呈现给用户的过程。前端开发主要通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从传统的网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进衡卖程咐桐逗中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。
3、现在的前端开发对于JS，以及相轮消关JS框架的使用要求越来越高，越来越深入。
4、最后祝你学有所得。
‘叁’ 移动前端开发和web前端开发有什么区别
移动前端开发和web前端开发有什么区别呢？既然都是前端开发，两者肯定有紧密的联系，移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端，可以说是包罗万象，当然也就包含PC端和移动端领域，而现在的前端开发人员也已早就不是当年的切图仔了，需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余，但是不论趋势如何发展，目前来看HTML、CSS和Java依然是整个前端开发的三大基石。不论是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。移动前端开发和web前端开发有什么区别呢？
1、业务的应用场景
web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上；直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验，页面大可并不代表书写的代码复杂，页面小也并不意味着开发简单，难与易主要还是取决于具体的业务需求。
2、新技术的使用
由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术;而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用。
3、页面的适配性
传统PC端的页面开发一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动端的页面由于其载体手机屏幕比PC要小很多，一般都会选择尽可能多的在手机屏幕上显示内容，这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。从这一点上来说移动端页面的适配难度更高一些。
4、页面的性能
PC端的网络情况一般比较稳定，都是通过网线或者Wi-Fi连接网络;但是移动端就比较复杂，除了Wi-Fi，还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生，不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大，否则在恶劣网络情况下时，页面将会无法访问 ，严重影响用户体验。移动前端开发和web前端开发有什么区别
5、框架选型
由于移动端网络情况的不稳定，导致我们在移动端页面框架选型时，一般只考虑小而美的框架，例如像zepto.js这样的压缩之后只有9.6K，就能满足一般业务的需要，如果是想要构建更复杂的单页面应用，可以选择像vue.js这样的框架，功能强大，但体积压缩后却只有20多K。而web端相对选择的范围就比较大，一些比较重型的框架也可以根据项目需求加以考虑，例如古老但庞大的ext.js，依然凭借着众多UI组件活跃在一些企
‘肆’ 手机WEB页面开发跟PC端差别大吗
差别大，主要差别在一下方面。
一、开发终端不同
1、手机端：以手机、PDA、UMPC等便携终端为基础，进行相应的开发工作。
2、PC端：是开发基于B/S（IE浏览器）的网页开发是由若干个页面组成的有联系的集合。
二、开发方式不同
1、手机端：是为小型、无线计算设备编写软件的流程和程序的集合，像智能手机或者平板电脑。移动应用开发类似于Web应用开发，起源于更为传统的软件开发大塌。
2、PC端：主要针对电子商务领域，不仅是网站美工和内容，可能涉及到网站的一些功能的开发，比制作有更深层次的意思。
三、特点不同
1、手机端：无线中间件（移动中间件）的原理就是把原生的功能封装打包指茄成简单的API，开发人员只需要了解调用这些API的方法，即可完成移动开发。
2、PC端：针对不同的行业领域与市场规模，提供有针对性的解决方案，采用业内最唯仿察优化的电子商务流程，以及各种受消费者欢迎的营销工具。
‘伍’ java web后台开发跟手机APP后台开发有什么不同
基本上一样的，ssh也可以为手机APP开发后台。
其实对于后台开发来说原理都差不多。只不过app的后台开发和web不一样的地方在于传输数据格式不一样，一般来说web访问后返回的是一个html页面，少部分是json格式；而一般app的后台开发大部分直接传json格式数据，少部分会直接返回html5的顷码灶页面。
(5)web手机端开发扩展阅读
1、服务器端开发，也叫后台开发，这是唯一的，对应不同的平台，他负责数据的分发与存储，和一些逻辑的处理.逻辑处理的多少由业务的复杂程度决定。服务端相对独立，与平台没啥关系。
2、移动设模纤备又可分为andriod平台、iPhone平台等每个平台都有自己的规范和开发技术。web平台的规范是键盘+鼠标，开发技术是html+css+javascript；移动设备平台的规范是键盘+手指，技术iphone是Objective-C，android是java。Java Web，是用Java技术来解决相关web互联网领域的技术总和。
3、Java技术是Sun公司在1995年5月正式推出的。雀扮20多年来，Java已从编程语言发展成为全球第一大通用开发平台。Java技术已为计算机行业主要公司所采纳，同时也被越来越多的国际技术标准化组织所接受。1999年，Sun推出了以Java 2平台为核心的J2EE、J2SE和J2ME三大平台。
‘陆’ 移动前端开发和 Web 前端开发的区别是什么
移动WEB前端开发属于HTML5开发，使用HTML+CSS+JavaScript三种语言编写，该职位偏向于移动端网页开发，包括H5专题页、移动前端网页，广告落地页、Hybrid App等；
Tips：由于原生APP开发需要开发两个客户端（Android和iOS），产品开发周期和成本相对较高，因此出现了Hybrid App。Hybrid App可以使用PhoneGap将网页直接打包成Android原生APP和iOS原生APP。
1，经常会有硬件交互，例如摄像头，相机，指纹识别，陀螺仪，等。
2，依赖设备的操作系统，因为设备都有自动省级机制，几乎不需要考虑新特性的兼容性。
3，无论用原生还是 h5 实现，都有随着系统更新带来的迭代，一般使用热更新。
WEB前端开发也是属于HTML5开发，使用HTML+CSS+JavaScript三种语言编写，主要偏向PC端的网页开发，包括PC端网页开发、PC端后台管理页面等，也会涉及部分的移动端网页开发。
1，除了鼠标键盘几乎不需要与硬件交互，有特殊需求才会有硬件交互，例如在线直播，语音输入等。
2，需要考虑浏览器兼容性，主要看用户群体，代码需要兼容到哪个版本。
3，浏览器的升级，几乎不需要迭代，版本迭代几乎都是需求变化。
移动端开发主要是开发APP，属于c/s架构的开发。Web前端开发是基于PC端或移动端浏览器来开发web页面，属于b/s架构的开发。
移动端开发主要针对手机、电视等智能设备，web前端开发则主要针对pc端。
移动端开发针对系统类型采用的编程语言也有所不同，安卓端采用Java或Kotlin开发语言，IOS采用object-c或swift语言开发。以上这些语言属于原生开发，还有混合式开发，如Fluter+Dart、ReactNative、vuex。基于webview的套壳应用，如微信小程序、网络小程序、快应用等。
Web前端开发使用的开发语言是JavaScript或其超集Typescript，使用的开发框架主要以React、Vue、Angular为主。
移动端开发开发的产品，一般是to C的服务型产品。Web前端开发开发的产品，一般是to B的产品。
‘柒’ 移动前端开发和web前端开发有什么区别
移动前端开发和 Web 前端开发的区别是:
1、前端是相对比较大的概念，一般是指用户能够看到、直接接触的界面都算是前端，比如iOS界面，安卓界面，网页界面，PC/Mac桌面软件的界面。最常见的是Web前端，也就是针对于网页端开发的工作。
2、Web App即Web application，也就是以浏览器作为客户端的软件。例如，用桌面客户端来收发邮件，但也可以直接用浏览器登陆gmail或者QQ邮箱，直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。
Mobile Web App就是在手机端打开的Web App。例如Gmail的移动端软件
3、目前，移动客户端的开发主要包括三种类型：
Native App（原生APP）：也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用，也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言；Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写，效率和稳定性都是最好的，但欠缺灵活性。
Web App：这个就是在移动浏览器里打开的，使用Web前端开发语言HTML CSS JavaScript来开发的，基本上就是个网页，
Hybrid App：主要使用HTML5实现。一般使用Native语言实现一个容器，然后使用HTML CSS JS来实现用户界面和交互。这样方式既克服了Web App容器暴露偏底层的接口这样的问题，同时比起原生的开发灵活性要高。这样就更新可以更方便快捷，也不依赖于市场。例如，豌豆荚其实是个PC端的hybrid app 。
对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了，这里也就不再赘述了。
4、移动端网页布局方法与pc的差异。
主要是css方面，外加如何做到同一url，不同客户端展现不一致的做法，俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js
最后总结一下：
其实这两者最显着的区别就是，web app是不依赖于具体的设备的，通用性较强，只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备，一旦更换设备，需要重新下载才能继续使用。
移动前端开发 主要来说的是Native Client的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。
Web前端开发么基本上就是HTML JavaScript CSS，不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。
app是应用，每个操作系统有专门的开发工具和语言
web是网页，使用html+css+js，有工具可以生成转化为app，不过效果一般
‘捌’ 手机端的页面怎么开发，和web html有区别吗
两者之间没有区别。
有许多方法可以在手机上开发网页。 目前，html5的发展还不够平衡，导致主要浏览器对h5的支持不尽人意。 但是，其添加了@media属性（属于css3，html5和css3的名称在这里没有严格区分，实际上，是两种不同的技术）。
从那时起，网页创建可以根据用户所持有的设备的像素宽度来识别是否正在使用移动电话，从而在用户正在悉闹基使用移动设备时下载移动页面。 但是，其存在某些缺点。 在这个阶段，手机的标准还很不规范。
(8)web手机端开发扩展阅读：
目前现阶段的手机网页开发，主要的手段是：
其一，在meta标签中添加关于像素宽度的限制语句，然后实现css的相对宽度。 但是，界面会显得杂乱无章，因此很少使用此方法。
其二，这种方法是最常见的。 网站页面分为两个部分，分别面向计算机和手机。 当睁谨用户请求页面时，标题信息用于确定其是否是计算机浏览器，然后针对不同的请求发送不同的网页文件。 这弯正样的网页通常不是静态的。
另外，开发移动网页时，可以使用Chrome的开发人员工具。 Chrome开发人员工具可以模拟手机页面的开发，还可以模拟许多设备，方便用户开发。
‘玖’ 移动前端开发和web前端开发的区别
移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端
那么他们的区别在哪呢？我给你分析一下：
1、新技术的使用
目前移动终端主要以Webkit内核为中心，更好地支持HTML5等新技术，让新技术得到更广泛的应用。但是PC终端的开发需要兼容IE等老浏览器，所以新技术的应用必须考虑浏览器的兼容性。
2、业务的应用场景
Web前端开发主要是指传统的在电脑端开发网页，网页主要运行在PC端，而手机端开发的网页运行在手机端。这两者没有区别，孰难孰易。开发难度主要看业务需求。
3、页面的适配性
在传统的PC端页面开发中，需要为页面设置固定的宽度，以确保两侧都有页边距。但是移动页面会选择在手机屏幕上显示尽可能多的内容，因为它的运营商手机屏幕比PC端小得多。这时候就要求移动页面要能完全适应各种屏幕尺寸的手机，最大限度地利用。从这个页面的适应性来看，移动端比PC端更难。
4、页面的性能
一般情况下， PC端的网络通过网线或 WIFI与网络相连，而移动端则比较复杂。除 WIFI外，还有2 G、3 G、4 G、5 G，甚至常常会有多个不同网络连接间的切换。因此， PC端的网络状况将比移动端更加稳定。移动端的页面资源不能太大，否则当网络状况不好时，页面无法访问，这对网页性能造成了很大的影响。
以上就是我给你分享的关于移动前端和web前端的区别，希望我的回答对你有所帮助