前端編程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以前，先看是否能重現。