首页 > 《初级前端开发人员经常容易忽视几个细节问题汇总》

《初级前端开发人员经常容易忽视几个细节问题汇总》

《初级前端开发人员经常容易忽视几个细节问题汇总》

1、使用 变量.toString()的时候记得对变量进行判空

2、使用 字符串.indexOf()的时候记得对字符串变量进行判断是否为null或undefined

3、使用 数组.length 或 数组[1]、数组[2] 的时候记得对数组进行判断是否为null或undefined

4、使用 JSON对象的子属性时,务必判断JSON是否为null或undefined

5、当前页面新增加功能,要测试增加的部分时候影响其他部分使用,包含不仅限于在某种特殊状态下未呈现出来的控件

6、增加input、textarea类型的输入控件,务必要考虑极端输入情况:1)空值、2)负数、3)超长文本、4)超大数字

7、使用了select+option类型的下拉框,务必考虑默认情况下和选中后显示的状态,页面刷新后默认聚焦的选项状态

8、使用radio或checkbox类型的选择框,务必考虑默认选中的状态,切换之后时候有回弹选中项的bug,多选、反选时候考虑到位

9、长篇幅列表或者文章,要考虑换行、图片出界、滚动条宽度占据页面部分

10、固定宽度高度区域的文本,请使用css控制出现…省略号,同时要使用移入气泡框(默认可使用title)

11、搜索框要考虑输入连续非连续空格、空字符串、代码段、特殊字符情况,如果是跳转页面搜索,url跟参数要记得encode

12、左右箭头、上下箭头类型的翻页,注意索引值超出了最大值时候要归零、低于了最小值0时候要回归数组长度-1

13、使用setTimemout或setInterval,务必检查时候会重复调用定时器,时候要在适当的时候clear、内部变量时候会重复累加减

14、使用border多用box-sizing:border-box避免错位1像素等情况发生

15、如果是嵌入别人的页面进行二次迭代开发,请尽量使用特殊前缀的className防止和别人的样式表冲突导致覆盖他人的样式,编写js代码也同样请考虑这个问题,譬如样式表大家尝试用了 box、contain、pannel,自己要使用就加入名字前缀诸如:sg-box、sg-contain、sg-pannel,js方法同理

16、声明window开头的变量或方法,请尽量少用且注意是否覆盖了别人的变量或者方法;采用onclick、onmouseover等方式绑定到document上面时候,也要注意是否覆盖了别人类似的事件,请尽量使用addEventListener,但是离开页面的时候务必removeEventListener

17、在使用split的时候,一定要先确定split的对象是不是string类型,最好判断该类型是否includes对应的split字符串。例如:如果要aaa.split('-'),就务必先判断aaa.includes('-')===true才去进行split操作,否则就容易引起不必要的错误

更多相关:

  • 使用ET模型的时候,一定要注意,每次收到有效通知,然后读取数据的时候,务必每次读取干净(读到出错为止)。当再次调用check(sockfd)的时候才能正确返回。...

  • 有时候看到有意思的demo,在头痛导入项目的编码和workspace的编码不一样的时候 我试着将 笔记本打开一个类一个类的复制, demo的类比较少的时候 可以忍受,demo的类多的时候 除了靠之外 别无办法 今天再找仿ios样式demo的时候 实在受不了乱码,新浪一搜,出现给力的工具类 大致思路 挺简单的 无非是找到路径 重新转码。...

  • 90后的无奈:当我们出生的时候,奶粉里都有毒了,当我们长身体的时候,只能吃垃圾食品了,当我们要上幼儿园的时候,开始乱收费了,当我们大学毕业的时候,毕业就是失业了,当我想努力赚钱的时候股市倒了,当我想努力谈恋爱的时候帅哥都成GAY了,当我想追求一切流行的时候,又开始非主流了!80后的无奈:当我们读小学的时候,读大学不要钱;我们要读大学...

  • nan 是not a number ,inf是无穷大 numpy.nan_to_num(x): 使用0代替数组x中的nan元素,使用有限的数字代替inf元素...

  • 简介 Simple Reference  基础CUDA示例,适用于初学者, 反映了运用CUDA和CUDA runtime APIs的一些基本概念.Utilities Reference  演示如何查询设备能力和衡量GPU/CPU 带宽的实例程序。Graphics Reference  图形化示例展现的是 CUDA, OpenGL,...

  • 在做开发的过程中难免需要给内核及下载的一些源码打补丁,所以我们先学习下Linux下使用如如何使用diff制作补丁以及如何使用patch打补丁。...

  • 我在调研ATS 4.2.3挂载SSD的过程中,遇到很多坑,特此详细记录我摸索的主要过程,以便大家以后避免之。 基本思路可以完全照搬参考文献[2][3] 下面的安装假定是以root用户身份进行的,Linux服务器已经安装好系统,磁盘已经做好分区。 首先需要认识我们的Linux服务器的硬件配置和软件情况 硬件配置: DELL...

  • 该博文整理一些在使用stl编程过程中遇到的小经验: 1.在多线程环境下面打印调试,如何使用cout及时刷新到屏幕上? 在C中我们经常这样使用: printf("Hello World "); fflush(stdout); 如果使用stl,我们可以这样使用: cout << "Hello World" << endl <...