小本本（记录容易忘记的知识点）

刷新页面
调用window.location.reload()函数

原生网页加载：
调用window.onload = function(){}

监听屏幕宽度的变化
调用window.addEventListener('resize',function(){ });
调用$(window).on('resize',function(){
})

原生方式获取屏幕的宽度
var windowWidth = window.innerWidth;

jQ获取屏幕的宽度
var windowW = window.width();

媒体查询
@media screen and (min-width:750px) and (max-width:1120px){
// 在这一屏幕范围内应该做出什么样的变化
}

选择器

第一个弟弟选择器：+  （li + li 选中的是第一个li的下一个li，
                    如果下一个不是li,则表示该选择器不存在）

所有兄弟选择器：~（li~li 选中的是第一个li的后面所有的li）

类选择器： [ class ^= 'icon-' ] :选中所有class以icon开头的类
          [ class *= ' icon-' ] : 选中所有包含icon的类

清除系统默认的手势事件
touch-action:none

使用JQ或者zepto框架实现做动画平移的效果：

//translateX(100%) : 在x轴相对于自身移动100%
     var currentX = index * 100 +'%';
     $('.line').animate({
 //animate可以换成css
         transform:'translateX( '+currentX+ ')',
         transition:'all 0.2s linear'
     })

Bootstrap中轮播图插件叫作Carousel

手动触发函数：resize
$(window).trigger('resize');（或者一进来时先调用触发的函数）

解决php乱码的问题
header("content-type:text/html;charset=utf-8");

angularJS通过$http获取后台的数据：
当数据是属于json数据的时候，PHP文件可以通过以下命令进行桥接：
$res = file_get_contents('./student.json');

overflow的值
visible：默认值，超出父级内容的会显示出来
auto：如果内容超出了父级，那就出现滚动条,如果内容没有超出，那就不出现滚动条
hidden：超出的内容给隐藏掉
scroll：不管内容是否超出都出现滚动条