Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >移动前端开发和web前端开发的区别

移动前端开发和web前端开发的区别

原创
作者头像
用户5827212
修改于 2019-08-12 04:06:25
修改于 2019-08-12 04:06:25
1.7K0
举报
文章被收录于专栏:前端入门学习前端入门学习

既然都是前端开发,两者肯定有紧密的联系,移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的前端开发人员也已早就不是当年的切图仔了,需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余,但是不论趋势如何发展,目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论是想做移动前端开发还是web前端开发,这三样基础技术都必须熟练掌握。

移动前端开发和web前端开发都属于前端开发,那具体又有什么区别呢?

1、业务的应用场景

web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验,页面大可并不代表书写的代码复杂,页面小也并不意味着开发简单,难与易主要还是取决于具体的业务需求。

2、新技术的使用

由于在移动端主要以webkit内核为主,对于HTML5等新技术支持的更好,所以可以更大范围的使用新技术;而PC端开发由于很多场景下要求兼容IE等老版本浏览器,出于浏览器兼容性的考虑,有些情况下限制了新技术的使用。

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组件活跃在一些企业的后台管理系统项目中。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
web前端开发的学习内容:致那些有意学习web前端开发的人
最近很多人都在问,我想学web前端开发,我要学哪些东西?今天我就在这里跟大家说说学习的内容:
用户7705674
2021/09/19
3360
现在这么多人转行学web前端开发,那么web前端到底能干嘛?
现在很多人说学习web前端,很多人只知道web前端薪资高?那么你太low了,web前端在各行各业都有着运用,可以说是无所不能,web前端到底能干嘛?
用户5827212
2019/08/21
6680
互联网时代,如何成为优秀的web前端开发者?
互联网技术发展日新月异,成为成为一名优秀的web前端开发者,需要不断学习,关注行业前沿。 本经验贴分享如何成为优秀web前端开发者的经验,供读者参考。 步骤1 打好基础,关注前沿 HTML5与CSS3 优秀的前端开发者,除了必须掌握传统的HTML、div+css布局,还要熟悉最新的HTML5以及CSS3 2、PS基础不可缺 photoshop cs6 优秀的前端开发者需要懂一些PS的知识,至少会使用PS进行切图。 3、掌握各种库和框架 JQuery 熟练掌握Javascript、JQuery
企鹅号小编
2018/01/31
6960
互联网时代,如何成为优秀的web前端开发者?
Web前端开发的就业前景怎么样
信息技术的迅速发展,使IT技术者们赶上了一个百年难遇的好机会,尤其是国家出台了“互联网+”的政策后,更是催生了IT行业的就业空间,使其呈现爆发性增长。如今,微信逐渐成为了大家主要的交流工具,随着各种小程序游戏风靡朋友圈之后,其从业人员Web前端开发工程师的薪资可谓是一路高涨。细心观察下大家不难发现,就目前来看,Web前端作为移动互联网时代的前沿技术,不仅在电脑端,而且在手机端也得到了广泛的应用。
千锋哈尔滨IT培训
2019/11/21
9920
Web前端开发的就业前景怎么样
web前端开发可以从事哪些工作
随着互联网进几年来的高速发展,web前端这一门技术和对应的行业岗位就应运而生。Web前端主要就是网站的页面展现以及动态交互部分,比如大家逛淘宝所看到的页面就是web前端所做的。
千锋哈尔滨IT培训
2019/12/01
5630
web前端开发可以从事哪些工作
web前端开发工程师的三个阶段需要掌握哪些内容
随着信息技术不断发展,前端技术的发展也经历了不同的阶段。前端概念随着移动智能手机的普及被正式提出,混合APP开始被广泛开发。近年来,由于前端技术开始实现工程化,一些企业前端开发任务逐渐向后端拓展,逻辑思维能力也逐渐成为前端开发人员必备的能力。从2018年开始,用户体验感要求不断提高,小程序作为一种不用下载就可以使用的应用颇受用户和开发者欢迎。
千锋哈尔滨IT培训
2019/12/23
1.1K0
web前端开发工程师的三个阶段需要掌握哪些内容
Web前端开发与iOS终端开发的异同
objc和js这两者有个有意思的对比:变量/方法命名的风格正好相反。苹果一直鼓吹用户体验,写代码也不例外,程序命名都是用英文全称并且要多详细有多详细,力求看变量和方法名就能知道是干嘛的,例如application:didFinishLaunchingWithOptions:。而js因为每次都要从网络下载,要力求减少代码体积,所以变量方法名是尽量用缩写,实际上有代码压缩工具,无论变量名写多长最终上线的效果是一样的,但大家也都习惯了用短的命名,例如上述objc的application:didFinishLaunchingWithOptions:方法在js里习惯的命名是:$()。
用户7705674
2021/09/19
6460
学web前端开发写给新手的建议,超实用!
如今我们使用的互联网,客户端与服务器端的交互无时无刻不在发生。比如我们在浏览器打开网页,浏览器就是客户端,将网页数据发过来的也就是服务器。其实服务器,并没有什么特别的,也就是一台昼夜不停运转的电脑罢了。每一台入网的机器,都会被分配一个ip,我们可以通过ipconfig / ifconfig这样的命令,知道我们电脑的ip地址。服务器本身,运行着服务器程序,他们监听着来源于网络的请求,并对请求进行响应。 比较常见的服务器程序,比如apache / Nginx / IIS等等,我们可以通过以下这样的一个小的实验,
企鹅号小编
2018/01/24
9530
学web前端开发写给新手的建议,超实用!
揭秘WEB前端工程师的在移动互联网时代的地位
在移动互联网出现之前,互联网系统都是建立在Browser/Server的架构之上,即我们常说的B/S架构,B/S架构其实是Client/Server即C/S架构的一个子集,而真正到了移动互联网时代,大部分的传统互联网产品都需要我们去安装一个APP即一个客户端才能使用,这个客户端相当于PC电脑上的桌面软件,而每个客户端都是公司专门为自己定制的,移动互联网的WEB应用蜕变成了一个标准的C/S架构。这个现象的转变让我很诧异,传统的PC也是可以装客户端,为啥C/S系统在PC端没有流行起来,却在移动互联网下流行了起来,更诧异的是,移动设备和个人电脑一样也都是默认装有一个免费的浏览器,为啥移动端的浏览器在很多应用里都是靠边站,人们反而麻烦,下载安装个APP呢?
用户5997198
2022/01/18
5870
如何学习web前端做全栈开发
现在是互联网公司的时代,人们也离不开互联网,可以说生活处处是IT。很多互联网公司如雨后春笋般发展,所以对前端开发的需求很旺盛,都是处于供不应求的情况。随便上招聘网一搜,北上广深这些一线城市不说,二线省会城市一个月的招聘消息都成千上万。
千锋哈尔滨IT培训
2019/11/24
7410
如何学习web前端做全栈开发
web前端开发工程师养成记
前端开发工程师 不仅要把握根本的Web前端开发技术,网站功能优化、SEO和服务器端的根底常识,并且要学会运用各种东西进行辅佐开发以及理论层面的常识,包含代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。 下面小编为小伙伴们共享一下详细的学习前端每个阶段应该学习什么样的常识点,更详细一些,小伙伴们可以参考 一下,然后可以详细实施。 首先还是给大家推荐一个学习氛围很好的裙,我自己的,想要一起学习web前端的可以加裙六一四三一五六五七,有各种资料和开发工具包满足大家,每天更新最新行情 一、前端开发
企鹅号小编
2018/03/05
1.2K0
web前端开发工程师养成记
浅谈:为什么Web前端开发技术如此受欢迎?
随着互联网的发展,Web前端的应用范围更加广泛,除了网页,Web前端更广泛应用于各类APP中,渗透到我们生活的方方面面。Web前端开发好吗?为什么Web前端开发技术会如此受欢迎?
用户5827212
2019/07/22
5290
Web前端开发就业方向你知道几个
结合WEB前端发展现状,WEB前端开发工程师已成为当下炙手可热的岗位之一,大中型企业对前端开发人才的需求量与日俱增,开始学习WEB前端开发技术的学生也开始明显增多。从WEB业务开发层面出发,将WEB前端与后端融合总结,Web前端开发就业方向你知道几个
千锋哈尔滨IT培训
2019/11/20
1.2K0
Web前端开发就业方向你知道几个
小白学习web前端开发学习攻略
前端工程师,也叫Web前端开发工程师。web前端,前端从字面意思就很好理解,前端就是负责网站框架,首页内容的设计。web前端是IT行业入门门槛相对较低的类别,很容易学,Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript,小白学习web前端开发学习攻略
千锋哈尔滨IT培训
2019/12/20
5190
小白学习web前端开发学习攻略
web前端工程师新手如何入门
有很多想要学习web前端开发的新人都想自己能够快速的学习web前端开发,部分人因为自己基础比较薄弱,不知道自己该如何系统的学习,但是有着对web前端强烈的学习动力和兴趣,希望自己能够顺利进入这一行业,
企鹅号小编
2018/01/26
7510
一般Web前端开发要学什么 如何掌握Web前端技术
一般Web前端开发要学什么?如何掌握Web前端技术?越来越多的行业巨头不断向Web前端示好,除苹果、微软、黑莓之外,谷歌的Youtube已部分使用Web前端。Chrome浏览器宣布全面支持Web前端;Facebook则不遗余力地为Web前端进行着病毒式传播。Web前端代表了移动互联网发展的趋势,总有一天它将成为主流技术。Web前端作为一个前端的编程语言,前景十分可观。
用户5827212
2019/07/28
6210
学习web前端开发需要掌握的基础知识有哪些
很多人干IT这一行都冲着“收入高”这一点来的,因为只要学会一点HTML、DIV+CSS就可以做开发,要做一个页面开发人员并不是一件难事,而且做一个页面开发人员更容易找到工作,收入比普通的工作还要高一些,所以成为了很多高校毕业生的选择。
千锋哈尔滨IT培训
2020/01/09
7990
web前端开发常见的7个框架,你知道几个
互联网的迅速发展,软件开发成为很多年轻人的就业选择。其中选择前端开发越来越多,究其原因是简单易学门槛低,而HTML5开发人员的就业薪资也远远高于其他行业。在未来,专业的前端开发工程师才是企业真正争夺的香饽饽。
千锋哈尔滨IT培训
2019/12/16
1.1K0
web前端开发常见的7个框架,你知道几个
如果要学习web前端开发,需要学习什么?
遇到很多新手,都会问,如果要学习web前端开发,需要学习什么?难不难?多久能入门?怎么能快速建一个网站?工资能拿到多少?还有些让我推荐一些培训机构什么的要去学习。我建议是自学,实在是觉得自己没有这个能力,确实是需要一个老师的话,那你还是自己做主找个老师吧!为什么要自学呢,现在的老师水平都可以说是参差不平,运气好,你遇到个好老师,把毕生的经验和技巧都教给了你,运气不好,遇到个照本宣科的老师,那你的知识也会仅仅局限于教材!也许还有更糟糕的是,学到的书本知识两年前就已经开始有了大的变化,你并不知道关于更多的web设计这方面的知识。如果在这样的情况下,都还不如那些闭关自学的学生。
全栈程序员站长
2022/09/20
5570
如果要学习web前端开发,需要学习什么?
Web前端开发初级阶段需要学习的知识有哪些?
今天来和大家讲讲Web前端开发需要学习什么?前端开发又需要用到哪些开发工具?下面济南IT培训优就业的老师就简单和大家介绍一下。 Web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的。 1
企鹅号小编
2018/01/19
9490
Web前端开发初级阶段需要学习的知识有哪些?
推荐阅读
相关推荐
web前端开发的学习内容:致那些有意学习web前端开发的人
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档