我的前端学习笔记 box-sizing，calc，回调函数

今天的任务也不重，又有时间研究新东西了。

首先来讲讲一个很有趣的属性，box-sizing，通过对这个值的设定可以改变盒子模型的类型。

默认的content-box，border和padding不计算入width之内。

padding-box，padding计算入width内

border-box，border和padding计算入width之内（其实就是IE盒模型啦）

通过修改box-sizing我们可以让写页面时候计算更加方便。比如移动端的百分比布局，我们通过设置padding-box把内边距的长度也包含在百分比之中，可以少不少麻烦。

css3还有个神奇的属性，calc也能解决移动端计算的一些问题

语法：width:calc(a+b);括号内可以是加减乘除。重点的是，他支持百分比，px,em之间互相计算。比如一个div宽度是20，那么我们calc(50%-20/2)；大概大家知道我想干啥了吧，通过calc就实现了水平居中。是不是很方便。移动端开发因为要用到很多百分比运算，利用这两个属性可以减少不少麻烦。

最后简单讲一下回调函数callback。其实看一下这段简单的代码大家大概就懂是什么意思了。

function a(callback){
callback();
}
function b(){
alert(1);
}
function c(){
alert(2);
}
a(b);

a(c);

说白了，就是在一个函数中调用其他函数，达到一个异步调用的效果。先执行父函数然后调用其他函数。