精华内容
下载资源
问答
  • 2021-03-14 14:03:15

    1、移动web开发

    这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。

    2、web app开发

    特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能(比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能).

    3.native app开发

    Native Client的开发Android为Java,iOS为Objective-C

    WebApp与Native App有何区别呢?

    Native App:

    1、开发成本非常大。

    一般使用的开发语言为JAVA、C++、Objective-C。

    2、更新体验较差、同时也比较麻烦

    每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。

    3、非常酷

    因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果

    4、Native app是被Apple认可的

    Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。

    Web App:

    1、开发成本较低

    使用web开发技术就可以轻松的完成web app的开发

    2、升级较简单

    升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉

    3、维护比较轻松

    和一般的web一样,维护比较简单,它其实就是一个站点Webapp说白了就是一个针对Iphone、Android优化后的web站点,它使用的技术无 非就是HTML或HTML5、CSS3、JavaScript,服务端技术JAVA、PHP、ASP。当然,因为这些高端智能手机(Iphone、 Android)的内置浏览器都是基于webkit内核的,所以在开发WEBAPP时,多数都是使用HTML5和CSS3技术做UI布局。当使用 HTML5和CSS3l做UI时,若还是遵循着一般web开发中使用HTML4和CSS2那样的开发方式的话,这也就失去了WEBAPP的本质意义了,且 有些效果也无法实现的,所以在此又回到了我们的主题–webapp的布局方式和技术。

    总结:移动web开发利用的是基于浏览器的网页语言技术,native app开发利用的是基于操作系统的程序语言技术,web app介于两者之间.当然现在比较流行混合型app。参考知乎、w3cfuns

    更多相关内容
  • HTML5移动web开发实战.pdf,HTML5移动web开发实战.pdfHTML5移动web开发实战.pdfHTML5移动web开发实战.pdfHTML5移动web开发实战.pdfHTML5移动web开发实战.pdf
  • 唐俊开 著 ISBN:9787121160837
  • 本书主要围绕HTML5技术,讲述如何利用HTML5相关技术开发移动Web网站和WebApp应用程序。本书共分为四大部分,第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用;第二部分主要介绍HTML5的新功能和新...
  • 唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar...
  • HTML5移动Web开发实战教程,可以学习关于web开发的一些基础的只是,还有更多的实战经验交给你。
  • HTML5移动Web开发指南,完整扫描版

    热门讨论 2013-11-21 16:28:11
    《HTML5移动Web开发指南》主要围绕html5技术,讲述如何利用html5相关技术开发移动web网站和web app应用程序。《HTML5移动Web开发指南》共分为四大部分,第一部分主要讲述web技术的发展及html5标准在移动web技术中的...
  • 常用移动web开发框架

    千次阅读 2019-05-01 17:13:12
    纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch...

    阿里云优惠:最高¥2000云产品通用代金券
    https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=dansrwg4

    纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用。国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架。

    1、jQuery Mobile

    jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标,还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能,更是集成了jQuery
    

    UI的Tab部件。jQuery Mobile继承了jQuery的优势,并且提供了丰富的适合手机应用的UI组件。jQuery Mobile还有很多的第三方扩展。

    1.1 jQuery mobile flat-ui 主题

    https://github.com/ququplay/jquery-mobile-flat-ui-theme

    1.2jQuery mobile Bootstrap 主题

    https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

    2、Sencha Touch

    Sencha Touch做的Web
    

    App看起来更像Native App,用户界面组件和丰富的数据管理,全部基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备。Sencha
    Touch提供了超过50个组件。

    3、阿里系web框架

    Kissy是阿里前端自己开发的前端框架,KISSY 是一款跨终端、模块化、使用简单的 JavaScript 框架。除了完备的工具集合诸如 DOM、Event、Ajax、Anim 等,KISSY 还面向团队协作做了独特设计,提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。KISSY Mobile是一套面向移动端的功能特性集合,实现灵活配置的转场动画和View的解偶。KISSY 5.0已经全面支持移动端。Kissy架构可以参考这里。Kissy架构图:
    

    4、百度移动web框架

    百度移动web框架有三个了解了一下。

    4.1 GMU

    GMU(Global Mobile UI)是百度前端通用组开发的移动端组件库,具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作量,非常适合移动端网站项目。 该组件基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!
    

    4.2 Clouda+

    Clouda+是移动web应用开发整体解决方案,并特别针对百度轻应用场景进行了优化,旨在让webapp体验和交互媲美Native应用。
    

    4.3 efe

    efe百度商业体系前端团队推出的web框架,efe有如优势。

    4.3.1模块化、组合式的移动前端框架

    4.3.2基于
    Stylus 的移动端样式库

    他是提供了 JavaScript 模块、CSS 样式库与开发平台的完整前端解决方案。擅长移动端 SPA 项目、轻应用。
    
       他是专为移动端设计的 Mixin 风格样式工具库。在其基础上创建了 Rider UI,一个灵活的 UI 样式库。
    

    5、tencent

    5.1 Spirit

         Spirit并不是一个具体的框架或者工具,但是她是移动端一系列解决方案的整合与聚拢。她是Alloyteam开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成,最终沉淀下来的一个体系,真正建立一套移动Web开发的集成解决方案。Spirit主要由5个部分组成:移动Web开发规范、JM、JMUI、Mobug、Mars。
    

    5.2 Frozen UI

    Frozen UI是腾讯ISUX团队(社交用户体验设计团队)根据最新的手机QQ设计规范制作的移动端Web框架,包括CSS基础样式和组件、JavaScript基础组件和一些动画效果库。为了方便记忆和增添趣味性,腾讯ISUX团队为它取了动画片《冰雪奇缘》的英文名,并把Elsa女王作为该项目的卡通代言人。
    
    项目主页:http://frozenui.github.io
    
    Github代码托管地址:https://github.com/frozenui/frozenui
    

    6、ionic

    Ionic提供了一个免费且开源的移动优化HTML,CSS和JS组件库,来构建高交互性应用。基于Sass构建和AngularJS 优化。
    
    Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,比如我们的AngularIonic扩展。
    
    Ionic遵循视图控制模式,通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中,我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏(Tab Bar)视图控制器处理点击标签栏在一系列可视化面板间切换。github。
    

    7、Amaze UI

      Amaze UI 采用业内先进的 Mobile first 理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。Amaze UI 含近 20 个 CSS
    

    组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web
    组件,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。

    8、CardKit

    CardKit 是来自豆瓣的一个移动 UI 框架,使用 Card\Unit\Component 概念快速构建移动 Web 应用。应用外观跟原生应用无异。
    

    9、App.js

    App.js 是一个轻量级的 JavaScript UI 库,用来创建移动的 Web 应用,应用的外观跟原生的应用相同,性能也近乎一致。
    

    特点:

    跨平台,支持 Android 2.2+ 和 iOS 4.3+

    Widgets 和自定义主题

    页面调整管理

    10、Junior

    Junior为前端框架,用来构建基于HTML5的移动Web应用,外观与行为跟本地应用相似。它采用针对移动性能优化的CSS3转换,支持旋转灯箱效果,包含多样的 Ratchet UI组件。整个框架使用Zepto(类似jQuery语法的轻量级移动设备js类库),且整合了backbone.js的视图和路由。 Junior十分易于使用,且提供详细的文档及案例,便于学习。
    

    11、Jingle

    Jingle是一个SPA(Single
    

    Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native 一样的操作体验。提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件,简单适用.

    12、mui

    性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有;
    

    另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。

    mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。
    

    13、Polymer

    Google给我们带来了Polymer。Polymer是是一个让你可以轻易创建web组件的框架。
    

    在他们完成开发web应用底层结构之后,他们开始专注于UI。Polymer 是
    material design 在 web 平台的实现.
    Polymer 团队与 material design 设计团队合作非常的紧密。 事实上, Polymer 在 material design 的研发阶段扮演着关键性的角色: 它被用于快速原型化和重现设计的概念.

    阿里云优惠:最高¥2000云产品通用代金券
    https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=dansrwg4

    展开全文
  • 广工移动web课程设计

    2019-01-09 03:02:18
    广工,计科,移动web课程设计,代码和报告都有,原创,自己写的
  • 移动Web开发社区JQM版

    2012-12-18 13:52:31
    该项目是移动Web开发社区jQuery Mobile版,针对移动设备特性提供友好的站点访问方式。开源目的是希望在利用jQuery Mobile和HTML5技术开发移动站点方面,给移动Web开发爱好者提供借鉴和学习的案例。
  • 以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。 写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios...

    以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。

    写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    1、禁止ios和android用户选中文字
    2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片
    3、webkit去除表单元素的默认样式
    4、去除android a/button/input标签被点击时产生的边框 & 去除ios a标签被点击时产生的半透明灰色背景,这里起作用的主要是设置透明度为0。
    5、局部滚动(仅iOS 5以上支持)
    6、移动端定义字体,移动端没有微软雅黑字体,各系统平台一般用默认字体
    这里写图片描述
    什么是meta
    Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。
    Meta : 即 元数据(Metadata)是数据的基本信息。
    1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。这个后面我们会详细介绍。
    2、禁止将页面中的数字识别为电话号码
    3、忽略对邮箱地址的识别
    4、QBlink强制竖屏
    5、QBlink强制全屏
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述

    展开全文
  • 这篇文章只是我深入了解移动领域开发过程...1:移动web开发 这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是三足鼎立IEfirefox chorme。手机网页可以理解成pc

    这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,欢迎指正。


    首先要明确移动web和webapp是不同的


    1:移动web开发


    这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是三足鼎立IEfirefox  chorme。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。


    2:web App开发

    特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能(比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能)


    那么PCweb开发与移动web开发区别在于什么?

    1

    面向人群来说


    l  从用户角度:pc端主要使用鼠标,鼠标的操作尺度比较小,点击是一件准确的事情;而移动端web上主要是触屏,触屏的操作尺度就比较大,点击误差大,所以元素必须往大了做,也不支持hover事件。这一点淘宝网页的PC版和手机web版是个非常良好的例子。PC淘宝中有些小按钮能放下的功能,移动版就必须另弹界面让用户详细输入。


    ll   从开发人员角度:UI(网页用户界面)设计师要考虑到移动端特点,便于触屏操作。至于代码实现效果时基本差不多。

    2

    MVC


    M:模型,即HTML代码,移动web会更关注meta标签,通过这些标签我们会定制我们移动web开发的一些行为和样式。


    V:即css语言,这两者会存在非常大的不同,进入移动web开发,会发现安卓设备和苹果设备的分辨率会存在分辨适配的问题,而pc上只需要写死一个宽度就差不多。PC端咱们最常用的就是固定宽度,但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看;很多屏幕的分辨率不一样;所以只要牵涉到移动端,就要牵涉到响应式(也叫自适应); 

     

    C:js,这个题主应该更详细一些,因为有没有canvas对js影响很大;

    第一、普通移动端网页(比如手机新浪网,手机淘宝,手机百度等)这个在js方面和PC端区别不是太大;主要的区别在于移动端没有了鼠标悬停(onmouseover);点击(onclick)还可以用;多了触摸、滑动。

    第二、canvas相关游戏

    canvas相关的html5增加了好多js,不过我不做游戏方面,所以就不多废话了;


    展开全文
  • HTML5移动Web开发指南

    2013-12-16 22:20:11
    《HTML5移动Web开发指南》主要围绕html5技术,讲述如何利用html5相关技术开发移动web网站和web app应用程序。《HTML5移动Web开发指南》共分为四大部分,第一部分主要讲述web技术的发展及html5标准在移动web技术中的...
  • 文章目录移动web开发流式布局1.0 移动端基础1.1浏览器现状1.2 手机屏幕的现状1.3移动端调试方法2.0 视口2.1 布局视口 layout viewport2.3理想视口 ideal viewport2.4meta标签3.0二倍图3.2背景缩放background-size4.0...
  • 十大移动web开发工具

    千次阅读 2015-05-11 10:43:21
    以下列出的这些是目前十大移动web开发工具,移动开发者可以(根据具体情况)用这些工具来创建apps,实现丰富的功能。欢迎提出宝贵意见。 1)mobl-lang Mobl是一款免费且开源的语言,可以加快移动app的...
  • HTML5移动Web开发实战(60多种技巧,帮助你构建针对iphone5、android、等手机系统的快速、响应式HTML移动网站).pdf 真正的中文版 当今,移动应用开发掀起软件行业的新一轮浪潮。然而,手机设备发展迅猛,屏幕尺寸...
  • 移动Web开发实践

    千次阅读 2014-08-12 14:24:35
    移动设备的快速发展给用户带来了很大的便利。用户使用Android、iPhone和其它移动设备很容易接入互联网。移动设备对网页的性能要求比较高,下面就说说Mobile Web开发的一些心得。
  • web移动开发总结(一)

    千次阅读 多人点赞 2018-12-02 21:48:24
    移动web开发方式和区别 响应式原理和媒体查询(重点) 响应式框架的介绍 bootstrap框架的基本使用 bootstrap全局CSS样式布局容器使用(重点) bootstrap全局CSS样式栅格系统使用(重点) bootstrap全局CSS样式响应式工具...
  • 移动web开发框架研究

    千次阅读 2016-02-11 21:33:53
     纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery M
  • java web 非本人研究方向,只是作为拓展知识涉猎范围 原文链接 ...jQuery Mobile(又叫jQueryMobile)是jQuery在移动设备(手机和平板)上的版本,它支持所有主流的移动平台,包括Apple iOS、Androi
  • HTML5移动web开发指南笔记

    千次阅读 2016-06-07 16:01:04
     Android:Andriod BrowserIOS:Mobile SafariBlackBerry:WebkitSymbian S60: Web Browser for S60 其浏览器的核心都是基于Webkit Webkit简介:  一种浏览器引擎,同时也是一个开源的项目 Web浏览器带来...
  • 跨平台的移动Web开发实战(HTML5+CSS3)

    千次阅读 2016-05-04 10:15:01
    标记-moz-、-webkit-、-o-和-ms-的解释 -moz-:代表Firefox浏览器特有的属性 -webkit-:代表webkit浏览器特有的属性,Chrome、Safari浏览器采用WebKit内核 -o-:代表Opera浏览器特有的属性 -ms-:代表IE浏览器特有...
  • 移动Web手册

    2017-08-07 06:52:06
    《移动Web手册(双色)》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍,让读者理解移动开发的复杂之处。接下来对移动设备上的各种...
  • 文章目录移动web开发之rem布局1 rem基础1.1 rem单位2 媒体查询2.1 什么是媒体查询2.2 媒体查询语法规范3 less 基础3.1 维护css弊端3.2 Less 介绍4 rem适配方案4.1 rem实际开发适配方案15 苏宁首页6rem 适配方案2...
  • 移动端Web开发 基础知识

    千次阅读 多人点赞 2021-09-26 16:07:15
    移动Web开发的两种主流方案,一种是单独制作移动端页面,另一种是制作响应式页面 移动端页面: 单独制作移动端页面的优势和劣势: 单独制作移动端页面,通常的做法是不改变原有的PC端页面,然后针对移动端单独开发...
  • 移动web开发,ios下移除input默认样式

    千次阅读 2014-04-11 17:06:45
    IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。 下面这句代码就是重置这些样式的: input[type=button]{ -webkit-appearance:...
  • 移动web开发笔记

    万次阅读 2016-05-15 20:12:27
    移动web开发笔记移动web开发笔记
  • 移动Web开发实战-横竖屏适配

    千次阅读 2018-03-24 12:33:52
    在我们平时的移动Web页面开发过程中,经常会遇到需要横竖屏处理的情况。一般情况下我会项目实际情况,比如页面一般打开的情景是横屏还是竖屏,项目是否需要增加横竖屏适配,页面结构是否复杂等。 情景一 写好...
  • 从零开始学习移动端Web开发

    万次阅读 多人点赞 2017-05-11 13:19:57
    本文旨在让读者以最快的时间了解移动Web开发基础以及介绍一些常见问题。基础准备首先我们要有HTML/HTML5、CSS/CSS3基础知识(会简单的切图就可以了) ,如果能懂点JS那就更好啦。其次我们要清楚一些

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 316,366
精华内容 126,546
关键字:

移动web开发

友情链接: SoftGNSS-master.zip