学习任务
- sass
- html5
- 学习markdown语法
14:50
- rem: 在html设置font-size:100px/625%;
- 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
数组函数
- 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]] - array.sort(): 返回值为负数，则第一个参数在前
var a =[111,2,'bass','god'];
var b=a.sort(function(a,b){
return a-b;
}) - array.join(''): 以''中连接成字符串
- array.reverse():数组颠倒顺序
- pop()和push():尾部删除和插入
- shift()和unshift():头部删除和插入
- 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]
正则表达式(字符串)
- string.replace(): 不修改原字符串，生成新的
var str = "abc345efgabcab";
var result=str.replace(/\d/g,function(word){
return '['+word+']';
});
-------------------\
hogan.js:模板引擎
- {{message}} 转义功能
- {{{message}}} 没有转义功能
- {{!}}
- {{#}}
- {{^}}
- render():转义成Html 加入对象数据，按照模板进行编译成html
- hogan.compile() 模板
