项目心得
这两天完成一个小项目，豆瓣电影排行榜移动端，该项目用的是原生js以及jQuery写成，用到的相关技术有ajax、动态加载资源、代码模块化、易维护等！通过该项目自己对相关技术有了很深的理解，特别是对代码复用，代码可维护性，模块化开发在实际项目中都有体现。下面讲一下移动端在实际开发中的注意事项。
问题一
在移动端开发过程中一定要在代码顶部加上这段代码:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
作用是：
- 防止手机页面模拟 980 像素宽度
- 防止页面在用户双击的时候放大
- 防止用户两指缩放页面
问题二
我也遇到了能请求到数据 但是请求不到图片的问题
image.png
它是一种安全策略 在顶部加上这段代码即可：
<meta name="referrer" content="no-referrer" />作用是：控制所有从该文档发出的 HTTP 请求中HTTP Referer 首部的内容：
<meta name="referrer"> content 属性可取的值：
- no-referrer 不要发送 HTTP Referer 首部。
移动端布局推荐使用display: flex布局 效果奇佳
移动端和pc端 最大的区别是以下几点：
- 没有 hover
- 有 touch 事件
- 没有 resize
- 没有滚动条
网友评论