如何使用JS开发app

‘壹’ HTML5+js 可以开发手机app么

就可以了，很多app就是使用这两个技术就可以了，很多平台有这样的功能。不用学习其他的语言了。

‘贰’ 如何使用reactjs开发androidapp

React Native目前只有ios版本的开发，没有安卓app的开发。
React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。
React Native 使用户能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。
React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。

‘叁’ 如何利用HTML&JS等前端知识开发Android应用

最近接触了一个app，看了源代码就是你说的方法开发的。利用的是appcan。

目前，最好的方法是使用PhoneGap、AppCan不适合毕业设计，因为它是闭源的商业运作。PhoneGap是只有骨架，支持您的应用程序，真正的肌肉系统或JS，业内普遍选择jQuery，但效率相比在实际应用中的坑。考虑到效率，推荐使用AppFramework，但其文件是凌乱的，不完整的，和毕业设计是完全无用的。事实上，困难不在于应用程序，而在于后台。

我认为在里面用个webvie控件做web啊，然后服务端用个jqm之类的juqery库，当作web开发就好了。

‘肆’ 用js怎么实现打开app的功能

1、用户第一次访问宣传页面
a、点击Banner，进入到APP Store中对应的APP下载页
b、APP下载页中提示：安装；用户点击安装
c、安装完成后，APP下载页中提示：打开；用户继续点击打开
d、用户正常使用APP
2、用户第二次访问宣传页面
a、点击Banner，进入到APP Store中对应的APP下载页
b、APP下载页中提示：打开；用户直接点击打开
c、用户正常使用APP
3、用户第三次、第四次、...、第N次访问，操作步骤同2

‘伍’ 如何开发一个app

从以前的大哥大被少数人才能拥有，到现在的人手一部智能手机，在感叹科技的发展时，人们对手机中的应用也越来越挑剔，一款用户体验良好的app应用自然会受到广泛欢迎，而对开发app技术的要求也越来越全面。那么如何开发一个app让用户体验良好呢？开发app时应该注意什么，下面我们通过六个步骤来详细说明。
app开发有三种模式，定制开发、模板二次开发和免编程制作，模板二次开发和免编程制作，成本低，周期短，但开发出来，用户体验差，部分功能可能会受到限制，无法修改成客户心里预期的样子，一般像没有实力的开发团队或公司知道客户不懂技术层面，就来忽悠客户，您可要谨慎了。
按需求定制开发，这种模式相信大家不再陌生了，虽然过程经历长些，但结果是令人满意的，具体流程是这样的：
1、首先客户需要明确自己企业和产品所针对的目标用户群体，通过app想要实现什么目的或解决什么问题，app本身需要哪些功能，最好建立文档，这样在和产品经理沟通时，能提高效率，思路更清晰。
2、评估需求，根据客户提出的要求，列出需求文档，需要技术人员参与对需求的实现进行评估，包括实现的难易程度，开发成本的计算，需求文档确认后，对后期编程工作有很大的帮助。
3、产品原型UI设计，设计部门根据需求文档说明设计出UI原型，并对各个功能细节作出效果UE，最终由产品经理和客户进行确认或调整。
4、开发团队根据原型进行分配任务，开始敲代码，这个阶段是耗时最久的，前端开发-后端开发-接口对接-第三方接入-定期项目会议沟通和管控项目开展-开发预算审计。
5、.测试阶段：项目开发完成后，由测试专员针对APP进行多机型测试，测试内容包括：APP内容测试、APP性能测试、APP功能测试、APP视觉测试、对于BUG调试修复。测试合格，确认没有BUG后与客户进行沟通，开始走验收流程。
5、测试，工程开发完后，由测试工程师对app进行功能测试、性能测试、内容测试、BUG调试纠正等。最后交付客户确认。
6、源码交付客户，上线，发布到各大应用平台，后期还需要维护，企业本身可以招聘专业人员进行维护或托管外包公司都可以。
小结：从零开始，一层层敲代码完成，过程繁琐，但结果圆满，成本根据app的实现难易来决定的，虽然成本高昂但用户体验良好，能赢得市场的先机，比其他方式更安全，更稳定。

‘陆’ 如何在iOS和Android上选择一个JavaScript 引擎进行应用开发

这是个比较专业的问题
首先我推荐一个：react native，facebook推出的一个跨平台解决方案，去年推出了iOS版，手机淘宝的有一个模块“猜你喜欢”就是用react native实现的，效果还不错，另外今年9月份，facebook推出了android版，大家不妨试一下，这里针对于webapp，做了一个比对：

相对于Webapp的优势：
不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题；
有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用；
可以直接使用Native原生的“牛逼”动画（在FB Group这个app里面，面板滑出带一点果冻弹动，面板基于某个点展开这种动画随处可见，这种动画用Native code来做小菜一碟，但是用Web来做就难上加难）。
相对于Native app的优势：
可以通过服务端远程更新JS，进而直接更新app的页面；
相对于Webapp和Native的劣势：
扩展性仍然远远不如web，也远远不如直接写Native code；
从Native到Web，要做很多概念转换，势必造成双方都要妥协。最终web要用一套CSS的阉割版，Native要费劲地把这个阉割版转换成native原生的表达方式（比如iOS的Constraint\origin\Center等属性）。

另外我以前在CocoaChina上收藏过的一个帖子，整理了许多iOS和Android跨平台解决方案，感觉很不错，现在拿出来分享给大家，希望对题主有帮助。

1、jQuery Mobile

jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile文档比较全面，同时有在线工具帮你快速创建自己中意的UI风格。

技术需求：HTML，CSS，jQuery
平台支持: 绝大多数移动浏览器

