悬剑

摘要： 箭头函数 为什么： 让this始终指向包含它的对象 是什么： 箭头左边是参数，右边是函数体 只包含一个表达式，连{ ... }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ ... }和return： var fn = x => x * x; x => { if (x > 0) { ... 阅读全文

摘要： 继承 能继承什么东西： 构造函数、以及原型中的所有东西 原型继承实现方式就是： 1、定义新的构造函数，并在内部用call()调用希望“继承”的构造函数，并绑定this；（仅需继承构造函数时需要） 2、借助中间函数F实现原型链继承，最好通过封装的inherits函数完成； 3、继续在新的构造函数的原型上定义新方法。 有原型对象时继承 Objec... 阅读全文

摘要： 元素的显示和隐藏 display:none;隐藏元素，不占空间，元素还存在 visibility:none；隐藏元素，保留空间 鼠标悬停展示 内容溢出 overflow：visible 溢出内容可见 overflow:hidden 溢出内容隐藏 overflow:scroll 显示滚动条 overflow:atuo 自动判断是否显示滚动条 鼠标光... 阅读全文

摘要： css定位 定位是用来移动元素位置的。 相对位置，参考元素原始位置，偏移某个距离 绝对位置，参考点是最近的有定位的祖先元素，偏移某个距离 定位 1 css定位 相对定位 绝对定位 固定定位 为什么 移动元素 设置元素在包含块中出现的位置，以及遮盖 2 相对定位 position: relative; 参考自己原来的位置，偏移某个距离 ... 阅读全文

摘要： 标准文档流，又叫普通流 文档流的布局方式：从左到右，从上到下 脱标： 什么叫脱离文档流？，浮动后的块状元素是行内元素吗？ 脱标是什么： 元素脱标后，浮在标准流上层，后面的元素对象，就视它不存在 注意，只有绝对定位absolute、浮动float、固定定位才会脱离文档流！ 脱标后的，部分无视和完全无视的区别？ 部分无视：使用float脱离... 阅读全文

摘要： 标准文档流，又叫普通流，文档流 是什么： 文档流就是html页面 文档流的布局方式：从左到右，从上到下 特点： 拥有块元素，行内元素， margin垂直塌陷，不能移动 文字空白出现折叠现象 文本类的元素会并排 高低不齐 底边对齐 文字排到最右侧，自动换行 html文档中的元素可以分为两大类：行内元素和块级元素 块级元素 ... 阅读全文

摘要： CSS盒模型 元素占用的页面空间 根据W3C的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的 设置内边距和外边距可以放大缩小元素 CSS 内边距 padding 元素内容与元素边框之间的空白区域 单位 h1 {padding: 10px;} h1 {padding: 10px 0.25em 2ex 20... 阅读全文

摘要： 层叠性 一个元素的样式层叠了，听谁的，用权重区分 谁的权重高听谁的， 后面样式的权重>前面样式的权重 选择器范围小样式权重>范围大的样式权重 选择期id数量多的样式权重>class数量多的样式权重>标签数量多的样式权重 2 !important 提升权重 color: red !importa... 阅读全文

摘要： <form> ...表单元素 </form> 选择字也能选中单元框，就要用到label 用for指向input的id或者直接用label包含标签 阅读全文

摘要： 块元素对齐 使用 margin 属性来水平对齐，margin：0 auto 仅适用于标准流有宽度的块级元素 使用 position 属性进行左和右对齐 使用 float 属性来进行左和右对齐 CSS 导航条 水平导航栏，行内或浮动li元素 垂直导航栏，把a设置成dispaly：block，让点击某一块区域就跳转 阅读全文