㈠ 移动前端开发和web前端开发的区别
移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端
那么他们的区别在哪呢？我给你分析一下：
1、新技术的使用
目前移动终端主要以Webkit内核为中心，更好地支持HTML5等新技术，让新技术得到更广泛的应用。但是PC终端的开发需要兼容IE等老浏览器，所以新技术的应用必须考虑浏览器的兼容性。
2、业务的应用场景
Web前端开发主要是指传统的在电脑端开发网页，网页主要运行在PC端，而手机端开发的网页运行在手机端。这两者没有区别，孰难孰易。开发难度主要看业务需求。
3、页面的适配性
在传统的PC端页面开发中，需要为页面设置固定的宽度，以确保两侧都有页边距。但是移动页面会选择在手机屏幕上显示尽可能多的内容，因为它的运营商手机屏幕比PC端小得多。这时候就要求移动页面要能完全适应各种屏幕尺寸的手机，最大限度地利用。从这个页面的适应性来看，移动端比PC端更难。
4、页面的性能
一般情况下， PC端的网络通过网线或 WIFI与网络相连，而移动端则比较复杂。除 WIFI外，还有2 G、3 G、4 G、5 G，甚至常常会有多个不同网络连接间的切换。因此， PC端的网络状况将比移动端更加稳定。移动端的页面资源不能太大，否则当网络状况不好时，页面无法访问，这对网页性能造成了很大的影响。
以上就是我给你分享的关于移动前端和web前端的区别，希望我的回答对你有所帮助
㈡ 到底什么是手机的前端和后端呢
运行操作系统所需的是硬件，单手机而言是没有前后端的。操作系统的前端是UI，后端就是各个线程
㈢ 前端是指移动端还是大前端
1、业务的应用场景
web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上；直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验，页面大可并不代表书写的代码复杂，页面小也并不意味着开发简单，难与易主要还是取决于具体的业务需求。
2、新技术的使用
由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术；而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用。
如果你想要学好web前端最好加入一个好的学习环境，可以来这个Q群，首先是132，中间是667，最后是127，这样大家学习的话就比较方便，还能够共同交流和分享资料
3、页面的适配性
传统PC端的页面开发一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动端的页面由于其载体手机屏幕比PC要小很多，一般都会选择尽可能多的在手机屏幕上显示内容，这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。从这一点上来说移动端页面的适配难度更高一些。
4、页面的性能
PC端的网络情况一般比较稳定，都是通过网线或者Wi-Fi连接网络；但是移动端就比较复杂，除了Wi-Fi，还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生，不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大，否则在恶劣网络情况下时，页面将会无法访问 ，严重影响用户体验。
5、框架选型
由于移动端网络情况的不稳定，导致我们在移动端页面框架选型时，一般只考虑小而美的框架，例如像zepto.js这样的压缩之后只有9.6K，就能满足一般业务的需要，如果是想要构建更复杂的单页面应用，可以选择像vue.js这样的框架，功能强大，但体积压缩后却只有20多K。而web端相对选择的范围就比较大，一些比较重型的框架也可以根据项目需求加以考虑，例如古老但庞大的ext.js，依然凭借着众多UI组件活跃在一些企业的后台管理系统项目中。
2020-04-09
0
更多回答(3)
h5和web前端到底有什么区别啊_选达内_小白也能快速入门
h5和web前端到底有什么区别啊开设java/大数据/WEB/php/python/linux/c++等IT热门课程各课程技术专家授课,不同类型学员分班教学,4个月学,先就业在付费,
www.te.cn
广告
想了解h5前端开发培训哪家好?戳这里>>[知道]-达内
h5前端开发培训哪家好,总监项目实战教学,入门快,实战多,100万学员已见证!h5前端开发培训哪家好点击免费试听7天,学不学您说了算!
nm.te.cn
广告
h5和web前端到底有什么区别啊_优质推荐
查询h5和web前端到底有什么区别啊，我们为您推荐更多优质商家，资质保证，放心选择有保障！
商家列表
广告
相关搜索
h5移动端开发是什么前端移动端开发移动端网页开发教程移动端和web端的区别移动端开发语言web前端开发的web指的是移动端页面开发web移动端
㈣ 关于前端和移动客户端
前端是个很大的概念，我的理解是用户能够看到，直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC桌面端软件界面；现在最常见的说法一般是指Web前端，也就是针对于网页端开发的工作。
也有个说法就是前端就是大前端嘛，如果你的工作真的那么赞的话，那就包括了web啦安卓啦ios啦甚至pcmac客户端的界面啦。但我觉得现在一般大家都还是有专攻的。
WebApp指的是【Webapplication】，大氏也就是以浏览器作为客户端的软件。比如你要写文档，一般会打开Office2012之类的本地软件；但是你也可以选择在浏览器里输入一个网址，比如我很喜欢StackEdit—*smart*markdowneditor，然后直接在里面写东西直接发布到gist上；再比如用桌面客户端来收发邮件，但你也可以直接用浏览器登陆gmail亦或者QQ邮箱，直接把这个当客户端用。总之就是使用网页版代替本地软件。
MobileWebApp当然就是指在手机端打开的WebApp啦。我推荐看看Gmail的移动版。
感觉楼主问的问题还挺模糊的，所以我大概照我的理解依次解释下：
移动客户端的开发类型（因为我是个前端所以我是站在前端立场上来说的哈），主要是三种：
NativeApp（原生APP），也就是完全使用移动设备系统语言写的客户端，iPhoneiPad就是纯Object-C，安卓就是纯JAVA,就是用户看到的界面啦体验到的交互啦都是原生的。这是性能最棒扰仿败的开发方式，但灵活性就没下面的好。
WebApp,这个就是在移动浏览器里打开的，纯HTMLCSSJS，说白了就是个网页，只不过非常的富应用，比如手机浏览器访问的GMAIL啥啥的。但说白了就是在浏览器里打开的页面。。IOS支持可以在桌面创建访问的快捷方式，但是说到底还是打开Safari跑。。而且对设备硬件的接口什么的挺薄弱。
HybridApp.[HTML5inmobiledevices]我觉得这个更为合适一些。实际上是使用原生写了一个容器，然后使用HTMLCSSJS来实现用户界面和交互。WebApp的短处便可以克服（因缓颤为自己写的容器可以辅助暴露偏底层的接口，比如本地存储或者麦克风控制之类），同时比起纯原生的java或者object-c开发灵活性要高（更新可以更快更迅速，也不依赖于市场，因为说白了，就是自己下载更新网页资源。。）实际上这种方式已经不限于移动端。。豌豆荚其实是个pc端的hybridapp哇~~~而且说实在的，桌面开发的性能就现在来说要比移动好很多。。
㈤ 移动端手机web前端meta通用设置
手机版页面通常需要设置mate标签，来实现禁止缩放等效果。
<!--页面字符编码--><meta charset="utf-8">
<!--避免IE使用兼容模式--><meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<!-- 启用360浏览器的极速模式(webkit)--><meta name="renderer"content="webkit">
<!--微软的老式浏览器--><meta name="MobileOptimized"content="320">
<!--关键字描述--><meta name="keywords"content=""><meta name="description"content="">
<!--设置移动端视图--><meta name="viewport"content="width=device-width, initial-scale=1, user-scalable=no"/>
<!--针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓--><meta name="HandheldFriendly"content="true">
<!--删除苹果默认的工具栏和菜单栏--><meta name="apple-mobile-web-app-capable"content="yes"/>
<!--设置苹果工具栏颜色--><meta name="apple-mobile-web-app-status-bar-style"content="black"/>
<!--忽略页面中的数字识别为电话，忽略email识别--><meta name="format-detection"content="telphone=no, email=no"/>
<!--uc强制竖屏--><meta name="screen-orientation"content="portrait">
<!--QQ强制竖屏--><meta name="x5-orientation"content="portrait">
<!--UC强制全屏--><meta name="full-screen"content="yes">
<!--QQ强制全屏--><meta name="x5-fullscreen"content="true">
<!--UC应用模式--><meta name="browsermode"content="application">
<!--QQ应用模式--><meta name="x5-page-mode"content="app">
<!--windows phone 点击无高光--><meta name="msapplication-tap-highlight"content="no">
㈥ 前端开发移动端有哪些
给大家介绍几个移动端框架
1、Redbeard
TouchstoneJS是一个由react.js开发混合移动应用程序UI框架。它包括表单组件、导航、转换、本地触摸行为等等，还有更多的功能。
㈦ 前端开发中pc端和移动端的区别
前端开发中PC端和移动端网站的区别，主要是：
1、PC端在开发过程中考虑的是浏览器兼容性，移动端开发中考虑的是手机兼容神销性问题，做移动端开发，更多考虑的是手机分辨率的自适应和不同手租蔽机操作系统的略微差异化；
2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理，这样的问题在PC上肯定不会遇到，但在移动端，如果你没有经验，处理起来是相当麻烦的；
3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；
4、在动画效果处理上，PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些，但相比CSS3却牺牲了较大弊瞎州的性能，而在手机端，如果要做一些动画、特效等，第一选择肯定是CSS3，既简单，效率又高。
总结：以上是移动端和PC端比较突显的区别，在实际的开发应用过程中，还会有更多的差异化区别。
㈧ 前端常见移动端兼容问题
因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机 devicePixoRadio 比较乱，有 1.5 的，有 2 的也有 3 的。想让图片在手机里显示更为清晰，必须使用 2x 的背景图来代替 img 标签（一般情况下都是 2 倍的），或者指定 background-size:contain; 都可以
用 -webkit-min-device-pixel-ratio 可以做到不同倍余销顷数不同尺寸的图片：
Android3+和 iOSi5+支持 CSS3 的新属性为 overflow-scrolling
设置 alpha 值为 0 就可以去除本透明灰色遮罩，备注：transparent 的属性值在 android 下无效。
方法一：body 添加 ontouchstart
方法二：js 给 document 绑定 touchstart 或 touchend 事件
在移动端中，如果给元素设置一个像素的边框的话，那么在手机上看起来是会比一个像素粗的。
解决方法：使用伪类元素模拟边框，使用 transform 缩放
某些低端手机不支持 css3mask，可以选择斗氏性的进降级处理
比如可以使用 js 判断来引用不同 class：
pc 端字体正常显示，但 ios 真机就出现，h1、span 等标签字体比较大。
某些 Android 手机圆角失效 background-clip:padding-box ;
在移动端中，click 事件是生效的，但是，点击之后会有 300ms 的延迟响应
原因：safari 是最早做出这个机制的，因为在移动端里，浏览器需要等待一段时间来判断此次用户操作是单击还是双击，所以就有 click300ms 的延迟机制，Android 也很快就有了
不用 click，用自定义事件 tap
tap 是需要自定义的：如果用户执行了 touchstart 在很短的时间又触发了 touchend ,且两次的距离很小，而且不能
引入 fastclick 库来解决
在移动端中，图片的处理应该是很谨慎的，假设有一张图片本身的尺寸是 X 宽，设置和包裹它的 div 一样宽，如果是 div 宽度小于图片宽度没有问题，但是如果 div 宽度大于图片的宽度，图片被拉伸失真
解决方法：让图片最大只能是自己的宽度
例如：
div 是绝对定位的蒙层，并且 z-index 高于 a。而 a 标签是页面中的一个链接，我们给 div 绑定 tap 事件：
我们点击蒙层时 div 正常消失，但是当我们在 a 标签上点击蒙层时，发现 a 链接被触发，这就是所谓的点透事件。
原因：
touchstart 早于 touchend 早于竖陆 click。即 click 的触发是由延迟的，这个时间大概在 300ms 左右，也就是说我们 tap 触发之后蒙层隐藏。此时 click 还没有触发，300ms 之后由于蒙层隐藏，我们的 click 触发到了下面的 a 链接。
解决：
1.尽量都使用 touch 事件来替换 click 事件。例如用 touchend 事件（推荐）
2.用 fastclick
3.用 preventDefault 阻止 a 标签的 click
㈨ 计算机前端后端移动端分别是什么意思
简单来说，就是：
前端，是给用户看的，通常指某个软件你能看到的各种界面；
后端，是给开发者程序员看的，用来编写、维护代码、处理数据等；
移动端，指手机端，通常指APP或手机网页。
㈩ 什么是移动前端开发
问题一：移动前端开发和 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 哇~~~ 而且说实在的，桌面开发的性能就现在来说要比移动好很多。。