學習任務

1. sass
2. html5
3. 學習markdown語法

14:50

1. rem: 在html設置font-size:100px/625%;
2. box-sizing:

• border-box: 連同padding,border寬度都算進width
• content-box:默認的css樣式計算
• flex布局
• 橫豎軸方向：flex-start,center,flex-end,space-between,
• 文檔流方向（flex-direction）:row(默認)，column(x,y互換)，row(順序反置)
• align-self:這個是特殊元素下的樣式
• align-content:多行下x軸位置，和flex-wrap搭配
• order:數值越小越靠前
• flex:flex-grow,flex-shrink,flex-basis（伸，縮，占比)

16:20

數組函數

1. array.concat(): 數組中的數組就不拆開了
   var a=[1,2,3];
   a.concat(4,5); //[1,2,3,4,5]
   a.concat([4,5]); //[1,2,3,4,5]
   a.concat(4,[5,6]); //[1,2,3,4,5,6]
   a.concat(4,[5,[6,7]]); //[1,2,3,4,5,[6,7]]
2. array.sort(): 返回值為負數，則第一個參數在前
   var a =[111,2,'bass','god'];
   var b=a.sort(function(a,b){
   return a-b;
   })
3. array.join(''): 以''中連接成字符串
4. array.reverse():數組顛倒順序
5. pop()和push():尾部刪除和插入
6. shift()和unshift():頭部刪除和插入
7. slice和splice():
   var a=[1,2,3,4,5];
   a.slice(1,3); //[2,3] --參數為開始和結束index，原數組不改
   a.splice(1,3); //[2,3,4] --參數為開始和數量，原數組改變
   8.some()和every():如果數組每個值都為true，則返回true
   [5, 2, 7].every(function(x){ return x<6}); //false
   9.filter():符合條件的加入數組
   [5, 2, 7].every(function(x){ return x<6}); //[5,2]

正則表達式(字符串)

1. string.replace(): 不修改原字符串，生成新的
   var str = "abc345efgabcab";
   var result=str.replace(/\d/g,function(word){
   return '['+word+']';
   });
   -------------------\

hogan.js:模板引擎

1. {{message}} 轉義功能
2. {{{message}}} 沒有轉義功能
3. {{!}}
4. {{#}}
5. {{^}}
6. render():轉義成Html 加入對象數據，按照模板進行編譯成html
7. hogan.compile() 模板