关于项目经验的

简介: 关于项目经验的

页面常用的尺寸


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);
            }
        }


相关文章
|
7月前
|
安全 前端开发 开发者
干货!6个方面,32条总结教你提升职场经验
本文提出了职场成长的建议,包括不要依赖“新人”身份,撰写技术博客促进成长,阅读《金字塔原理》和《高效能人士的七个习惯》等书籍,积极解决问题,不沉迷于忙碌,长远看待得失,拓宽知识领域,保持好奇和热爱。日常工作要注重质量,主动规划,良好沟通,避免传播负面情绪,理解和尊重上级,学会被管理。培养定义问题的能力,以价值、结果和问题为导向思考,控制情绪,以及成为他人的追随者而非仅仅管理者。
|
SQL 算法 前端开发
面试IT技术岗的技巧
面试IT技术岗的技巧
|
7月前
|
SQL 存储 JavaScript
蓝队面试经验详细总结
这篇文稿概述了多种网络安全漏洞和攻击方式,包括SQL注入、XSS、XXE、文件上传、文件包含、命令执行、CSRF、SSRF、信息泄露和中间件漏洞。
69 0
|
7月前
|
数据库
项目经验总结
做项目的一点小心得
122 1
|
SQL 安全 fastjson
Hvv,面试经验
Hvv,面试经验
373 0
|
7月前
|
人工智能 算法 JavaScript
【简历优化平台-06】为什么很多简历必须写项目经验?有的简历没有项目经验?
【简历优化平台-06】为什么很多简历必须写项目经验?有的简历没有项目经验?
|
程序员 测试技术 开发者
项目经验!
技术人生
74 0
项目经验!
|
设计模式 运维 大数据
项目经验小结
项目经验小结
107 0
|
Cloud Native Go Python
远程工作面试:特殊情况下的面试技巧
远程工作面试:特殊情况下的面试技巧
112 0
|
监控 前端开发 测试技术
初级软件测试面试会问什么 这些面试问题你得知道
初级软件测试工程师大多为新入门的小白,在经历面试时,往往也是最忐忑的一部分人,所以他们也就迫切的想要知道,在即进行初级软件测试面试时,面试官会问写什么测试问题呢?
152 0
初级软件测试面试会问什么 这些面试问题你得知道