学习任务

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. 模板