关于项目经验的

页面常用的尺寸

PC：内容区宽度：

早期：60 980 1000

1200 1380

字体大小：

12px 14px

16px 18px

常用字体：“微软雅黑”

Arial（针对英文）

H5： 750(大多设计稿的宽度)

暂时保留页面状态，例：分页、选项卡

sessionStorage存储实现

一般情况下请求数据流程

加载过程中有loading动画，默认至少1秒(不然一闪而过也会给用户不好的体验)，请求完毕，loading消失，有数据则渲染页面，没数据显示提示内容

像图片这种加载不出的要有默认样式（背景色、alt属性之类的）

浏览器的记住密码该如何解决

原理是匹配type和name属性

解决办法是在input type="password"输入框中加上autoComplete = "new-password"属性

火狐不兼容（多写一个input隐藏即可）

分页器（react）

1、这个分页器必定是个单独的组件

2、分页器这个组件在被动态渲染的时候是没有生命周期的，所以初始化数据要放在父组件中，用于挂载时发起ajax请  求初始化页面

3、页码改变时调用父组件的ajax请求事件

请求接口的值直接使用参数，因为使用state的值获取不到最新的数据

将值存到sessionStorage中，可以在页面关闭前暂时保存页码

4、页面的显示，一般就是三种（loading动画、内容为空的提示、加载出来的数据）

两个状态：

 loadFlag：loading动画的状态，默认false

 nullFlag:提示的开关，默认false

数据请求逻辑：

 将loading打开，然后发起ajax请求

 请求后的结果有两个

  长度大于0，之后就可以修改要显示的数据和关闭loading

  长度不大于0，关闭loading，打开提示

5、但多个页面同时使用这个分页器时，我们就需要提前判断一下

方法：（暂时就一种）

父组件传一个值，用这个值去判断

与安卓、ios进行联调

videoOpen(obj){
            var oPar = obj.parents('li');
            var videoUrl = oPar.data('video')+'';
            if(P.userAgent()){
                var videoObj = {
                    play_video:videoUrl
                };
                var str =  JSON.stringify(videoObj);
                document.location = "y.com?"+str;
            }else {
                var videoObj = {
                    url:videoUrl
                };
                var str =  JSON.stringify(videoObj);
                window.myjs.doAction("play_video",str);
            }
        }