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

前端編程tips