移动前端开发与web前端开发的区别是什么？17人已关注
西北大学（中国）
心向阳光的果粉儿Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发人员不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。WEB前端开发主要做的是：做网站的设计，网站界面开发。做网页的界面设计。做网页界面开发、前台数据绑定和前台逻辑的处理。移动前端开发可分为：手机网页开发和app前端开发1、手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。2、app前端开发。使用的技术也是html+css+js，但它需要基于PhoneGap等开发平台调用手机核心功能接口（包括地理定位，加速器，联系人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发人员不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。WEB前端开发主要做的是：做网站的设计，网站界面开发。做网页的界面设计。做网页界面开发、前台数据绑定和前台逻辑的处理。移动前端开发可分为：手机网页开发和app前端开发1、手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。2、app前端开发。使用的技术也是html+css+js，但它需要基于PhoneGap等开发平台调用手机核心功能接口（包括地理定位，加速器，联系人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
华南理工大学
我想看看海平台不同，所以用户体验的设计上也会不同， 触屏的交互方式和鼠标有很多不同 。比如相对手机来说，屏幕比较下，而手指相对有比较大，所以要把可进行操作的按钮做的大一些；再比如触屏还包括多手指的操作，等等。平台不同，所以用户体验的设计上也会不同， 触屏的交互方式和鼠标有很多不同 。比如相对手机来说，屏幕比较下，而手指相对有比较大，所以要把可进行操作的按钮做的大一些；再比如触屏还包括多手指的操作，等等。
东北大学（中国）
就是喜欢表情包~╭(╯^╰)╮移动前端开发是指手机网页制作，也就是我们所说的html5。web前端开发的含义更加广泛，包括了移动端，html5是web前端开发中的一门技术移动前端开发是指手机网页制作，也就是我们所说的html5。web前端开发的含义更加广泛，包括了移动端，html5是web前端开发中的一门技术刀山火海前端是个很大的概念，用户能够看到、直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC 桌面端软件界面；现在最常见的说法一般是指Web前端，有PC端的就是浏览器打开的网页 html +js +css ,也有针对于手机网页开发的工作。&移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发Wap 2.0，移动前端开发目前还分两大阵营，一个是Android，一个是iOS。前端是个很大的概念，用户能够看到、直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC 桌面端软件界面；现在最常见的说法一般是指Web前端，有PC端的就是浏览器打开的网页 html +js +css ,也有针对于手机网页开发的工作。&移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发Wap 2.0，移动前端开发目前还分两大阵营，一个是Android，一个是iOS。
相关标签：
关注我们咨询服务合作法律法规京ICP备号
下载申请方APP
即刻拥有你的学业规划助手传智播客旗下品牌：||||
全国咨询热线：400-618-4000 | 股票代码：839976
移动前端开发和 Web 前端开发的区别
1，普通PC端开发与移动端开发区别。
先说背景，我大言不惭的说一下，我pc端的前端开发干了有快4年多，不算大牛，也算一个标准的前端开发工程师吧，可怜的是我2015年之前做过的移动端项目不超过1个。。所以几乎经验为零。我对这个神秘又被炒的火热的名字迷惑了很久，移动前端开发工程师，h5前端开发工程师，native前端开发工程师，Hybrid前端开发工程师，感觉很厉害有木有啊。。
所以我在15年决定弃坑了(pc的代码实在写腻歪了。。)，投身到专属的移动开发中，业余时间也做过phonegap，也知道和了解过一些h5+native开发的方式，下面就慢慢给大家【科普】一下。
普通pc端开发，我理解就是你拿电脑打开的网页都算。
那么移动端前端开发工程师，说白了就很好理解了，做手机网页的前端开发工程师。
这么一比，是不是感觉，移动端开发简单多了?
pc，我们需要考虑什么呢?有点开发经验的同学都知道，ie6-11，firefox，chrome，safari都得兼容的吧。哪个都够你吃一壶的，无论是css还是js。
mobile的网页开发，我们需要考虑什么呢?
就目前来说，我们只需要考虑webkit内核的浏览器和chrome，uc，qq，小米手机浏览器就好了。。。【后面特意会说这几只国产浏览器哪里屌了】
相比较而言，除了经验是0以外，需要兼容的东西还是少了，少了，少了呢。
ok，单纯说pc和移动端开发的区别，其实也就是这个，可以简单的概括来说，mobile端的网页开发比pc端的网页开发，更简单一些。【页面小了啊，装的东西少了，css和html写的少了吧】交互简单一些【滑动，触屏，手势，平时看看手机你还能有啥特殊操作?】
so，别被这玩意吓坏了，根据我的经验来看，pc端的前端开发程序员，转mobile开发，一点问题没有，而且上手会很快。
够直白的解释了。
2，移动端web app开发与套壳开发区别。
移动端web app，移动端网页，Hybrid开发【我喜欢叫套壳开发工程师&&】，无所谓叫什么，移动端开发无疑就是这3种了。下面一一解释下我的理解。
移动端web app是什么呢?简单理解就是页面头部加入了下面这一句话的东西：
这个meta的作用是让普通移动网页被添加到主屏幕后，拥有一些类native的功能，很多同学应该都很熟悉了。就是类似隐藏ios的上下状态栏，实现全屏，禁止弹性拖拽，全屏，修改顶部颜色等。
我理解这种模式的网页为web app，当然还有一种类型就是大家平时都访问的那些网站，比如手机taobao，手机美团，手机微博的网页版，大家打开的时候，不是全屏的，但是用起来，开发者把它们伪装的很像这种web app的交互体验而已。
以上2种我觉得可以总结为web app。而不是普通的移动端网页，如果想看移动端网页，可以参考手机新浪网，手机网页，手机腾讯新闻，手机凤凰，是很好的对比。
之后我来说下套壳的吧。这部分如果没有开发过phonegap或者类似和native连调过webview的同学，可能觉得很陌生，其实不是，这种套壳开发和开发普通的网页没什么区别，只不过资源大部分是file开头的，本地资源，网络资源分为使用js异步接口获取和native获取，再和js的接口交互，类似ios中，可以直接在oc或者swift可以直接在webview中执行js，android同理，但是js想调用native功能怎么办呢?
我们这边的做法是有一个负责通讯的iframe，我们通过修改这个iframe的url，来让native来监控一系列特殊的url地址请求，再在native中调用对应的功能，比如摄像头，特殊交互，呼起，或者提供接口数据。数据的提供方式类似jsonp的原理，在执行函数的参数中传回来。
理解了这块，其实做套壳的比做普通web app和网页都简单，因为在native的webview中是可以指定是什么版本的webview，用什么内核，拥有什么等级的安全权限等等，ios和android做法不一样，但是原理一致，对于前端开发工程师来说是无差的。
而且套壳开发还有个好处就是，因为资源是本地化的，所以可以使用比较重的框架，如angular，react，一些三方框架，因为最终都是通过和native代码捆绑发布的。
套壳native的静态前端部分的更新，我们可以使用远程下载静态资源包的方法实现，不发布大版本而修改webview中逻辑的需求，这一点也是大部分公司选择一半native一半h5来开发的原因。都知道ios审核发版很慢。
大家有个概念就好啦。【文章来源于网络】【什么是移动 Web 前端开发工程师】邮差和他的朋友们2018年移动 Web 前端开发工程师岗位职责-BOSS直聘
移动 Web 前端开发工程师
城市：深圳经验：1-3年学历：本科
不需要融资0-20人
移动 Web 前端开发工程师 8K-15K
技术负责人·刚刚在线
公司新增产品线，一款基于微信生态圈的营销工具，发展势头好，潜力大，公司技术氛围浓厚，牛人多，随意加薪。岗位职责：负责公司产品（微信公众号、小程序、App）的前端开发，参与前端架构的设计和实现。致力于产品的稳定性和研发效率的提升。岗位要求：0x0. 扎实的移动 Web 开发技术（JavaScript, CSS, HTML）基础；0x1. 熟悉现代前端开发技术栈，掌握 React、Vue.js 等 MVVM 框架，掌握 Webpack、Rollup 等前端构建工具链；0x2. 熟悉微信小程序的开发；0x3. 熟悉 Git 操作，熟悉 Git 的分支管理模型；0x4. 熟悉 React Native 技术栈，能开发原生组件的优先；0x5. 有 GraphQL、Apollo Client 开发经验者优先；0x6. 有 Taro、mpvue 开发经验者优先；0x7. 不使用百度搜索的优先；0x8. 有在中英文之间加空格习惯的优先；0x9. Mac 使用者优先。
竞争力分析
综合竞争力评估
个人综合排名：在人中排名第
深圳邮差和他的朋友们信息技术有限公司
法人代表：谢斌
注册资金：(人民币)1000万元
企业类型：有限责任公司
经营状态：存续
深圳南山区金谷创业园
点击查看地图
看过该职位的人还看了
推荐公司：
城市招聘：
热门职位：
短信登录扫码登录
+86中国大陆
+60马来西亚
+230毛里求斯
+263津巴布韦
+92巴基斯坦
+880孟加拉国
发送验证码
登录BOSS直聘
短信登录扫码登录
使用 BOSS直聘 APP 扫码登录
请重新刷新二维码
知道了Boss现在也可以使用密码和短信登录了
注册BOSS直聘
使用手机号注册
+86中国大陆
+60马来西亚
+230毛里求斯
+263津巴布韦
+92巴基斯坦
+880孟加拉国
发送验证码
请用微信“扫一扫”扫描上方二维码进入快捷注册
手机号注册在这里
注册BOSS直聘
注册成功，即将跳转完善流程
欢迎来到BOSS直聘
快速完善简历
做好与Boss对话前的准备吧。
3s 后自动跳转
可以聊聊吗
我是谁谁谁我是谁谁谁
快速完善简历，与Boss开聊
与在线Boss直接聊，最快当天拿offer
正在上传中
王家卫-3年Java.doc
附件简历将在投递后被Boss预览查看，请 确认显示正确
王家卫-3年Java.doc
附件简历将在投递后被Boss预览查看，请 确认显示正确
更改附件简历
请重新上传，如仍然无法成功，可尝试更改文件格式
王家卫-3年Java.doc
附件简历将在投递后被Boss预览查看，请 确认显示正确
支持 doc、docx、pdf、jpg、png 格式
点击重新预览
王家卫-3年Java.doc
附件简历将在投递后被Boss预览查看，请 确认显示正确
支持 doc、docx、pdf、jpg、png 格式1.6K164 条评论分享收藏感谢收起youtube.com/watch?v=4f2Zky_YyyQ ]
题主似乎是想学移动方向的前端开发？那是针对哪个方向的捏？个人觉得其实如果还是html+CSS+js的话核心都是一样的，只不过移动端可能在页面建构时有些关于尺寸方面（物理像素css像素设备独立像素这一堆）的细节需要注意下，包括图片处理之类的，这些可以参见苹果和安卓的官方文档，虽然是针对原生开发者的，但很多地方前端是完全该知道的；此外js方面可能就是注意性能方面的问题，我觉得就眼下的情形来说国内要做依赖于html css js又要非常富应用和高性能的移动端可能不太现实。。。而且我觉得移动端开发就目前现状而言。。拼的完全是痛苦的设备测试和调试。。然后我跑题感慨下。。。这种遍地都是坑的节奏。。。在我刚开始高兴哈哈不用兼容IE了的时候，我发现webkit和安卓碎片化的坑才是最大头的。。。---------知乎说我的内容不符合社区规范？！why?赞同 20224 条评论分享收藏感谢收起web移动端开发要具备哪些知识？_百度知道
web移动端开发要具备哪些知识？
我学习js，HTML+css对于PC端网页设计有了初步的了解，可是当想把网页运行到移动端时发现布局就乱套，移动端对像素似乎不敏感，而且到了移动端onmousemove事件也会失灵，要转为touch事...
我学习js，HTML+css对于PC端网页设计有了初步的了解，可是当想把网页运行到移动端时发现布局就乱套，移动端对像素似乎不敏感，而且到了移动端onmousemove事件也会失灵，要转为touch事件不知道如何实现？我想问一下各位大牛有没有什么关于移动端web开发的书籍或者视频教程，能不能给点建议，分享一下心得，谢谢了
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
来自百度知道认证团队
采纳数：5325
获赞数：15512
擅长：暂未定制
移动端，需要注意的比较多，但也方便了前端工作，因为不用考虑兼容。正常HTML CSS JS 肯定是要会的。HTML5 &CSS3 &Zepto 这个也要会的。手机的动画能用H5 /CSS3写 就不要用js写。还有框架，如果会那就更好了。因为框架主要就是为了方便维护，快捷，高效的生产代码。拓展：1、web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。2、超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。3、Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。
企业现在安卓、iOS开发人员都在学习HTML5混合开发，节约成本、一专多能是未来很多企业用人趋势！HTML5工程师在今后的工作中与Android、iOS工程师对接的几率非常大，如果你是面试官，你会选择要一个只懂HTML5的人还是选择要一个精通HTML5，同时对Android或iOS略有了解的人？混合式开发思想培训出来的学员比单一课程学员薪水高至少2000元，同时企业也更愿意去花更多的钱来聘请那些了解比较全面的开发人员！混合式开发讲师需要同时精通Android、iOS、HTML5等多门课程，这样才能在教学过程中融合混合式开发思想。
本回答被网友采纳
King4849573
来自电脑网络类芝麻团
King4849573
采纳数：128
获赞数：87
参与团队：
移动端，主要用HTML5来制作。
育知同创教育
百度知道合伙人官方认证企业
育知同创教育
1、【专注：Python+人工智能|Java大数据|HTML5培训】。 2、【免费提供名师直播课堂、公开课及视频教程】。 3、【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
HTML5大纲：一阶：PC端页面重构（HTML+CSS）二阶：PC端交互开发（原生Javascript）三阶：JQuery.四阶：PC端项目实训.五阶：HTML5+CSS3.六阶：WebApp项目实训.七阶：混合式开发及综合实训.现今HTML5很好就业，好好学习好HTML5混合式开发技术，相关视频教程都可以到培训机构官网学习。
IT类认证行家
采纳数：1984
获赞数：5098
前端工程师
移动端，需要注意的比较多，但也方便了前端工作，因为不用考虑兼容。正常HTML CSS JS 肯定是要回的。HTML5
Zepto 这个也要会的。手机的动画能用H5 /CSS3写 就不要用js写。还有框架，如果会那就更好了。因为框架主要就是为了方便维护，快捷，高效的生产代码。
嗯，手机浏览器都是基于webkit内核开发，就是布局该怎样布局能够让网页在不同的分辨率的手机上具有相似的效果！而且手机网页上如何设计像素之类的？还有框架有哪些比较常用的？
本回答被网友采纳
1条折叠回答
其他2条回答
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}