网站首页 > 技术文章 正文
下哉ZY:https://www.97yrbl.com/t-1504.html
1.业务应用场景
Web前端开发主要是指传统的PC端网页开发,页面主要在PC端浏览器中运行,移动前端开发的页面主要在手机上运行。
直观来看,PC页面更大,移动页面更小。但是根据开发经验,页面大不代表写的代码复杂,页面小不代表开发简单。难易程度主要取决于具体的业务需求。
2.新技术的使用
由于webkit内核主要用在移动端,对HTML5等新技术的支持更好,所以新技术可以用的范围更广。然而,由于许多场景要求与IE等旧浏览器兼容,新技术的使用在某些情况下因浏览器兼容性而受到限制。
3.页面的适应性
传统的PC端页面开发一般选择为页面设置固定的宽度,两边留有页边距。但由于移动端页面的屏幕比PC小得多,一般会选择在移动端屏幕上显示尽可能多的内容,这就要求移动端页面要能够完全适应各种屏幕尺寸的手机,并最大限度的利用。
从这个角度来说,移动页面的适配难度更大。
4.页面的性能
一般PC端的网络情况比较稳定,都是通过网线或者Wi-Fi连接网络,但是移动端比较复杂。除了Wi-Fi,还有2G、3G、4G,甚至几种不同网络连接之间的交替切换。
网络连接不稳定对页面性能的挑战是移动端的页面资源不能太大,否则在网络条件不好的情况下页面无法访问,严重影响用户体验。
5.框架选择
由于移动网络不稳定的情况,我们在选择移动页面框架时一般只考虑小巧美观的框架。比如只有像zepto.js这样压缩后的9.6K才能满足一般业务的需求。如果想构建更复杂的单页应用,可以选择vue.js这样的框架,功能强大,但是卷压缩后只有20k多。
而web端的选择范围相对较广,根据项目需求也可以考虑一些较重的框架,比如虽然古老但庞大的ext.js,它仍然活跃在一些企业的后台管理系统项目中,有很多UI组件。
- 上一篇: 5G和6G射频前端系统的演进和设计技术挑战
- 下一篇: 从零开始搭建后台管理系统——前端选择
猜你喜欢
- 2024-12-24 从零开始搭建后台管理系统——前端选择
- 2024-12-24 5G和6G射频前端系统的演进和设计技术挑战
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)