摘要：
创建对象 prototype对象 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象 阅读全文
摘要：
map、reduce map：map()方法定义在JavaScript的Array中，接收一个函数对象作为参数，函数定义运算规则，对array中的每个元素进行运算，结果是一个新的array。 function pow(x) { return x * x; } var arr = [1, 2, 3, 阅读全文
摘要：
函数定义 函数也存在提升，与变量提升相同 函数声明 function func_name(param1,param2){ ...; return {};} 声明不定长参数，使用... function foo(a, b, ...args) { console.log('a = ' + a); con 阅读全文
摘要：
JS引入到文件 嵌入到html文件中，在<header> 或 <body> 中使用<script> <script> var i = 10; console.log(i);</script> 引入JS文件，在<header> 或 <body> 中使用<script> <script src="./i 阅读全文
摘要：
经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/] 优点： 轻量，加载速度快， 阅读全文
摘要：
圆角和阴影 圆角，使用 border-radius 可以给任何元素制作圆角 阴影，box-shadow 向框添加一个或多个阴影：box-shadow: h-shadow v-shadow blur color h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊距离 c 阅读全文
摘要：
脱离文档流 标准文档流导致： 高矮不齐，底边对齐 空白折叠现象 很多空格，都会折叠会一个空格 img标签有缝隙 脱离文档流：使一个元素脱离标准文档流有三种方式： 浮动 绝对定位 固定定位 浮动 增加浮动 增加一个浮层来放置内容。可以理解为有两层页面，一层为原页面，一层为脱离文档流的浮层页面，所以会出 阅读全文
摘要：
盒子模型box model CSS盒子模型本质上是一个盒子，封装周围的HTML元素。它包括： margin（外边距）、border（边框）、padding（内边距）、content（内容） 弹性盒子模型flex box felx box是CSS3的一种新的布局模式。是为了让页面适应不同的屏幕大小和设 阅读全文