评论 -& 正文
时间： 来源：装饰E站通 作者：yahanmousi5234
动画有很多种，比如侧边栏菜单的滑入滑出、元素的响应动画、页面切换之间的过场等等，在H5之下的众多实现方法都没有办法达到纯原生的性能。一般这些的话有几种不同的选择：css3动画、javascript动画、原生动画。
css3动画非常的消耗性能，如果某一个元素用到css3动画可能还看不出来，但大面积或过场使用css3动画会让app低端手机体验非常差。最
(已有0条评论)
发表评论_H5网页App和纯原生的App差距在哪？
网友评论仅代表其表达个人观点,并不表明装饰E站通同意其观点或证实其描述
| 家装专题 |
| 装修论坛
网站客服QQ： 电话：5
技术支持:博坛
和100万装友互动学装修问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
H5页面为了离线浏览已经把CSS都放在asset文件夹下了。现在想不安装新的原生安装包，更新CSS文件，应该怎么做？请这方面有经验的朋友多给出几种解决方案，并分别列出优劣。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
link的时候加个版本区分
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
这种方式必须要native另做一个同步功能了。若native开启缓存，web静态资源非覆盖式发布，既能享受类似本地的快感，还能做到及时更新。
简单做: 在静态服务器新建一个文本或json文件，里面写好版本号，版本号任意，你要更新的时候就去改这个版本号。native每次或定时去拉这个文件，并将版本号存在本地，以后拉取时比对本地版本号，有变化则重新拉取静态资源到本地。
更好的是: 静态文件打包时生成改动文件映射表，这个表只有已经改动的文件名称或地址，native每次拉取这个映射表，发现有改动文件则只拉取改动文件。
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：原生APP和HTML5的混合开发模式
在“浙江新闻”客户端中的实践
原生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技术和新闻报道的融合上，已经探索出多种内容展现形式，以下案例用微信扫描二维码即可观看。
移动网站类《五水共治 百城擂台》
移动网站类《世界互联网大会专题报道》
图片幻灯片类《世界互联网大会之管道旅行记》
知识竞猜类《2014大场面 猜猜谁在现场》
游戏类《上山打老虎》
2.新闻widget
Web新闻是整个报道用HTML5来呈现，而新闻widget是在标准新闻里面，可以插入一些动态的、可互动的HTML5组件。最常见的应用，比如外滩踩踏事件的报道，在最下面可以进行献花，献花的地方还能告诉你现在有多少人献花了。同样，换套皮肤，就能变成点蜡烛祈福。
这还是最基本的。新闻widget还能做到在文内直接投票、报名等更有互动性的功能操作，以上功能在这次3.0改版中即将实现。
新闻widget最核心的价值，是其可以把新闻和服务在日常报道这种最小粒度中进行融合。试想这些场景：在看到一篇银行贷款利率降低的新闻里，直接就有一个贷款计算器，输入自己的贷款金额和年限，立刻告诉你每月能少还多少钱；或者在一篇交通事故的报道中，能够实时看到该路口的路况，让用户最直观地了解事故对交通的影响……这种感觉多么美妙！相信肯定会有更多更有价值的案例会被我们发现和创造。
3.服务平台
“浙江新闻”这个产品的主要概念之一是服务，在这方面的具体运营中，我们将充分利用报业集团获取资源、整合资源的优势，汇聚政府、社会和自身的现有服务进行二次加工和整合。从技术实现层面来看，原生APP和HTML5的混合式开发模式无疑是最佳选择。
在目前服务平台初级阶段，我们充分发挥HTML5接入简单的优势，只要一个URL，服务就可以轻松地在“浙江新闻”服务板块上线。“浙江新闻”APP能够对接入的服务进行调序、上下架、修改图标和名称等功能，而具体的服务，都是由每个服务的提供商进行开发运营维护。目前“浙江新闻”2.0即处于该阶段。
“浙江新闻”3.0中，我们将打造一个服务平台的中级阶段，该阶段主要是对用户信息的对接和对用户体验的规范。用户信息对接，即你只要登录”浙江新闻“，所有服务的用户信息都和“浙江新闻”用户进行了绑定。例如你在“浙江新闻”里登录了“读友2015”帐号，该帐号进入违章查询服务，里面绑定了浙A12345；进入挂号服务，绑定了你的身份证号。该平台实现了“浙江新闻”用户一卡通。同时，我们会对所有接入的服务按“浙江新闻”产品的交互、视觉规范进行二次改造，“浙江新闻”提供一个组件库，服务开发团队只要调用服务提供商提供的接口，同时使用“浙江新闻”组件库的页面元素，就可对现有服务改头换面，即能快速开发，又能实现各服务在“浙江新闻”APP中UI、交互的统一，把HTML5的快速迭代、开发成本低的优势发挥得淋漓尽致。
同时我们已经规划了服务平台的高级阶段。简单的讲，该阶段会诞生“浙江新闻”自己的JS SDK，和目前火热的微信JS SDK类似。所有“浙江新闻”内的服务，只要接入“浙江新闻”JS SDK，即可调用分享、摄像头、通讯录、GPS等只有原生APP才能享用的功能。此时，原生APP和HTML5达到完美融合，而且“浙江新闻”将真正成为服务层面的平台级产品。
二.对原生APP和HTML5混合开发的几点思考
以上从“浙江新闻”产品中新闻、服务以及新闻服务融合这三个层面，介绍了原生APP和HTML5混合开发的种种实践。我们发现，“浙江新闻”除了在产品层面打造一个新闻+服务的横向的融合平台，更是成为内容和技术的纵向融合的纽带。这个纵向融合的核心落脚点之一，就是HTML5。我们在HTML5开发过程中，也发现前后两个衔接过程是最大的问题所在。
1.以做产品的思维来做新闻
之前做报纸上的新闻，文字内容是核心，图片或设计是辅助，哪怕到了移动客户端，由于原生APP的局限性，在内容的表现方式上也无外乎普通新闻、图集新闻、专题新闻等几种固定的格式，外加评论这种互动方式。而“浙江新闻”推出的web新闻、新闻widget等形式，极大地丰富了新闻报道的形式和体验。同时也意味着，在新闻生产最开始的时候，就需要考虑新闻报道的展现形式，甚至要考虑是否需要和用户有更多的互动方式，比如拍照上传、答题、抽奖等功能需求。
这不仅仅是技术上、流程上的改进，更是思维方式的升级。目前我们通过内容、技术、运营三个团队的充分沟通来达到充分的融合，其实间接地达到了用产品思维来做新闻的要求。其实无论是做内容、技术还是运营，都需要有这三方面的认识和思维，这样新闻才能真正做活！
2.技术的重要性提到了一个新的高度
一是可以从技术（产品）的角度来反作用内容甚至自我策划生产。现在有很多内容，比如浙江十大年货，偏重内容的收集整理，这部分工作对新闻专业性要求不是太高，技术人员完全有能力可以做，再通过好的设计和展示，结合晒晒自己家的年货这种功能和活动，做成一个既传播了知识又展示了浙江，同时用户参与和传播程度都兼顾的好作品。
二是在原生APP和HTML5混合开发模式中，作为H5开发团队（数字采编中心技术中心）不仅要做好H5作品本身，还需要了解原生APP开发和H5相关的机制，同时还得研究前沿技术向原生APP开发团队提出的需求以便APP做好技术支撑；作为原生APP开发团队，得既当爹又当妈，不仅要做好APP本身，还得担起做平台的责任，特别是为服务平台提供的JS SDK方面，这对技术实力的要求很高。
由此可见，技术凸显其重要的同时，也对技术人员提出了更高的要求。不仅技术层面要求更前沿范围更广，而且在和内容的融合方面也有机会和挑战。
“浙江新闻”在原生APP和HTML5混合开发方面的实践，技术方案只是表面，本质是内容和技术的融合。在实际工作中，我们更深入地了解了两种技术方案的优劣，通过各自的优势互补，结合产品的实际情况，打造属于自己的技术解决方案，把内容和技术的融合通过产品的形式服务用户。
( 本网编辑：杜玲玲 )
才能发表评论.4560人阅读
苹果（125）
“原生应用”占统治地位
　　当我们为移动设备开发应用程序时，程序员通常都会选择开发“原生应用”，“原生应用”是一种用户必须通过手机应用商店购买下载并安装在手机存储器内的应用程序。“原生应用”现已成为新增手机功能的首选业界标准。
　　因此，大多数的程序员都认为跟浏览器应用相比，不论是渲染效果，还是执行能力，“原生应用”都拥有明显的优势。大部分的用户都会尽量避免使用手机浏览器，因为浏览器使用并不方便，尤其是需要输入数据的时候。
　　“原生应用”比浏览器应用更容易预见。因为“原生应用”是在手机内存中运行的，它们不会遭遇不可预知和易见等在浏览器应用常发生的问题。
　　此外，“原生应用”对网络的依赖性更少。“原生应用”大部分的数据都是存储在手机内，它们不需要连接网络才能获取数据。但浏览器应用则是典型的依赖云端服务器的应用程序，它们必&须得连接网络才能获得内容。如果网络连接不稳定或很弱，浏览器应用的表现性能将会遭受非常大的打击。
　　“原生应用”很麻烦
　　长期以来，程序员都是在有限的资源的情况下开发Apple的iOS设备和Android设备开发的应用程序，因为这么做可以让他们的手机应用进入最大的移动市场。
　　但这种理由已经开始失去&说服力，部分原因是程序员要在手机应用商店销售“原生应用”并不容易。以iOS应用为例，就连通过官方的审核也不容易。不过，Apple公司要求每一个提交申请审核的手机应用都必须遵从它的标准，程序员说如果Apple不喜欢那个手机应用，无论是什么理由，它都会拒绝审核。
　　尽管要在Android市场通过应用审核并不难，但却通过审核后却很容易被埋没在茫茫的Andorid应用海洋里，并且大部分Android应用都是低质量的。
　　手机程序员面对的另一个&问题是他们还必须针对不同的手机操作系统(iOS、Android或者其他)开发不同版本的手机应用，并且同一个操作系统还会有几个版本的应用。因此，手&机程序员需要投入大量的时间和金钱给他们的应用程序“定版本号”，而提高产品质量和开发新产品的时间却所剩无几。
　　迷失在“超级”市场
　　如前面提到的，一个“原生应用”要在应用商店上架开售并获得成功的希望是十分渺茫的。随着应用商店的扩大，假冒伪劣的应用将会越来越多，而获得有用的手机应用将变得越来越困难。&WildTangent公司的副总裁Matt&Shea表示大型手机应用商店的应用程序都是一站式购物，他们看起来很笨拙，而且应用程序的分类和组织均是显而易见的失败。因此，应用买主就更难物色到他&心目中的理想手机应用，就算这个应用真的就藏在应用商店内，他也难以从中找出。这也是手机程序员面对的最大问题。
　　Shea还说，大型手机应用商店的糟糕分类让像WildTangent这样的专业商店觅得了商机。WildTangent是一个专业的手机游戏分类网站，他们会对游戏进行严格的分类和审查，这样访客就能更容易获取到他们的理想应用。
　　HTML5是答案吗?
　　许多移动社区的用户相信&开发者可以避免这样的烦恼——是否选用HTML5技术开发基于浏览器的应用。HTML5技术是1999年推出的超本文语言的一次大升级。尽管外界消息指在&2014年到来前，W3C不会出台HTML5技术标准，但现在，许多现代的手机浏览器已经提前支持这种技术，许多Web程序员已经开始设计HTML5网站。
　　简单说，HTML5会让浏览器、桌面应用和移动设备展现更多酷炫的功能，例如坐标定位、无插件的视频和音频播放等。同步功能也会更完善，你将可以在工作时观赏一部分电影，然后在家的电脑继续观看余下的片段。
　　或许HTML5技术最大的潜在优势就是它可以让应用程序员将精力集中在一个版本的应用上，而这个应用却在多个浏览器流畅运行，将程序员从多平台多版本的束缚中解放出来，让他们有更多的精力和资金进行推广营销。
　　网络是一个关键因素。如果4G网络出来到来，网速将会得到更大幅度的提高，用户从互联网获取内容时将会更加迅速和可靠，浏览器应用也将因此迎来生机。
　　至于宣传方式，基于浏览器的手机应用将大大减少程序员或开发商对手机应用商店的依赖。为了让“原生应用”成功，程序员需要更多的推广投入，而基于浏览器的应用(只需一个链接地址)会让程序员更容易通过社交媒体(如Twitter、Google+)等进行推广。
　　留下还是离开?
　　尽管大多数程序员相信HTML5技术的水平正在提高，“原生应用”的运行速度和真实用例依然比浏览器应用要好。
　　造成它们差役的一大原因就是“原生应用”可以访问手机设备的硬件功能，而浏览器应用却无法做到。许多程序员表示HTML5的应用目前还没能控制和充分利用智能手机各种各样的硬件功能，如智能手机的CPU和重力加速器，而“原生应用”却能充分利用这些硬件资源。
　　虽然如此，但围绕HTML5技术的争论依然非常的多，HTML5技术究竟需要多长的时间才能像“原生应用”那样操控智能手机的硬件设备呢?
　　“Java的连接辅助让类似移动定位这样的功能也已经可以在大多数的手机浏览器中调用，”&QualcommCDMA公司的产品经理SyChoudhury说，“未来半年，我们将会看到更丰富的定位功能，同时浏览器还会有WebGL这样的访问GPU的功能，更轻松地访问照相机和摄像机，浏览器对声音控制也会比现在更为出色。”
　　Choudhury跟他的团队目前主要从事浏览器的性能优化和开发针对高通Snapdragon处理器的手机操作系统。
　　“几个月以前，浏览器厂商开始放出越来越多的例子高调展示浏览器应用可以达到的水平，包括重力加速器、方向仪、GPS定位和集成照相等功能，”Mozilla手机浏览器产品经理Thomas&Arend指出，Mozilla开发者网站的Dashboard&就是一个非常好的HTML5技术例子。
　　保证一致的用户体验也是HTML5技术需要解决的另一问题。HTML5浏览器应用在不同的手机设备的不同浏览器上运行，部分程序员表示，由于不统一性，难以让所有的消费者都喜欢他们设备上的HTML5浏览器应用的表现效果。
　　但采用基于浏览器的方法开发应用不一定就是毫无优势，Arend说。“选择Web技术作为平台技术是最有前途的，对于跨平台的应用(PC和移动设备)，Web技术无疑会用户更一致的用户体验，一款优秀的浏览器应用的表现效果绝对及得上‘原生应用’。”
　　任何一种新技术的采用，&都会先经历钟形曲线的模式。早期的技术领头人已经开始行动了。Pandora宣布将采用HTML5技术开发应用程序，而云存储公司Box.net也表示会&开始采用HTML5技术。同时也有传言Amazon很快将推出一款基于HTML5浏览器技术的Kindle应用。
　　不存在“二选一”
　　在对“原生应用”和浏览器应用的大量热讨后，许多程序员已经不再需要面对一个“二选一”的抉择，事实上，两种技术是可以共存的。
　　举个例，一名游戏开发者开发了不仅开发了一款手机“原生”游戏“lite”，他还开发了这款游戏的Web版本，潜在买家可以先在Web浏览器上试玩这个应用，Arend指出，如果他们认为这款游戏值得购买时，他们可能会在手机应用商店购买下载游戏的完整版进行安装。
　　此外，程序员开发“原生应用”的方式十分类似于开发浏览器应用——同样的开发工具，只是最后需要给“原生应用”再额外添加一个包装而已。因此，“原生应用”和浏览器应用有时候可能跟人们想象的会有点出入。
　　最后，程序员可能会决定开发一款融合“原生”和浏览器特色的应用程序。程序员必定会疑问发布到应用商店和通过社交媒体放置在开放互联网上，哪一种方式才是吸引用户的最佳方式呢？
　　对于许多人而言，智能手&机这个概念的诞生也同时伴随着应用下载的到来。当智能手机首次进入市场时，“原生应用”就是最好的方式用以完成设备的任务。但随着HTML5技术的到来，&这又开始了变化：随着浏览器的成长，带宽的增加，HTML5的技术标准成熟，许多无线社区的用户就会开始怀疑“原生应用”是否是手机设备的最佳的搭档。
　　当HTML5技术全面袭来时，手机浏览器将会变得更好，至少它会改头换面。
原生app和h5页面的比较：
1，原生应用页面体验效果会更好的；速度快
2，原生可以脱机使用，运行更快，h5可以动态更新不更新app
3，页面跳转更加费力，不稳定感更强
4，原生app 排版更清晰、信息更简练
（可在原生APP基础上去掉一些丰富、复杂的视觉表现）
5，h5& 交互动态效果收到限制，影响一些页面场景、逻辑的理解。复杂的逻辑和动画做不了
6，纯粹的应用很少，甚至只有一个view是用WebView/UIWebView的方式越来越常见了。
基本上只要对那个view长按，然后看是不是有反应，比如手机震动（Android）、或者出现文字选择粘贴（Android/iOS），那么就是WebView！（长按有气泡的）
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：149081次
积分：3433
积分：3433
排名：第9622名
原创：165篇
转载：155篇
评论：15条
(5)(4)(13)(5)(4)(8)(6)(4)(12)(5)(1)(4)(7)(11)(11)(6)(1)(17)(5)(14)(13)(7)(3)(2)(2)(7)(9)(4)(6)(31)(12)(15)(1)(3)(6)(5)(2)(10)(12)(3)(11)(16)拒绝访问 | www. | 百度云加速
请打开cookies.
此网站 (www.) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(38d74f47a46c4364-ua98).
重新安装浏览器，或使用别的浏览器