2、Corona SDK（使用Lua语言）：

Corona SDK的优点：

稳定；支持硬件加速、GPS、指南针及照相机等；支持与Map、Facebook、OpenFient、GameCenter的集成；内建的物理集成；Lua语言比较容易学习；
已经有了一些很不错的应用，至少能够证明这个SDK是可以做出优秀应用来的；不错的社区支持。

Corona SDK不太好的地方：

只支持iOS和Android；Lua语言不是面向对象的；每年都要交授权费（99美元/年）。

另外还有其他的一些补充，比如：

对于Corona SDK不支持的第三方SDK没法自己去集成；编译项目的时候需要把代码上传到Corona的服务器上去编译，不能在本地直接编译；无法扩展Corona的功能；物理模块还有一些缺陷。

3、Airplay SDK（后来更名为Marmalade，不少大的公司在使用Airplay SDK，尤其适用于进行2D/3D游戏的开发）

目前使用Marmalade的游戏有《割绳子》、《植物大战僵尸》、《你猜我画》、Build 'n' Bash 3D、Catch the Monkey、Need for Speed Shift以及WorkSnug Pro等多款游戏。

Airplay SDK文档中还包含多个示例。“感觉受到限制”的开发者还可以在Airplay SDK上进行扩展。开发者需要对C++比较熟悉。

4、Appcelerator（Titanium）

Appcelerator允许使用HTML/Javascript来开发原生app，开发者可以免费使用。目前世界上185个国家中有超多46万的开发者在使用Appcelerator提供的解决方案。

Titanium为Appcelerator于2008年底所推出的跨平台应用程序开发解决方案，目前支持iOS/Android/Blackberry/WM7等行动平台，以及Windows/Linux/OS X这三种主流的桌上型平台。

‘柒’ js如何开发手机app

phoneGap 。

或者开源的React Native，它基于开源框架React.js，并可用来开发iOS和Android原生应用.

‘捌’ 如何利用HTML&JS等前端知识开发Android应用

只是为了应付毕业设计的话：
1.Phonegap
2.JqueryMobile

如果你觉得Phonegap仍然很麻烦的话，可以使用JqueryMobile单纯的做一个MobileWeb页面，然后Android端简单的用WebView包装一下，伪装成一个APP的样子。

‘玖’ 如何 用HTML+CSS+JS开发移动APP

以下是财新数据可视化实验室前端工程师卢达分享的开发总结，希望能帮忙解答问题：）

财新数据可视化实验室前端工程师卢达分享，可视化项目 平安银行2014年度“体检报告” 的开发经验。他为大家介绍必备工具，一步一步剖析开发过程，更偷偷传授秘笈。文字信息密度极高，助你快速理解开发思路。

作者：财新数据可视化实验室 前端工程师 卢达

项目概述

项目名称：平安银行2014年度“体检报告”
项目目标：在移动端，以纵向翻页的形式，展示平安银行2014年度主要数据和业务介绍。

必备工具和使用的技术

开发语言：HTML5、CSS3、JavaScript
使用类库：jQuery.js、Swiper.js、jWeixin.js
开发工具：SublimeText2、Chrome、PhotoShop

开发过程

一、准备工作：
1. 与设计师确定总体的展现形式和需求，确定开发量、可行性以及所使用的工具。

2. 确定动画部分完全使用CSS3。翻页使用Swiper.js类库实现方案。
引入相关类库
jQuery.js主要用于快捷的编写相关基础程序。
Swiper.js实现翻页的主程序。
jWeixin.js实现自定义微信分享信息的功能。（此功能需要后台人员配置服务器）

3. 拿到设计草图，整理页面的展示思路。

4. 编写基础代码，测试基本功能。

二、深入开发：
1. 将设计图按需求，分别制作成相应的文件。
按动画需求将设计图中的图层，分别存为相应的图片文件。
合并背景图，以减少请求数和图片的加载时间。

2. 分析代码和样式可以共用部分，编写相关代码（如每页的标题和结论）。

3. 每页单独编写代码和测试。
编写封面动画代码。
编写第一版前两页“头脑敏捷，频出创新风暴”和“四大动力源造就一颗大心脏”代码:
这两页的内容都分为多个页面，所以采取了自动+手动横向滑动切换的效果。（后因需求改为多页直接纵向滑动翻页）
编写其他页面代码：
动画使用CSS3来实现。
图表（如柱状图等）使用CSS，按照数据的相对数值来控制样式。

4. 合并单页代码，生成主页面并调试。
翻到当前页时，动画才开始播放。这里利用CSS后代选择器的特性。判断动画是否播放。
将程序传到测试服务器上，使用相应手机对页面进行测试，主要测试样式是否正确、运行是否流畅。（测试机主要有：iPhone4S、5S、6、6plus，三星S3、Note2等）。
修改已发现的BUG。

三、收尾工作：
1. 增加页面的相关提示信息（如翻页提示等）。

2. 增加Loading页面，增加有好度（Loading页面主要用于，首页包括主程序、首页图片等加载完成后，再显示首页，避免用户看到不完整的页面）。

3. 添加分享信息，测试相关功能。

4. 完成后提交到测试服务器，给设计人员和客户测试。

5. 根据修改意见调整代码。

：）项目上线！

经验总结
使用CSS来实现动画，减少JS的操作，可以提高代码的执行效率。
图片使用背景图合并的方法，可以减少页面加载时间。
Loading页面的加入，可以避免用户看到不完整的页面，提高用户体验。
熟练使用好类库可以减少开发时间。
开始开发之前确定好总体需求，分析页面的通用部分，可以事半功倍。