前端编程tips

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以前，先看是否能重现。