美文网首页
前端工程师做移动端要注意的事

前端工程师做移动端要注意的事

作者: 大胡子111 | 来源:发表于2018-08-30 14:50 被阅读56次

1.明确内容,应用场景

1)先细致的看一遍,知道这是要做一个什么东西
2)清楚设计稿的尺寸
3)稍微记一下哪些东西只需要写一遍,那块的功能可以复用

2.屏幕适配以及兼容

1)清楚需要适配什么机型以及兼容

3.单位选择

1)px:是相对于显示屏幕分辨率而言,值固定
2)rem:CSS3新增的一个相对单位,相对的只是HTML根元素
3)em:值不固定,继承父级元素的字体大小
4)%:相对于屏幕的百分之多少

4.移动端加载慢问题

1)静态资源文件压缩
2)碎图用雪碧图
3)代码中减少请求
4)代码简化
5)加载时候增加loading,资源加载完loading小时,防止一张图片缓慢从上到下加载的情况,好的体验减少流失率

5.别忘了在head中加入meta标签
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
//(“页面宽度 = 屏幕宽度,初始缩放比例为1,允许用户最大和最小伸缩比都是1,不允许用户手动缩放”)

6.css样式重置

相关文章

  • 前端工程师做移动端要注意的事

    1.明确内容,应用场景 1)先细致的看一遍,知道这是要做一个什么东西2)清楚设计稿的尺寸3)稍微记一下哪些东西只需...

  • 16日总结

    WEB前端开发工程师 PC端(电脑) -页面移动端(手机) -页面 ---- 用户体验问题 需要:...

  • iOS 开发资源 - 收藏集 - 掘金

    聊一聊移动端调试那些事 - 前端 - 掘金 欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的...

  • 入门篇笔记

    第一讲:WEB前端开发是做什么的及需要学习那些内容WEB前端开发工程师要做什么?答:做PC端和移动端的网页并解决...

  • React Native的思考

    前言 React Native是facebook前端工程师基于自身开发React上开发的一套用于移动端开发...

  • 给前端工程师的推荐书单,高清电子PDF版

    前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。——百度百科 给前端工程师的推荐书单 关注...

  • 前端经验收集器

    前端经验收集器 对后端知识感兴趣的同学,请移步后端记事本 如今,前端技术异常火热,厉害的前端工程师甚至比移动端工程...

  • 自适应网站页面实现

    随移动端设备的普及,移动web网站成为了前端工程师工作主攻点,诸多的手机厂商,导致每种手机机型、分辨率等手机...

  • 文集

    若web前端到达了瓶颈,如何冲出重围? 移动端汇总 腾讯移动web知识库移动前端开发指南移动端上遇到的各种坑移动端...

  • 前端移动端适配总结

    前端移动端适配总结

网友评论

      本文标题:前端工程师做移动端要注意的事

      本文链接:https://www.haomeiwen.com/subject/yugrwftx.html