下载文档原格式
前端开发中常见的跨端开发技术介绍随着移动设备的普及和多样化，前端开发中常常面临跨平台、跨终端的需求。
为了提高效率和降低开发成本，开发者们一直在不断探索和尝试跨端开发技术。
本文将介绍几种常见的跨端开发技术，包括响应式设计、Hybrid App开发和PWA。
1. 响应式设计响应式设计是一种基于CSS3媒体查询的开发方法，通过设置不同的样式规则和布局来适应不同屏幕大小的设备。
这种方法可以使网页在不同的终端上提供一致的用户体验，而无需为不同平台编写不同的代码。
通过使用flexbox、grid和百分比单位等技术，开发者可以轻松实现响应式设计。
2. Hybrid App开发Hybrid App开发是一种同时利用Web技术和Native技术的开发方式。
通常采用HTML、CSS和JavaScript开发应用框架，然后使用WebView在移动设备上运行。
Hybrid App可以充分利用Web技术的优势，同时也可以访问设备的原生功能，如相机、地理位置等。
开发者可以使用框架如Ionic、React Native等来构建Hybrid App。
3. PWA（Progressive Web App）PWA是一种利用Web技术开发具有原生应用体验的应用。
它基于Web标准，使用Service Worker可以在离线状态下继续访问应用。
PWA可以通过添加到主屏幕、推送通知等功能，实现和原生应用类似的用户体验。
开发者可以使用PWA的框架和工具，如Workbox、PWA Starter等来快速搭建PWA应用。
4. FlutterFlutter是一种跨平台的UI开发框架，可以同时在iOS和Android上运行。
它使用Dart语言，通过自己的渲染引擎绘制用户界面，实现原生级别的性能和体验。
Flutter的热重载功能使开发者能够快速预览和调整UI的变化。
Flutter在跨端开发中被广泛使用，如开发移动应用、桌面应用等。
5. 微信小程序微信小程序是一种运行在微信客户端上的应用，具有与原生应用类似的用户体验。
H5 APP安全风险及解决方案目录一.HTML5 概述 (3)二.HTML5 应用开发模式 (4)三.H5 应用架构分析 (5)四.H5 应用安全风险 (6)4.1H5 应用面临的安全风险 (6)4.2针对移动应用的攻击 (6)4.2.1静态攻击 (6)4.2.2动态攻击 (7)4.3个人信息违规收集 (7)4.4安全建设目标 (8)五.H5 应用安全解决方案 SDK (9)5.1SDK 授权安全 (9)5.2客户端程序安全 (10)5.2.1客户端程序保护 (10)5.2.2客户端程序签名 (10)5.2.3移动客户端运行环境安全 (11)5.2.4数据存储安全 (11)5.2.5数据交互安全 (12)5.2.6资源管理 (13)5.3通信安全 (13)5.3.1SSL/TLS 安全配置 (13)5.3.2客户端证书有效性校验 (14)5.3.3数据传输安全 (14)5.4服务器端安全 (15)5.4.1SDK 授权 (15)5.4.2身份安全认证 (15)5.4.3短信验证码安全 (18)5.4.4访问控制 (18)5.4.5应用接口安全 (19)5.4.6数据交互安全 (19)5.4.7数据存储安全 (22)5.5个人信息安全 (23)5.5.1个人信息安全 (23)5.5.2运营者对用户权利的保障 (24)- I -一. HTML5 概述网页技术（B/S）是互联网技术在各个行业业务应用的广泛和重要的技术领域，HTML5 是基于兼容性、实用性、互通性以及通用访问性的理念设计而成的，随着 HTML5（以下简称“H5”）的发布和应用，H5 已经成为了互联网全新的框架和平台，包括提供免插件的音视频、图像动画、本地存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而能够轻松实现类似桌面的应用体验，并且，H5 的最显著的优势在于跨平台性，用 H5 搭建的站点应用可以兼容 PC 端与移动端、windows 与 Linux、安卓和 iOS，它可以轻易地嵌入到各种不同的开放平台、应用平台上。
HybridApp解决方案_No1_混合模式(Hybrid)App开发概述1.1. APP三种开发模式智能手机之普及不用多说，手机APP渗投到各个行业：电商（淘宝、京东等）、金融（各手机行业、P2P借贷等）、医疗（智慧医疗）、交通（滴滴、Uber等）、教育（慕课网等）、餐饮（饿了吗、美团等）……反正只要是个企业，无论规模大小，都已经订制或将要订制自己的APP。
这么多APP无外乎就三种模式：Native App、Web App、Hybrid App。
Native App，原生APP，使用原生（即Android或iOS）开发的APP。
两年多以前这非常流行，到现在为止，原生开发人员数量众多，一抓一大票，技术成熟，好多培训机构都抱着老掉牙的API翻来覆去的讲——尤其是Android。
Sorry，说错话了……使用原生开发有其优势：应用的性能好，适配起来相对容易。
学习成本要看人，个人觉得技术点不多，门槛相对稍高，但入门后学习起来就很轻松——网络资料实在是太多了。
但原生APP最头疼的有三个问题：1、无法跨平台：Android和iOS都需要开发各自平台的版本——开发成本高；2、升级麻烦：每次升级都要下载安装包，Android还好，反正不需要审核，下载就下载吧，但iOS就麻烦了，发布每个版本还得经过App Store的审核，这导致第三个问题；3、Android和iOS很难同步发布。
所谓的Web App，就是把手机当做一个浏览器（Android使用WebView，iOS使用UIWebView），做几个页面挂在服务器端，类似于一个小网站。
这样说虽然不太贴切，但实际上给人的感觉就是这样的。
虽然开发成本大大降低，但页面访问速度慢、操作体验差。
于是第三种模式诞生了。
乍一看和Web App没啥差别，但涉及到的技术成本、开发成本、学习成本比Web App高，它综合了Web App的开发速度和Native App的高性能体验。
之所以说学习成本高，是因1.2. Hybrid App所需技术Hybrid App由于需要保证运行性能与开发速度，需要如下技术支持，本系列博文均会按照Demo的开发顺序依次描述本人的开发心得和教训，希望能起到一个抛砖引玉的作用。
app高并发解决方案
《app高并发解决方案》
随着智能手机的普及，移动应用程序成为人们日常生活中不可或缺的一部分。
然而，随着用户数量的不断增加，应用程序的高并发访问问题也日益凸显。
高并发指的是在同一时刻有大量用户访问应用程序，可能会导致服务器负载过高，甚至导致应用程序崩溃。
因此，针对这一问题，开发者们需要在设计和开发应用程序时考虑是的高并发解决方案。
首先，优化数据库是解决高并发问题的关键。
数据库是应用程序的核心，必须能够支持大量用户的并发访问。
为了优化数据库，开发者可以采用垂直分片和水平分片的方式，将数据库分成多个部分，提高数据库的并发处理能力。
同时，使用缓存技术也是一个有效的方法，可以减少数据库的负载，提高数据的查询速度。
其次，采用负载均衡技术也是解决高并发问题的关键。
负载均衡可以将用户的请求分发到不同的服务器上，避免单一服务器负载过重。
通过负载均衡技术，可以提高应用程序的并发处理能力，保证用户访问的稳定性和速度。
另外，使用分布式存储系统也是一个有效的解决方案。
分布式存储系统可以将数据存储在多个节点上，提高数据的读写性能和扩展性。
通过分布式存储系统，可以有效地解决高并发访问问题，保证用户访问的稳定性和速度。
总之，高并发访问问题是移动应用程序面临的一个严峻挑战，但是通过优化数据库、采用负载均衡技术和使用分布式存储系统等解决方案，可以有效地提高应用程序的并发处理能力，保证用户访问的稳定性和速度。
开发者们需要不断地探索和创新，为应用程序的高并发访问问题寻找更多的解决方案。
App开发中常见问题与解决方案在移动应用程序的开发过程中，常常会遇到各种各样的问题。
这些问题可能涉及到程序的设计、开发、测试等多个方面。
如果不及时解决这些问题，将会对应用程序的质量和用户体验造成严重的影响，甚至会导致应用程序的失败。
本文将探讨在App开发中常见的问题以及解决方案。
一、性能问题在应用程序开发过程中，最常见的问题之一是性能问题。
应用程序的性能无论对于用户还是对于开发人员都是非常重要的。
如果应用程序的性能较低，将会导致应用程序加载时间过长、响应时间慢、程序崩溃等问题。
为了解决这些问题，开发人员可以采用以下几种措施：1. 应用程序设计时使用轻量级的UI控件。
2. 避免在主线程中执行耗时的操作。
3. 尽量减少内存泄漏的问题。
4. 减少应用程序启动时的资源加载。
5. 使用异步加载方式，提高加载效率。
二、安全问题在移动应用程序开发过程中，安全问题同样是一个重要的问题。
应用程序因为需要与互联网进行交互，所以很容易受到黑客、病毒等的攻击。
为了解决这些问题，开发人员可以采用以下几种方法：1. 使用加密算法对应用程序敏感数据进行加密保护。
2. 确保应用程序中所用的所有组件和库都是经过有效的认证和授权的。
3. 限制用户对应用程序的操作权限，避免恶意操作。
4. 在开发过程中，进行安全漏洞扫描和安全测试，及时解决潜在的安全漏洞问题。
三、用户体验问题用户体验问题是应用程序开发过程中需要重点关注的一个问题。
如果应用程序的用户体验不好，用户会认为应用程序是不好用的，从而导致应用程序的下载量和使用量的下降。
为了提高应用程序的用户体验，开发人员可以采用以下几种方法：1. 提供良好的设计，包括图形界面、交互界面等。
2. 应用程序的操作要简单、直观、易于理解。
3. 注意对错误的提示、反馈和处理。
4. 应用程序中可以加入一些有趣的和有用的功能。
四、兼容性问题在不同的操作系统、不同的设备上，应用程序的表现往往有很大的差异。
为了确保应用程序能够在不同的平台上正常运行，开发人员可以采用以下几种方法：1. 实施跨平台开发策略，例如使用HTML、CSS、JavaScript等技术进行开发。
华为 BYOD 解决方案针对企业员工个人需求和企业策略遵从之间的冲突，华为供给有效的平衡方案，使得员工在设备选择上拥有更大的共性化自由，在任何时候、任何场所，使用任何设备便捷的访问公司内网，运行内部应用，并确保安全策略不妥协。
我们致力于为客户供给端到端的移动安全治理和敏捷的应用公布的力量。
从移动终端安全、网络传输安全、应用安全、敏感数据安全，以及安全治理五个维度对移动办公进展全方位防护，帮助企业在 BYOD 的高效率与信息安全之间找到最正确平衡点。
同时，为应对日益简单的移动化环境，通过一个简洁的平台，支持各种应用的移动化迁移，给开发工作带来良好的扩展性，更好的掌握本钱，使企业在全球化业务中获得竞争力。
架构和关键组件移动安全和治理本质上要解决的问题可以概括为三个：身份和设备可识别〔Identity〕、数据不泄密〔Privacy〕、和设备可治理〔Compliance〕。
华为BYOD 安全解决方案围绕这三个关键点，为企业用户供给业界最广泛的安全性，和最简洁易用的治理方案。
AnyOffice 智能移动接入客户端方案供给一个统一的移动安全客户端 AnyOffice。
AnyOffice 作为单一的移动客户端，是用户和网络、应用的唯一交互界面，简洁的客户端可降低治理和维护简单度。
同时，AnyOffice 客户端是一个安全的移动办公工作台，以 One-agent 的模式集成了安全沙箱、安全邮件客户端、安全扫瞄器、移动终端治理〔MDM〕软件、L3VPN 客户端、虚拟桌面等一系列应用，可满足移动办公的通用需求，保障企业员工安全、便捷、高效地接入和访问企业内网。
另外，AnyOffice 具备环境感知特性，可通过与网络侧的接入掌握网关 SACG 〔Security Access Control Gateway〕和SVN SSL VPN 网关联动，实现用户在公司内、外网的智能感知，无缝切换应用安全策略，带给用户全都性体验。
移动端学习之理解WEBAPP、NativeAPP、HybridAPP以及ReactNati。
因为⼯作需要，需要进⼀步了解移动端的开发，遂返回复习移动端的知识点，在开始学习之前，产⽣了疑惑WEB APP 、Native APP 、Hybrid APP、React Native、Uniapp、H5这些东西到底是什么？感觉是那么熟悉，单词拆分开每⼀个都认识，但是合在⼀起就完全不知道什么意思了，遂⾃⾏百度查询，⾃⼰解⾃⼰的惑吧。
个⼈博客，理解不具权威性。
⼀.WEB APP 通俗的理解，WEB APP 即为使⽤HTML、CSS、JS三⼤前端基础进⾏开发的WEB APP，是基于浏览器进⾏运⾏使⽤的；使⽤HTML、CSS、JS可以在浏览器上怎么开发⽹页，那么WEB APP也是⼀样，只是浏览器的使⽤场景放在了⼿机等移动端设备上。
那么产品转移到了移动端上，跟电脑端有⼏点不同和需要注意： ①适配，⼿机的屏幕尺⼨是⽐电脑⼩很多的，因此不能⽤传统的电脑端去衡量⼀个⼿机端的屏幕显⽰，在开发的时候可在CSS头部加上@media屏幕⼤⼩判断（可选择REM取代PX来进⾏⼤⼩适配），也可使⽤JS提供的navigator对象获取客户使⽤的设备，根据设备来相应的显⽰，这与在CSS中配置@media是⼀样的道理。
②交互，电脑端的交互就是⿏标点点点，然后键盘可以敲敲敲，但是⼿机端不⼀样，⼿机端其实交互很单⼀，现在都是⼤屏⼿机，基本上⼤家也就是点点、滑滑然后再输⼊，所以在使⽤移动端开发WEB APP的时候，要注意客户的使⽤场景，WEB APP⽐电脑端操作少很多，也功能简单了很多。
③性能与速度，⼿机端不⽐电脑端，电脑端的⽹络都是⽐较稳定的，要么是光缆，就算是wifi也是信号很强的，但是⼿机端是不⼀定的，2G、3G、4G都有可能，⽤户的⽹络有不稳定的因素，所以在开发WEB APP时应该注意不能使⽤较⼤的资源，⽐如引⼊⾮常⼤的js⽂件，花费客户⼤量的时间去请求，且因为是运⾏在⼿机浏览器上，不同移动设备的浏览器也是参差不齐的，⽤户容易出现页⾯根本加载不出来，或者运⾏及其缓慢的现象。
前端开发中的跨平台解决方案随着移动互联网和多平台化的趋势，跨平台解决方案越来越受到前端开发者的关注和重视。
在过去，我们开发Web应用往往只需要考虑在PC端和少数移动端浏览器上的兼容性，但现在我们还需要在iOS、Android、Windows等各种不同的平台上运行应用，并保证应用的性能和用户体验。
目前，市场上存在的跨平台开发解决方案主要有三种：Native App开发、Hybrid App开发和Web App开发。
Native App开发需要为每个平台单独写一套代码，开发效率低、费用高、维护困难，但可以获得最好的性能体验；Hybrid App开发可以让我们使用Web开发技术（如HTML、CSS和JavaScript）编写一套代码，同时在不同平台上使用WebView或类似组件实现运行，具有跨平台的优势，但性能不如Native App；Web App开发是最为轻量级的方案，无需安装应用，直接在浏览器中运行，但受限于浏览器环境和网络条件，性能体验不能与原生应用相比。
在这三种方案中，Hybrid App开发最为常见和实用，其主要有以下两种类型：基于Cordova的Hybrid App开发和React Native开发方案。
1. Cordova基于Cordova的Hybrid App开发是一种基于HTML、CSS和JavaScript技术，依靠Cordova提供的Webview并通过插件系统访问原生API的方案。
通过Cordova，我们可以将应用代码部署到多个平台上，同时通过Plugin机制在JavaScript层面调用原生API，使开发者可以快速地开发出跨平台应用。
Cordova的一个不足之处是，其性能相对众多解决方案有所不足，这主要是由于Cordova的各种桥接机制造成。
Cordova中采用多层桥接模式，对于Native和JavaScript之间的交互，需要经过多层桥接转换，需要进行反射、序列化等复杂操作，这对于APP性能造成了影响，使得开发者们无法达到Native应用的卓越性能。
移动应用开发中的跨平台兼容性解决方案移动应用的快速发展和多样化给开发者带来了许多挑战。
其中之一就是如何在不同平台上实现应用的兼容性，以确保用户能够在不同设备上无缝地体验应用的功能和界面。
为了解决这一问题，开发者们一直在努力寻找跨平台兼容性解决方案。
本文将探讨几种常见的跨平台开发工具和方法，以帮助开发者更好地应对这一挑战。
一、Hybrid App开发Hybrid App是一种结合了Web技术和Native技术的解决方案，可以在不同的平台上运行。
它通过使用HTML、CSS和JavaScript来构建应用界面，然后通过使用容器应用（如Cordova或Ionic）将该界面封装成原生应用。
Hybrid App的优点是易于开发和维护，可以快速发布到多个平台，并且可以使用Web技术栈的开发者来进行开发。
然而，它的性能可能受限于WebView组件，并且可能无法实现与原生应用相同的用户体验。
二、React NativeReact Native是由Facebook开发的一种基于React框架的跨平台开发工具。
它允许开发者使用JavaScript来编写真正的原生应用，并且可以在iOS和Android上跨平台运行。
React Native通过使用原生组件来渲染界面，因此可以获得接近原生应用的性能和用户体验。
开发者还可以使用React Native的热更新功能，以更快的速度进行开发和测试。
但是，React Native目前还处于发展阶段，可能存在一些学习曲线和不完善的地方。
三、FlutterFlutter是由Google开发的一种新的跨平台应用开发框架。
它使用Dart语言来编写应用程序，并提供了丰富的UI组件和工具来构建漂亮的用户界面。
Flutter通过自己的渲染引擎来呈现应用界面，以提供高性能和一致的用户体验。
与其他跨平台框架相比，Flutter具有更小的应用包大小和更快的启动时间。
但是，Flutter相对较新，生态系统可能相对较小，并且可能需要一些额外的学习成本。
hybrid模式工作原理随着全球数字化的深入发展，越来越多的企业开始采用云技术，特别是在云端数据库存储方面。
随之而来的是更多的云服务商和软件供应商纷纷推出了他们的hybrid、多云和混合云解决方案，以帮助企业实现数据和应用程序的云中转移和迁移。
那么究竟hybrid模式是如何工作的？首先，hybrid模式是指企业同时使用两种或更多的云服务。
一种是公有云，即互联网上所有用户都可以访问的云服务，例如Amazon Web Services、Microsoft Azure、Google Cloud等；另一种是私有云，即数据和应用程序只能被内部人员访问的云服务。
hybrid模式与其他类型的云模式不同，因为它允许企业将应用程序和数据存储到公有云和私有云中。
其次，hybrid模式的工作原理是基于API的，即应用程序界面。
API是指应用程序向其他程序提供数据和功能的方式。
在hybrid模式中，API扮演了非常重要的角色，它允许作为提供方的公有云和作为使用方的私有云之间进行通信。
因此，在使用hybrid模式时，API必须能够正常工作。
接下来，hybrid模式通过云中转移数据和应用程序。
当企业需要将应用程序或数据从一个云到另一个云时，它们使用API将数据从一个云服务提供商传输到另一个云服务提供商。
通过转移工作，企业可以最大限度地降低云服务的成本，同时使用不同的私有和公有云服务，以最好地满足他们的需求。
最后，Hybrid模式也提供了更高的安全性。
在Hybrid模式中，企业可以在私有云环境中存储和处理敏感数据，这可以使他们更好地控制数据安全。
同时，在公有云中，他们可以存储和处理非敏感数据，进而降低了成本。
总之，hybrid模式的工作原理是在公有云和私有云之间使用API实现通信，通过云中转移数据和应用程序，实现对数据的最大限度的安全性。
正因如此，hybrid模式成为越来越多企业的选择。
概述1.1. APP三种开发模式智能手机之普及不用多说，手机APP渗投到各个行业：电商（淘宝、京东等）、金融（各手机行业、P2P借贷等）、医疗（智慧医疗）、交通（滴滴、Uber等）、教育（慕课网等）、餐饮（饿了吗、美团等）……反正只要是个企业，无论规模大小，都已经订制或将要订制自己的APP。
这么多APP无外乎就三种模式：Native App、Web App、Hybrid App。
Native App，原生APP，使用原生（即Android或iOS）开发的APP。
两年多以前这非常流行，到现在为止，原生开发人员数量众多，一抓一大票，技术成熟，好多培训机构都抱着老掉牙的API翻来覆去的讲——尤其是Android。
Sorry，说错话了……使用原生开发有其优势：应用的性能好，适配起来相对容易。
学习成本要看人，个人觉得技术点不多，门槛相对稍高，但入门后学习起来就很轻松——网络资料实在是太多了。
但原生APP最头疼的有三个问题：1、无法跨平台：Android和iOS都需要开发各自平台的版本——开发成本高；2、升级麻烦：每次升级都要下载安装包，Android还好，反正不需要审核，下载就下载吧，但iOS就麻烦了，发布每个版本还得经过App Store的审核，这导致第三个问题；3、Android和iOS很难同步发布。
所谓的Web App，就是把手机当做一个浏览器（Android使用WebView，iOS使用UIWebView），做几个页面挂在服务器端，类似于一个小网站。
这样说虽然不太贴切，但实际上给人的感觉就是这样的。
虽然开发成本大大降低，但页面访问速度慢、操作体验差。
于是第三种模式诞生了。
乍一看和Web App没啥差别，但涉及到的技术成本、开发成本、学习成本比Web App高，它综合了Web App的开发速度和Native App的高性能体验。
之所以说学习成本高，是因为开发高性能的Hybrid App有难度，网络资料少。
我是两年半前开始接触混合模式开发的，当时如何做好屏幕适配、提高UI响应速度、如何最大化使用原生功能等内容，网络几乎没有资料。
网上能搜索到的都是很粗略的东西，或者就是Hello World级别的东西，涉1.2. Hybrid App所需技术Hybrid App由于需要保证运行性能与开发速度，需要如下技术支持，本系列博文均会按照Demo的开发顺序依次描述本人的开发心得和教训，希望能起到一个抛砖引玉的作用。
Native技术主要用于提供原生支持，要做到跨平台，就需要掌握部分Android和iOS的知识，除了多线程，文件存储等基础知识，Android需要非常熟练的掌握WebView、WebSettings、WebChromeClient、WebClient四大对象。
iOS需要非常熟练掌握UIWebView对象。
1、 HTML5熟练掌握HTML5的各个标签，如何编写最优的文档结构。
2、 CSS熟练掌握CSS2和CSS3的新特性，能按照效果图编写最高性能的样式。
使用SCSS生成CSS，将CSS可编程化。
3、 JavaScript实现业务逻辑控制。
个人理解JavaScript主要包含两大内容：DOM编程和面向对象编程。
大部分JS开发人员就只掌握DOM编程，诸如document.getElementById()等，但面向对象是很重要的一个方面。
4、性能和开发模块化编程：编写可复用的组建；CSS渲染：了解浏览器的CSS渲染引擎才能编写更高效率的样式；JS解析：了解浏览器的JS解析引擎才能优化JS脚本；HTTP协议：熟练掌握HTTP请求的各个内容；AJAX：和服务器端的交互大都采用AJAX。
1.3. 流行框架Cordova/PhoneGap：侧重于JS与原生的交互，开发简单，但性能差，如触摸时反应不灵敏。
AppCan：性能还行，使用简单，但要提交代码给AppCan的服务器才能打包，相信有追求的企业是不会把自己的代码提交给第三方，把打包权利交给第三方的。
Ionic Framework：在Cordova的基础上增加一些UI/JS方面的东西，样式还不错，但同样具有Cordova的不足。
jQuery Mobile：上手简单，组件丰富，但性能超级差，闪屏现象严重。
Senche Touch：简单看过，没有使用过，貌似UI很漂亮，学习成本高。
React Native：FB推出的，当年FB是最早尝试Hybrid的，但性能超差，于是APP放弃了Hybrid，走原生的道路。
在大家都不看好H5时，FB暗中深入挖掘H5，三年之后推出了这个框架，非常推荐各位去学习其中的思想。
GMU：百度推出的，这个不错。
这个就多了，jQuery、Zepto、Swiper、iScroll、RequireJS、AngularJS……由于移动端是一个重视性能和用户体验的终端，大量采用框架存在一些问题：1、扩展、维护、定制成本，这个非常需要考虑，或许框架提供的UI风格和自己设计的UI风格差异大，导致设计围绕框架转，不符合产品的需求。
2、既然是框架，强调的是覆盖面广度和功能的全面，会有很多无用的东西，带来累赘；3、框架本身存在BUG，或许需要开发人员面对一些能力之外的问题。
总之，如果只追求像山寨作坊一样快速产出、不计性能的开发产品，那使用现成的框架是不二选择。
但如果追求性能和真正的产品，建议使用库，不要使用框架。
但是很多框架的实现思想都很优秀，虽然不建议使用，但我们应该多接触学习其中的思想，才能写更好的代码。
仅仅建议而已，不中听请忽略。
1.4. 系列大纲本系列博文将按照我近三年来开发Hybrid App过程中的体会进行编写，以一个APP完整开发为线索，形成一套完整的混合模式开发的解决方案。
1、JS和原生交互架构2、WEB端基础知识准备3、UI适配方案4、UI组件开发及封装5、JS模块化开发分类: iOS原生APP和HTML5的混合开发模式2015-05-08 21:33:21/?p=22782--点击数:323 在“浙江新闻”客户端中的实践文_汤恺原生APP开发和HTML5技术是目前移动应用开发领域两个最火的技术，本文不深入讨论两种技术的优劣，更不轻易做出“某某将取代某某”、“某某是未来”等结论，只整理了“浙江新闻”客户端在目前和以后的开发过程中，如何将两种技术混合开发，取长补短，寻求适合自己产品的最佳技术方案。
首先简单介绍一下何为原生APP和HTML5。
原生APP简单地说就是PC时代的“程序”进入移动时代后的洋气名字，它们需要经过安装才能使用，通常在App store和google play 等各大安卓市场里获取。
原生APP是用户和操作系统（手机）之间的桥梁，所以原生APP 能够拿到操作系统开放的所有功能，比如调用摄像头、通讯录、GPS、蓝牙等等。
“浙江新闻”就是一个原生APP，目前提供IOS、安卓两个客户端版本。
HTML5同样是PC时代的“网站”在移动时代的名字，HTML5技术开发出来的成果必须借助浏览器（或是APP内的WebView组件，例如微信内打开一个链接出来的页面），正因为多了浏览器这一层，所以HTML5在用户体验和表现上，以及对本地存储、摄像头等硬件的支持并没有原生APP那么好。
HTML5相比原生APP，有快速更新、跨平台兼容性、开发门槛较低等优势，特别是“快速更新、实时起效”这方面，我们在“浙江新闻”开发过程中，感受尤其深刻。
一.混合开发模式的三个应用场景1.通过HTML5提供更多的内容展现形式“浙江新闻”是一个新闻客户端，单篇新闻的具体形式都是标准统一的，即图文结合的形式。
但是“浙江新闻”提供了另外一种新闻形式——Web新闻。
采编后台发布该类型新闻的时候，只需要填写一个网址，点击该新闻即显示该网址对应的网站。
而这网站的内容，就可以根据具体内容需要，开发出想要的效果。
目前“浙江新闻”在HTML5技术和新闻报道的融合上，已经探索出多种内容展现形式，以下案例用微信扫描二维码即可观看。
什么叫做原生App?Native App 开发即我们所称的传统APP 开发模式（原生APP 开发模式），该开发针对IOS、Android 等不同的手机操作系统要采用不同的语言和框架进行开发，是专门针对某一类移动设备而生的，它们都是被直接安装到设备里，APP 应用所有的UI 元素、数据内容、逻辑框架均安装在手机终端上，原生App 而用户一般也是通过网络商店或者卖场来获取例如The App什么是混合app?Hybrid App （混合模式移动应用）是指介于web-app、native-app 这两者之间的app，什么是Web App 开发?Web App 开发即是一种框架型APP 开发模式（HTML5 APP 框架开发模式），兼具“Native App 良好用户交互体验的优势”该开发具有跨平台的优势，该模式通常和“Web App 跨平台开发和低成本的优势”。
Hybrid App 主要以JS+Native 两者相互调用由“HTML5 云网站+APP 应用客户端”两部份构成，APP 应用客户端只需为主，从开发层面实现“一次开发，多处运行”安装应用的框架部份，而应用的数据则的机制，成为真正适合跨平台的开发。
目前已经有众多Hybrid App 开发成功应用，比如百度、网易、街旁等知名移动应用，都是采用是每次打开APP 的时候，去云端取数据呈现给手机用户。
Store 与Android Apps on Google Play。
Hybrid App 开发模式。
Native app 优点(1) (2)Hybrid app 优点原生应用和Web 应用的结合体,应用比例很自由；(2) (3) 开发成本低；能节省跨平台的时间和成本，只需编写一次核心代码就可部署到多个平台；(4) (5) (6) (7) 可任意调整风格，DIV 版面布局；兼容多平台；顺利访问手机的多种功能；App Store 中可下载（Web 应用套用原生应用的外壳）；(8) 可线下使用。
Web app 优点(1) (2) (3) 运行到浏览器上，项目独立；跨平台开发工具选择多；不需要安装额外软件，控制版本非常容易；可访问手机所有功能（GPS、摄像头）；(1) 速度更快、性能高、整体用户体验最好；(3)可线下使用（因为是在跟Web 相对地平台上使用的）；(4)支持大量图形和动画; 容易发现（在App Store 里面）和重新发现（应用图标会一直在主页上）；(5)应用下载能创造盈利（当然App Store 抽取20-30% 的营收）；(6)app 质量及安全性好。
Native app 缺点(1) (2) 开发及维护成本高；支持设备非常有限（一般是哪个系统就在哪个平台专属设备上用）；(3) 上线时间不确定（App Store 审核过程不一）；(4) (5) 内容限制（App Store 限制）；获得新版本时需重新下载应用更新。
