金沙国际官网_金沙国际平台登录

因为这个金沙国际官网_金沙国际平台登录网站与很多的大型澳门赌场都有合作,金沙国际官网_金沙国际平台登录尽职尽责,高效执行,保持好奇心,不断学习,追求卓越,点击进入金沙国际官网_金沙国际平台登录马上体验吧,所以现在也正式地开始了营业。

您的位置:金沙国际官网 > web前端 > 如何通过,Mobile做HTML5移动应用的三个优缺点

如何通过,Mobile做HTML5移动应用的三个优缺点

发布时间:2019-11-01 21:31编辑:web前端浏览(98)

    用jQuery Mobile做HTML5移动应用的三个优缺点

    2013/03/30 · HTML5 · 来源: 伯乐在线     · HTML5

    英文原文:Niall O’Higgins,编译:伯乐在线——唐尤华

    在过去大约一个月的时间里,我一直在使用JQuery Mobile为一个健身培训网站开发基于HTML5的手机/平板前端应用。我之前曾经写过Android和iOS应用程序(分别用Java和Objective-C),因此只要编写一段基础代码就可以在主流平台上运行并能够快速地用HTML和JavaScript迭代,这样的许诺十分诱人。

    JQuery Mobile & HTML5

    使用HTML5和JavaSript构建一个手机应用,你需要写很多JavaScript代码。然而,带有触摸屏的设备的UI控制和处理与标准的Web应用程序非常不同。因此,你会想要使用现成的手机HTML5/JavaScrip框架(除非你有很多的时间并且打算将所有东西重新构建)。现在有很多现成的框架可供选择:jQTouch、 Sencha Touch 等等。

    我成为JQuery的粉丝已经很多年了,尤其欣赏它的至简哲学以及出色的核心特性和插件以及社区的贡献。正是由于有JQuery,我才能够接受使用JavaScript开发。所以,当听到 Chris McDonough(Pyramid Python Web 框架的作者)发布JQuery的好消息时,我知道我应该去试一试。

     

    JQuery Mobile 和 HTML5 的 3个优点

    1. 上手迅速并支持快速迭代:在一个星期多一点的时间里,通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobile书籍,我完成了一个可以工作的app初步版本。在此之前我没有HTML5 / JQuery Mobile开发经验。与Android和iOS相比,使用JQuery Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多。

    译注:原生系统:原装的操作系统,例如Android原生系统是Google发布未经修改的系统。在本文中,原生应用指直接用系统提供的API开发的程序,与JQuery Mobile开发的程序相对应。

    我发现Apple的Builder接口的学习曲线十分陡峭,同样学习令人费解的Android布局系统也很耗时间。此外,要使用原生代码将一个list view连接到远程的数据源并具有漂亮的外观是十分复杂的(在Android上是ListView, 在iOS上是UITableView)我能够通过已经掌握的JavaScript和HTML/CSS知识快速地实现同样的功能,无需学习新的adapter,delegate等等抽象概念,只要编写JQuery代码就可以做到。

    2.避免麻烦的应用商店审批过程以及调试、构建带来的痛苦:为手机开发应用,尤其是iOS系统的手机,最痛苦的过程莫过于通过Apple应用商店的审批。想要让一个原生应用程序发布给iOS用户,你需要等待一个相当长的过程(需要好几天,甚至可能是好几周)。不仅在第一次发布程序时要经历磨难,以后的每一次升级也是如此。这使得QA和发布流程变得复杂,还会增加额外的时间。由于JQuery Mobile应用程序仅仅是一种web应用程序,因此它继承了所有web环境的优点:当用户加载你的网站时,他们就马上“升级”到最新的版本。可以马上修复bug和添加新的特性。即使是在Android系统——应用市场的要求比起Apple环境要宽松得多,在用户不知不觉中完成产品升级也是一件很好的事情。

    进一步的好处是,发布beta或测试版本会更加容易。只要告诉用户用浏览器打开你的网址就可以了!不需要考虑iOS令人抓狂的DRM,也不需要理会Android必须的APK。

    3.支持跨平台和跨设备开发:一个巨大的好处是,我的应用程序马上可以在Android和IOS上工作,同样也可以在其他平台上工作。作为一个独立开发者,为不同的平台维护基础代码是一项巨大的工作。为单个手机平台编写高质量的手机应用需要全职工作,为每个平台重复做类似的事情需要大量的资源。应用程序能够在Android和IOS设备上同时工作对我来说是一个巨大收获。

    更进一步,尤其是对于运行Android各种分支的设备,它们大小和形状各异,想要让你的应用程序在各种各样屏幕分辨率的手机上看起来都不错,这是真正的挑战。对于要求严格的Android开发者来说,按照屏幕大小进行设屏幕分割(从完全最小化到最大进行缩放)会需要很多开发时间。由于浏览器会在每个设备上以相同的方式呈现,关于这个方面你不必有任何担心。

     图片 1

     

    JQuery Mobile 和 HTML5 的3个缺点

    1.比原生程序运行慢:在我看来最大的缺点是,即使是在最新的Android和iOS硬件上(双核Tegra 2 Android手机,双核iPad2平板),JQuery Mobile应用程序都会明显慢

    于原生程序。尤其是在Android上,浏览器比起iOS更慢且bug更多(虽然谷歌是专注web领域的公司)。我没有在更早的Android设备上测试我的程序,也许根本就不能运行(例如Android G1)。我相信在未来的12-24个月,硬件速度会很快得到提升(例如,四核设备2011年马上就要上市),性能也许很快就不会成为问题。但是今天,它确实是一个缺点。如果你只专注于iOS,你大可以期待一下浏览器的性能,至少它在这方面是可靠的(不像Android,黑莓等等)

    2.古怪(跨浏览器、跨平台开发):JQuery Mobile现在仍是beta版本,因此我遇到了很多bug。也就是说,JQuery团队还在积极地回复GitHub上提出的问题。我认为其中最大的一个问题是各种浏览器在不同的手机平台上古怪的表现。这个问题一直为人诟病。应用程序可能看上去有些古怪——虽然我认为JQuery Mobile团队在widget和主题上做得很棒,但的确和原生程序看起来有显著的不同。这个问题到底对用户有多大影响不得而知,但是这一点需要引起注意。

    3. 有限的能力 vs 原生程序:很明显,运行在浏览器上的JavaScript不能完全地访问设备的很多特性。一个典型的例子就是摄像头。然而,类似PhoneGap这样的工具能够帮助解决很多常见问题。实际上,我已经开始将我的应用程序通过PhoneGap将几个版本部署到iOS和Android上,使用的是原生Facebook绑定,效果令我映像深刻。我会在未来的博客中写一些使用PhoneGap的经验。

     

    总结

    总的说来,我认为使用JQuery Mobile和HTML5作为手机应用开发平台是可行的。然而,这并不适用于(至少到目前为止)所有类型的应用程序。对于简单的内容显示和数据输入类型的应用程序(相对的是需要丰富多媒体/游戏程序),它是对原生程序一个有力的增强。我对自己的应用程序使用新平台的结果感到高兴——不再需要同时为Android和iOS维护我的健身跟踪软件。

    在接下来的1-2年中,随着硬件变得越来越快,手机设备越来越多样化,我相信HTML5 (JQuery Mobile, PhoneGap, 等等)在手机应用开发中会成为更加重要的技术。

     

    英文原文:Niall O’Higgins,编译:伯乐在线——唐尤华

    【如需转载,请在正文中标注并保留原文链接、译文链接和译者等信息,谢谢合作!】

     

    赞 收藏 评论

    如何通过 Vue+Webpack 来做通用的前端组件化架构设计

    2016/07/12 · JavaScript · 1 评论 · 前端框架

    本文作者: 伯乐在线 - 新空气 。未经作者许可,禁止转载!
    欢迎加入伯乐在线 专栏作者。

    目录:

      1. 架构选型

        2. 架构目录介绍

        3. 架构说明

        4. 招聘消息

     

    目前如果要说比较流行的前端架构哪家强,屈指可数:reactjsangularjsemberjsavalonjsvuejs

    我个人接触使用过:avalonjsangularjsvuejs。因为工作以及前端团队能力的问题,所以在不同的公司,在开发工作中选用了不同的前端架构。

    以下仅仅是代表我个人选用架构的一些看法和理由,如下:

    angular:

    我觉得angularjs的学习上手周期比较长,可能遇到问题,都无法立刻解决,而且编码的质量明显的很差,如果团队没有制定规范,那写出来的代码就没法看。对于一个选用angularjs的团队来说,我认为编码规范是很重要的,否则对编码能力是没有提升的。

    avalon:

    avalonjs文档资料没有那么全,我感觉一些开源支持的力量不够多。不过,如果有项目需求,需要去做IE浏览器的支持话,我建议选择avalonjs

    vue:

    vuejs 文档比较齐全,vue吸取了angularjs 的一些优点,规避了一些缺点,至少编码规范上有了一个质的飞跃,学习上手的周期比较短。vue起初只是一个轻量级的类库,用来做类似于react的事情,同时vue也是可以拿来做前端架构设计的,比如:vueify

    • vue-router(spa框架)。

    vue学习地址:http://cn.vuejs.org/

     

    以上说了那么多没用的,下面就来点干活了!

    我的前端组件化架构设计,目录如下:

    图片 2

    项目架构用到的知识点,还是挺多的,知识清单如下:

    [1]:   gulp + webpack 构建打包工具, 使用了一系列的loader,比如:vue-loader,  sass-loader, babel-loader , 以及 postcss,postcss-custom-properties,等等

    [2]  :   postcss-custom-properties : 用来做样式全局化, 只需要通过变量去维护,通过编译变量既可以换肤。

     [3]  :   vue-loader (vue文件组件化):用来去编译处理 *.vue 的文件,一个vue 文件就是一个单独的组件,vue组件开发具有高独立且易维护。组件的划分可大可小,一个页面也可以看作成由多个vue 组件构成的,一个页面也可以是一个vue组件, vue 文件结构如下:

    图片 3

    [4]  : babel-loader  :实现对vue文件中 es6 语法的编译解析

     [5]  : vue-router :用来做路由分发,而且文档非常的齐全(学习地址:)。

     [6]  : vue (插件式方式):vue本身提供了一个install 方式用来注入,我们可以注入一些全局的(属性、方法、以及通用的ui组件)。

    下面说说文件夹的含义:

      common 文件夹: 是用来存一些通用的东西,比如样式,以及全局的js等等

      components 文件夹:用来放独立的组件,我打算后期做细分,ui 组件,以及page 组件等等,这里面就是团队的心血,以后就能做成独立的组件库了。

      filters 文件夹:用来放通用的过滤器操作。

      plugins 文件夹:用来放 Vue.use 注入到Vue全局的插件库,比如:请求加载、弹框、分页、ui组件 等等。plugins 只是把 componets组件暴露给 Vue全局。

      views 文件夹: 用来存放页面模块

      app.vue 文件:第一次启动的主程序模块

      app.js 文件:启动前的加载,注入,实例化

      router.config.js 文件:路由模块

     

    目前该架构在前后台的SPA架构都适用,可能还是有很多不完善,不过我还很年轻,vue也还狠年轻,望各位道友多给我们年轻人一些机会。

    2 赞 6 收藏 1 评论

    教你用 HTML5 制作Flappy Bird(下)

    2014/03/23 · HTML5, JavaScript · 1 评论 · HTML5, Javascript

    本文由 伯乐在线 - 杨帅 翻译。未经许可,禁止转载!
    英文出处:lessmilk。欢迎加入翻译组。

    在上一篇HTML5教程中,我们做了一个简化版的Flappy Bird。虽然可以“称得上”是一款游戏了,但却是一款很无聊的游戏。在这篇文章中我们来看一看如何给它添加动画效果和音效。虽然并没有改变游戏的机制,但却能够使游戏变得更加有趣。你可以点击这里先体验一下。

    关于作者:唐尤华

    图片 4

    做自己喜欢的,编程、喝茶、看世界 个人主页 · 我的文章 · 18 ·     

    图片 5

    关于作者:新空气

    图片 6

    简介还没来得及写 :) 个人主页 · 我的文章 · 3

    图片 7

    设置

    首先下载新的模板。其中包括了我们在上一个教程中完成的代码和一个新的音效文件。

    打开main.js,开始敲吧。

    本文由金沙国际官网发布于web前端,转载请注明出处:如何通过,Mobile做HTML5移动应用的三个优缺点

    关键词:

上一篇:是真的美,到底是干什么的

下一篇:没有了