⑴ 前端:移动端和PC端的区别
移动端:手机、平板电脑等设备。
PC端:台式电脑、笔记本电脑。
⑵ 前端是指移动端还是大前端
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移动端
⑶ 移动端前端开发与PC端比有哪些不同
1、pc端有ie,chrome,ff 内核兼容问题移动端,简单来说兼容问题相对较少。但是移动端要做好多分辨率的处理。移动端所有图片和所有html标签的尺寸都要减半。
2、移动端在布局跟js效果方面,与PC端有什么不同:
先说布局方面:
PC端最常用的就是固定宽度980px(也有960,1000,1200),然后水平居中 width:980px;margin:0 auto;但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看;很多屏幕的分辨率不一样;
所以只要牵涉到移动端,就要牵涉到响应式(也叫自适应);如果是只针对移动端的项目,我平时主要考虑的是320px宽 到 750px宽的兼容;
js方面:(有没有canvas,对js影响很大)
第一、普通移动端网页(比如手机新浪网,手机淘宝,手机网络等)这个在js方面和PC端区别不是太大;主要的区别在于移动端没有了鼠标悬停(onmouseover);点击(onclick)还可以用;多了触摸、滑动(会用一些插件)。
第二、canvas相关游戏canvas相关的html5增加了好多js;
3、手机游览器可能不兼容css3的属性,这时你可以使用以下代码来加强你代码的健壮性
(1)@media screen and (max-width: 355px) { //宽度小于355px时
...
(2)我们的处理方法是在使用calc()的上面写上普通的样式,例如:width:95%;
width:calc(100% - 10px);
width:-webkit-calc(100% - 10px);
width:-moz-calc(100% - 10px);
当游览器无法读取样式时会使用最上面的widht:95%;这样会与实际设计稿有些许出入,所以使用时谨慎对待~
⑷ 淘宝网店的前端分为PC端和
移动端。
PC端咱们最常用的就是固定宽度980px(也有960,1000,1200),然后水平居中,width:980px;margin:0 auto;
但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看;很多屏幕的分辨率不一样。
所以只要牵涉到移动端,就要牵涉到响应式(也叫自适应);如果是只针对移动端的项目,我平时主要考虑的是320px宽 到 750px宽的兼容。
某宝移动端即为手机端,pc端即为电脑端。在手机端APP打开的某宝就是移动端,在电脑输入网址打开的店铺就是PC端。