想法是：对于一个“div”标签，一般是有宽（width）和高（height）以及边框的，如果我们保持这个div的边框大小不变，逐渐缩小width和height，最终结果会怎么样？，没错变成下面这样，宽高汇成中间一点，边框变成四个三角形，这样我们只要使想要显示的那个三角形有颜色和样式，另外三个设置成透明不就可以了。

网上教程还是挺多的，但难免有不清楚的地方，我根据我自身的情况说一下吧，基本上是根据下面这个博文来的。

链接

JS中，将对象分为3类：

• 内部对象
• 宿主对象
• 自定义对象

形参与实参

• 形参出现在函数定义中，在整个函数体内都可以使用， 离开该函数则不能使用。
• 实参出现在主调函数中，进入被调函数后，实参变量也不能使用

响应式Web设计主要包括

• 流式布局：布局方式以百分比为主，比如Bootstrap移动设备优先的流式栅格系统

块级元素的总宽度=左右padding+左右border+内容区width

我们设置的width实际是内容区（content）的width，所以当改变padding、border、width中的任何一项的时候，块元素的总宽度都会发生变化。

简介

CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。

call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性

• 相同点:两个方法产生的 作用是完全一样的
• 不同点:方法接收的参数不同

CORS

CORS（Corss-Origin Resource Sharing,跨资源共享），基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应的成功或失败。即给请求附加一个额外的Origin头部，其中包含请求页面的源信息（协议、域名和端口），以便服务器根据这个头部决定是否给予响应。

在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示

CSS中Position属性的四个可选值：static、absolute、fixed、relative有什么区别？