【云驻共创】前端页面开发浅谈：PC 端设计如何“完美”迁移到移动端？

文章目录

• 前言
• 一、我真的需要一个登录页面吗？
• 1.1、用户眼中不确定持续使用的系统
• 1.2、免登陆实现的功能可以满足用户需求
• 二、举个移动端登陆例子
• 三、前端学习不是造火箭
• 四、前端的布局设计
• 五、PC 端迁移到移动端的问题与挑战
• 5.1、手机屏幕的展示方式
• 5.1.1、尺寸更小、宽度更窄
• 5.1.2、页面的内容更大
• 5.1.3、滚动实现的内容更长
• 5.1.4、适应用户的“短耐心”
• 5.2、用户与设备的控件交互差异
• 5.2.1、拇指操控
• 5.2.2、特殊样式
• 5.3、编码
• 5.3.1、form 标签
• 5.3.2、label 标签
• 5.3.3、button 标签
• 5.4、兼容性
• 六、充满陷阱的输入框
• 6.1、输入框太多
• 6.2、focus 后效果不佳
• 6.3、错误提示不可见
• 6.4、强制重复输入
• 6.5、保存已填项
• 6.6、预览确认
• 6.7、input 不仅仅是个输入框
• 6.7.1、属性
• 6.7.2、样式
• 6.7.3、自带检查
• 六、“云层之下”-代码的逻辑流程
• 6.1、性能检查
• 6.2、页面打开流程
• 6.3、资源请求
• 6.3.1、请求数量
• 6.3.2、请求时间
• 6.4、浏览器渲染
• 6.6、开始浏览、交互
• 6.7、后续行为
• 总结
• 对于页面布局
• 对于设计编码
• 对于结构流程
• 程序员的目标