移动端web界面开发
根据2017年大公司的市场分析报告，移动端用户上网人数和上网时间已经突飞猛进，相信在5G的环境中，更多人会选择便捷的移动端进行浏览网页获取信息。移动端界面开发也更加重要。
移动端网页前端开发和传统PC端开发有不少异同点。
1.移动端由于屏幕较小，为提高用户体验，设置单个网页内容远远小于PC端（网页HTML结构相对简单），小部件和格式处理更便捷。PC端富含更多信息，细节更丰富（导航网站或者购物网站尤为明显）
2.移动端不需要考虑浏览器兼容性，PC端需要考虑浏览器兼容性（当然，看具体的项目要求）。移动端网页发展近几年才迅速发展，所以浏览器版本相对较新，基本上新增H5和C3的内容可以放心使用。PC端浏览器兼容性不用说，四大厂家都是泪。
3.移动端设备尺寸多样。不管是早期的iPhone，还是ipad，或者国内多种厂商的多种屏幕界面（眼花缭乱中），屏幕的尺寸会影响网页的显示效果。通常，PC端布局相对简单（很少有用户切换浏览器的尺寸，如果有八成是前端和测试人员）。移动端浏览器布局样式也有很多，flex布局，流式布局，响应式布局，rem布局等都是主流的布局方式。使用什么布局需要根据用户的需求。
那么移动端前端开发未来的方向在哪里？
前几年由于网速有限流量很贵，移动端设计的原则是简单（很多人不提倡使用太多插件，以节约流量）。我想，在wifi和4G迅速发展的现在，用户每月都有nG流量，以后的5G时代流量已经不是问题，所以，关键在于用户体验和新内容新元素的使用。例如，现在很火的H5效果，以及相应的音频视频功能，都逐渐成熟。上周末参加腾讯云的新媒体介绍会，产品经理也介绍了相关发展情况。新技术也保证了浏览器端和服务器端进行不同的渲染计算。未来前端在规范的基础上，会有重大突破，值得期待！
2019-3-20 更新
实际上，对于移动端的处理目前分为两种情况：
大公司：通常对于传统网页端和移动端分别做两套不同的前端界面（例如淘宝京东等电商平台）。网页端显示的细节更多，按钮和用户交互比较多，通常在一个平面（图层，z-index 中显示不同的功能）。对于移动端，设置SPA，单页中不同的z-index或者model中显示不同的功能，而不是直接在界面中跳转。如果做两套界面，那么分别做两组界面，判断屏幕宽度后进行加载。
小公司：使用一个界面实现移动端和PC端兼容。
移动端web界面开发相关推荐
- 使用Layui框架的简单web界面开发
使用Layui框架的简单web界面开发 Layui的简介 优势 框架的安装 使用方法 Layui的简介 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/C ...
- OpenWRT - WEB界面开发思路和基本方法
想要对OpenWRT的WEB界面(*下称界面)进行修改.修改的目标是: 1.修改页面的样式,设计为企业的风格(stylesheet) 2.新建自己的功能,实现 访问页面后,用户就可以对配置文件(也就是 ...
- 移动端web页面开发
移动端页面开发资源总结 2015.10.10 10:56 16453浏览 字号 工作了有一段时间,基本上都在搞移动端的前端开发,工作的过程中遇到过很多问题,bug的解决方案,记录下来,以便后用!!!内 ...
- SAP 基于VUE的BSP OO单页移动端Web App开发
前言 之前的一篇文章,通过传统的Page with Flow Logic形式去实现了基于Vue的One Page Application.这种做法其实存在一些设计上的问题,前端页面交互层还好说,但后端 ...
- android开发模仿文件管理器_2020 Web界面开发：DevExtreme全新的Diagram控件、文件管理器...
DevExpress ASP.NET Web Forms Controls拥有针对Web表单(包括报表)的110+种UI控件,DevExpress ASP.NET MVC Extensions是服务器 ...
- 数据库前台界面设计html,简单Web界面开发（数据库）
(1)首先配置好eclipse 和 SQL server 2016 的环境,下载sqljdbc4.jar.(我的eclipse是eclipse Neon ) (2)创建新的数据库 (3)创建java ...
- OPPO官网web界面开发案例
成品 一.框架实现 构建top,header,nav,banner,star,accessory,world,serve,after_sale,footer10个部分框架,然后再逐步构建每一部分. i ...
- 前端移动端web开发（一）
一.前端开发 1.前端开发分类: PC端开发:页面主要运行在PC端浏览器中 移动端开发:页面主要运行在手机上 移动web开发 在移动端表现良好的页面,如新浪网 混合式开发(Hybrid App) 也叫 ...
- 移动端--web开发
最近看到群里对关于 移动端 web开发很是感兴趣,决定写一个关于 移动端的web开发 概念或框架(宝庆对此很是纠结).也是因为自己一直从事pc 浏览器 web一直对 移动端的不是很重视,所以趁此机会也 ...
最新文章
- SSE命令示例代码（算术、逻辑、比较）
- Vue CLI 3.0脚手架如何在本地配置mock数据
- 觉得UtraWebGrid老不稳定
- 不想当亿万富翁的程序员不是好老板
- 美术师关于自己的报酬与工作的看法
- ThreadLocal在Spring中的应用
- ssm 使用 PageHelper 插件分页
- 操作系统基础：存储管理知识笔记（一）
- 阿里云Kubernetes服务上使用Tekton完成应用发布初体验
- C语言 Hello World - C语言零基础入门教程
- 壁式框架内力计算_剪力墙结构设计计算要点和实例
- mvc分页生成静态页，mvc生成静态页
- Android——4.2.2 文件系统文件夹分析
- 阿里巴巴《rocketmq开发指南》_如何看待阿里巴巴孤尽觉得Java是世界上最好的语言？...
- mscaffe 训练minist数据
- open 3D 点云兔子模型
- 第22篇-安卓手机端抓包软件VNET介绍
- 常用小样本数据集介绍与下载汇总
- Jenkins集成动态salve报错 连接测试报错：
- Java简单的XSS过滤方法