什么是移动前端开发

JavaScript013

什么是移动前端开发,第1张

问题一:移动前端开发和 Web 前端开发的区别是什么 可以分成两部分理解

1.服务器端开发,也叫后台开发,这是唯一的,对应不同的平台,他负责数据的分发与存储,和一些逻辑的处理.逻辑处理的多少由业务的复杂程度决定。服务端相对独立,与平台没啥关系.

2..1中不同的平台指web平台、移动设备平台等,移动设备又可分为andriod平台、iPhone平台等

每个平台都有自己的规范和开发技术。web平台的规范是键盘+鼠标,开发技术是html+css+javascript;移动设备平台的规范是键盘+手指(触摸和手势),技术iphone是Objective-C,android是java。

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

通常你看到的一些文章中会提到web app 和native app,这里的web app指的是mobile web app,而移动web和web开发没本质的区别,但需要不同的开发框架,以解决在移动设备上的适配问题和一些特殊的操作以及功能调用。

最后总结一下,web开发利用的是基于浏览器的网页语言技术,native app开发利用的是基于操作系统的程序语言技术,web app介于两者之间.当然现在比较流行混合型app,这个可以多百度一下.

问题二:移动前端开发和 Web 前端开发的区别是什么 前端是个很大的概念,我的理解是用户能够看到,直接接触到的层面都算是前端,比如IOS客户端界面,安卓客户端界面,网页界面,甚至PC/MAC 桌面端软件界面;

现在最常见的说法一般是指Web前端,有PC端的就是浏览器打开的网页 html +js +css ,也有针对于手机网页开发的工作。

移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,需要对HTML5和CSS3有一定的了解。

移动前端开发目前还分两大阵营,一个是Android,一个是iOS,其实还有wp(window phone)这个是不是被人给忘记了

总结:

移动前端开发 主要来说的是Native Client的开发Android为Java,iOS为Objective-C,然后么HTML5应用号称跨平台其实差异很大。

Web前端开发么基本上就是HTML JavaScript CSS,不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。

问题三:移动前端开发和 Web 前端开发的区别是什么 移动开发如果是开发webview页面,那和web前端几乎没差别,现在无论移动端和web端都强调自适应。甚至在web端一次开发的网页,都可以在移动端完美display,用的比较多的是bootstrap栅格式布局; 当然如果移动开发是拖拖控件做前端的话,有点类似于早年微软silverlight的开发,这和web前端是差别比较大的。

问题四:移动前端开发和 Web 前端开发的区别是什么 用的开发语言不一样。

移动前端通常是指Android、ios、 windows phone

开发语言分别是Java、Object-C、C#。

web前端开发是网页开发。

开发语言是html语言,javascript脚本等。

问题五:移动前端开发和 Web 前端开发的区别是什么? 移动前端开发?就是指iOS/Android开发吧。 这两者都是基于操作系统开发的(native),而Web是基于HTML等web标准的。 Android代码写了就是给Android用的,iOS代码也一样。而Web是一套代码适应不同标准。 性能也不一样。native的会比web快。 其他想

问题六:移动前端开发和 Web 前端开发的区别是什么 移动前端开发 主要来说的是Native Client的开发Android为Java,iOS为Objective-C,然后么HTML5应用号称跨平台其实差异很大。Web前端开发么基本上就是HTML JavaScript CSS,不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。

问题七:移动前端开发和 Web 前端开发的区别是什么 前段开发可以分为移动端和pc端,一般移动端开发做app页面,或者微信小场景什么的,主要负责H5内嵌页面开发,pc端就是我们常用的电脑上的网页啊什么的,前端主要负责效果实现,页面布局,获取后台传的数据并填入页面,这是我的理解!

问题八:移动前端开发和 Web 前端开发的区别是什么 移动前端开发和 Web 前端开发的区别是:

1、前端是相对比较大的概念,一般是指用户能够看到、直接接触的界面都算是前端,比如iOS界面,安卓界面,网页界面,PC/Mac桌面软件的界面。最常见的是Web前端,也就是针对于网页端开发的工作。

2、Web App即Web application,也就是以浏览器作为客户端的软件。例如,用桌面客户端来收发邮件,但也可以直接用浏览器登陆gmail或者QQ邮箱,直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。

Mobile Web App就是在手机端打开的Web App。例如Gmail的移动端软件

3、目前,移动客户端的开发主要包括三种类型:

Native App(原生APP):也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用,也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言;Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写,效率和稳定性都是最好的,但欠缺灵活性。

Web App:这个就是在移动浏览器里打开的,使用Web前端开发语言HTML CSS JavaScript来开发的,基本上就是个网页,

Hybrid App:主要使用HTML5实现。一般使用Native语言实现一个容器,然后使用HTML CSS JS来实现用户界面和交互。这样方式既克服了Web App容器暴露偏底层的接口这样的问题,同时比起原生的开发灵活性要高。这样就更新可以更方便快捷,也不依赖于市场。例如,豌豆荚其实是个PC端的hybrid app 。

对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了,这里也就不再赘述了。

4、移动端网页布局方法与pc的差异。

主要是css方面,外加如何做到同一url,不同客户端展现不一致的做法,俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js

最后总结一下:

其实这两者最显著的区别就是,web app是不依赖于具体的设备的,通用性较强,只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备,一旦更换设备,需要重新下载才能继续使用。

移动前端开发 主要来说的是Native Client的开发Android为Java,iOS为Objective-C,然后么HTML5应用号称跨平台其实差异很大。

Web前端开发么基本上就是HTML JavaScript CSS,不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。

app是应用,每个操作系统有专门的开发工具和语言

web是网页,使用html+css+js,有工具可以生成转化为app,不过效果一般

