移动端前端开发（移动端前端开发框架）

大家好！今天让创意岭的小编来大家介绍下关于移动端前端开发的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

• 1、前端是干什么的

• 2、移动前端开发和 Web 前端开发的区别是什么

• 3、移动端前端开发与PC端比有哪些不同

• 4、前端开发中pc端和移动端的区别

一、前端是干什么的

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

前端技术可以分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是指网站面向用户部分的代码实现，并通过建立框架，构建良好的用户体验，一般会从界面布局、交互效果和页面加载速度等方面考虑如何让用户舒服地使用网站。

前端开发

前端开发可以分为PC端的开发和移动端开发。其中PC端主要是Web前端开发，移动端开发主要有Android开发、iOS开发和小程序开发。

前端开发必须掌握前端的三大基础技术：HTML、CSS和JavaScript，其中HTML定义元素，CSS对元素进行定位，JavaScript则进行效果实现和交互，此外，还有数据结构、算法、数学、操作系统、编译原理、计算机基础、环境基础设备和浏览器工作原理等知识也必须掌握。

二、移动前端开发和 Web 前端开发的区别是什么

用最简单方式来讲，就是用html + css + javascript来构建一个供人浏览的网页，其中又包括两个主要的分类：pc端网页开发以及移动端网页开发（很多时候被称为h5开发）。

那么这两者有什么区别呢，依据本人的经验来看，pc端的网页开发要考虑更多样式兼容性的问题，ie，火狐，chrome等各大浏览器内核不一，使用到新特性的时候需要给样式加上最基础的兼容前缀，所以最好的做法还是尽量避免使用新样式属性来完成预期的效果。在移动端开发网页就基本不用考虑这种浏览器间的兼容问题了，手机上的浏览器绝大部分是webkit内核的，所以在移动端网页开发的时候能用到很多新的特性，像是极大简便了页面布局的flex布局，还有各种语义化的标签等。但是由于移动端手机的尺寸种类繁多，所以在这方面要下点功夫，举个最简单的例子就是一行本来是能显示3个目标的item但是在某些小尺寸的手机上只能显示2个。其他还有一些细微的区别例如js库的选择（pc上用jQuery，移动端用zepto等）。

像一个官方网站肯定是需要在pc上以及移动端都能有较好的显示效果，为了解决这个问题的方案主要有2种。一是使用像是bootstrap这种自适应的网页UI框架，根据设备的宽度不同显示不同的效果。但是现在主流还是做2套UI再根据UserAgent等来分别显示不同的页面，这样在移动端的显示能更灵活一点。

2.移动前端开发

主流的移动前端开发指的是Android一级iOS的原生开发，什么是原生开发，最简单来讲就是Android用java写iOS用ObjectC（swift）写。这样做出来的app在浏览体验上肯定是优于网页的。

由于原生开发需要两个端开发，开发周期长（原生开发难度比web开发要大），所以最近很多公司都会把产品的一些页面抽出来用webview来实现，甚至还可以使用phonegap将你的网页打包成app（可以理解为纯webview的一个app）。这样的app称为hybrid app，可以说是在开发效率以及用户体验上各有取舍得出来的产物吧。本人也是使用过ionic以及react native这两个hybrid app框架，可以说是节约时间人力成本的一种不错的选择吧

三、移动端前端开发与PC端比有哪些不同

我来简单说说我认识到的移动端前端开发的一些特性吧。相对于PC端，移动端大概有以下几点优势：第一，浏览器内核相对单一，内核大部分都是webkit或者跟webkit有很大关系的blink，而且都是很“现代”的浏览器，对css3的支持的很不错，所以移动端开发可以相对随性的使用css3（当然不同的浏览器厂商支持程度还是不一样的）；第二，对于国内开发者来说，再也不用考虑低版本ie的兼容问题，这是一个多么大的解脱。

移动端相对于PC端需要考虑的问题，第一，移动端设备屏幕尺寸繁杂。虽然移动端的浏览器内核相对单一，但是屏幕尺寸从3.5-6寸不等，如何让用户在不同的设备尺寸下得到最好的使用体验，这是做移动开发首先要考虑的问题。第二，移动端的retina屏幕适配。移动设备有着更加高的像素密度，所以不能使用PC的那一套图片（非retina的手机还是可以用的），而要针对retina提供更加高像素的图片，这样在手机上看才不会模糊和出现锯齿。所以就得根据用户的屏幕来尺寸和像素密度来加载不同的图片。

目前暂时只想到这些。

四、前端开发中pc端和移动端的区别

前端开发中PC端和移动端网站的区别，主要是：

1、PC端在开发过程中考虑的是浏览器兼容性，移动端开发中考虑的是手机兼容性问题，做移动端开发，更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化；

2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理，这样的问题在PC上肯定不会遇到，但在移动端，如果你没有经验，处理起来是相当麻烦的；

3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；

4、在动画效果处理上，PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些，但相比CSS3却牺牲了较大的性能，而在手机端，如果要做一些动画、特效等，第一选择肯定是CSS3，既简单，效率又高。

总结：以上是移动端和PC端比较突显的区别，在实际的开发应用过程中，还会有更多的差异化区别。

以上就是关于移动端前端开发相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

移动搜索引擎市场占有率（移动搜索引擎市场占比）

移动搜索市场份额（移动搜索市场份额2022）

杭州移动工程部经理（杭州移动工程部经理工资）

景观设计桔梗（景观设计的）

2023工厂越来越不好招工了吗（2023工厂越来越不好招工了吗为什么）