前端编程tips

Posted 2020-09-28 Yogurshine

1.ts less 网上搜视频教程，不用太复杂的，短短几分钟视频基本就对其入门了，比自己搜官网学习更方便。

常用的ts技术：let name:string="";  let obj:ClassName={};  let array:class[]=[];

as htmlDivElement, interface calss private static public export ,以及()=>{};,箭头表达式

.dt.ts文件

2.less: @color:red; .common{}; .common(@color,@width){}; 嵌套关系，&

3.多用domObj.querySelection().classlist.add /remove 及多用添加或一出class来控制样式，比如select样式，display样式等

4.querySelectionAll()不保证顺序。不能使用querySelectionAll()[i]来使用选定的元素。

getElemensByClassName()应该可以保证顺序，

getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。

 

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

 

提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。

 

还要注意：detElementById（）只能是document调用，前提是保证要查找的元素或是其容器元素已经挂到document上。

5.Array 非常好用的函数：filter map slice, some every,join ,sort,concat,push pop,splice等，注意有的是直接修改原数组，有的是返回新数组，基本都是返回新数组。

6.string,非常好用的函数:indexof....

7.给元素添加属性的两种方法：document.getElementById("#a").setAttribute("属性名","属性值");取得时候用getAttribute

                                                 elem["属性名"]="属性值",取得时候用 =elem["属性名"]

8.挂事件，触发事件的方法：addEventListener

8.编程规范：

a.超过一处使用字符串“”，就应定义为变量，以防别人拼写错误。比如自定义属性名，自定义事件名等

b.变量命名：局部变量小写字母开头，成员变量，私有，一般_开头，public的大写字母开头，函数小写字母开头。

c.函数降低冗余，内部适当留空行，不要写的堆在一起，不利于人review.

9.版本管理工具使用注意：

a,多check in，修再小一个bug也要check in.

b.要提交之前，多看看pedding，对比看一下改了什么，把debugger,断点之类的去掉。

10.报bug注意事项：

a.写清楚，复杂的尽量多配上图。让别人能照着操作。

b.修安排给自己的bug之前，先看是否能重现。