问题九:移动前端开发和 Web 前端开发的区别是什么 1、要弄清区别,首先要知道前端和后端的概念:

1)Web前端: 顾名思义是来做Web的前端的。这里所说的前端泛指Web前端,也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。

2)Web后端:后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

2、实际的开发过程中,前端、后端开发人员所要具备的技能:

1)前端开发人员:精通JS,能熟练应用JQuery,懂CSS,能熟练运用这些知识,进行交互效果的开发。

2)后端开发人员:会写Java代码,会写SQL语句,能做简单的数据库设计,会Spring和iBatis,懂一些设计模式等。

3、总结:

web前端分为网页设计师、网页美工、web前端开发工程师

首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责

网页美工只针对UI这块的东西,比如网站是否做的漂亮

web前端开发工程师是负责交互设计的,需要和程序员进行交互设计的配合。

web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术,ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样

问题十:移动前端开发和 Web 前端开发的区别是什么 20分 移动客户端的开发类型,主要是三种:Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iphone iPad就是纯Object-C,安卓就是纯JAVA, 就是用户看到的界面啦体验到的交互啦都是原生的。这是性能最棒的开发方式,但灵活性就没下面的好。

web App, 这个就是在移动浏览器里打开的,纯HTML+CSS+JS,说白了就是个网页,只不过非常的富应用,比如手机浏览器访问的GMAIL啥啥的。但说白了就是在浏览器里打开的页面。。ios支持可以在桌面创建访问的快捷方式,但是说到底还是打开Safari跑。。而且对设备硬件的接口什么的挺薄弱。

Hybrid App.[HTML5 in Mobile devices] 我觉得这个更为合适一些。实际上是使用原生写了一个容器,然后使用HTML+CSS+JS来实现用户界面和交互。Web App的短处便可以克服(因为自己写的容器可以辅助暴露偏底层的接口,比如本地存储或者麦克风控制之类),同时比起纯原生的java或者object-c开发灵活性要高(更新可以更快更迅速,也不依赖于市场,因为说白了,就是自己下载更新网页资源。。)实际上这种方式已经不限于移动端。。豌豆荚其实是个pc端的hybrid app 哇~~~ 而且说实在的,桌面开发的性能就现在来说要比移动好很多。。

第一章:准备工作

做好准备工作很重要。开发一个微信应用号,你需要提前到微信的官方网站下载开发者工具。

1.下载最新微信开发者工具,打开后你会看到该界面:

2. 点击「新建 web+」项目

3. 该页面内的各项内容需要注意——

AppID:依照官方解释来填。

Appname: 项目最外层文件夹名称,如你将其命名为「ABC」,则之后的全部项目内容均将保存在「/ABC/…」目录下。

本地开发目录:项目存放在本地的目录。

注:再次强调,如果你和团队成员共同开发该项目,则建议你们使用同样的目录名称及本地目录,以确保协同开发的统一性。如果你之前已有项目,则导入过程与以上内容近似,不再赘述。

4. 准备工作全部完成后,点击「新建项目」按钮,弹出框点「确定」

5.此刻,微信开发者工具已经为你自动构建了一个初始的demo项目,该项目内包含了一个微信应用项目所需具备的基本内容和框架结构。点击项目名称(图中即「cards」)进入该项目,就能看到整个项目的基本架构了:

第二章:项目构架

微信目前用户群体非常庞大,微信推出公众号以后,火爆程度大家都看得到,也同样推动着 Html 5 的高速发展,随着公众号业务的需求越来越复杂,应用号现在的到来也是恰到好处。

微信提供给开发者的方式也在发生全面的改变:从操作 DOM 转为操作数据,基于微信提供的一个过桥工具实现很多 Html 5 在公众号很难实现的功能,有点类似于 hybrid 开发,不同于 hybrid 开发的方式是:微信开放的接口更为严谨,结构必须采用他提供给的组件,外部的框架和插件都不能在这里使用上,让开发者完全脱离操作 DOM,开发思想转变很大。

工欲善其事,必先利其器。理解它的核心功能非常重要,先了解它的整个运作流程。

生命周期:

在index.js里面:

开发者工具上 Console 可以看到:

在首页 console 可以看出顺序是 App Launch–>App Show–>onLoad–>onShow–>onReady。

首先是整个 app 的启动与显示,app 的启动在 app.js 里面可以配置,其次再进入到各个页面的加载显示等等。可以想象到这里可以处理很多东西了,如加载框之类的都可以实现等等。

路由:

路由在项目开发中一直是个核心点,在这里其实微信对路由的介绍很少,可见微信在路由方面经过很好的封装,也提供三个跳转方法。

wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。

wx.navigateBack():关闭当前页面,回退前一页面。

这三个基本上使用足够,在路由方面微信封装的很好,开发者根本不用去配置路由,往往很多框架在路由方面配置很繁琐。

组件:

此次微信在组件提供方面也是非常全面,基本上满足项目需求,故而开发速度非常快,开发前可以认真浏览几次,开发效率会很好。

其它:

任何外部框架以及插件基本上无法使用,就算原生的 js 插件也很难使用,因为以前的 js 插件也基本上全部是一操作 dom 的形式存在,而微信应用号此次的架构是不允许操作任何 dom,就连以前开发者们习惯使用的动态设置的rem.js也是不支持的。

1、安装 postcss-pxtorem

2、在utils 文件加下新建rem.js

3、引入rem.js

全局应用在main.js 里引入,部分页面应用在页面里引入

4、在根目录新建postcss.config.js,配置 postcss-pxtorem

5、配置部分页面使用rem

6、postcss-pxtorem官网

https://www.npmjs.com/package/postcss-pxtorem