Javascript对象
遍历对象for 遍历对象的问题： 对象没有像数组一样的length属性,所以无法确定长度 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标 forin: 123456789101112131415// 1. 遍历对象 for in let obj = { uname: 'pink老师', age: 18, ...
Javascript函数
作用域作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件 处于全局作用域内的变量，称为全局变量 局部作用域作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域。 处于局部作用域内的变量称为局部变量 如果函数内部，变量没有声明，直接赋值，也当全局变量...
Javascript数组
常用api增加元素arr.push push() 方法将指定的元素添加到数组的末尾，并返回新的数组长度。会修改原有数组。 arr.concat([v1,v2]) concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 arr.unshift（v1,v2） unshift() 方法将指定元素添加到数组的开头，并返回数组的新长度。 删除元素arr.splice...
Javascript运算
模板字符串document.write(大家好，我叫${uname}， 我今年贵庚${age}岁了) 比较运算符如果相等操作符两边的操作数，不包含 null 或者 undefined，且两个操作数不全是对象，在执行相等比较之前，会先调用 Number() 将两个操作数强制转为 Number 类型，然后进行比较。 转换规则：在比较运算符时会优先转换操作数...
BFC
9.1 BFC的定义W3C 上对 BFC 的定义： 译文：浮动、绝对定位元素、不是块盒子的块容器（如 inline-blocks 、 table-cells 和table-captions ），以及 overflow 属性的值除 visible 以外的块盒，将为其内容建立新的块格式化上下文。 MDN 上对 BFC 的描述： 块格式化上下文（Block Formatting Context，B...
响应式布局
8.1 媒体查询1.媒体类型 1234567891011121314151617181920212223242526272829303132333435363738394041424344<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8&qu...
伸缩盒模型
传统布局是指：基于传统盒状模型，主要靠： display 属性 + position 属性 + float属性。 flex 布局目前在移动端应用比较广泛，因为传统布局不能很好的呈现在移动设备上 1.伸缩容器、伸缩项目 伸缩容器： 开启了 flex 的元素，就是：伸缩容器。 给元素设置： display:flex 或 display:inline-flex ，该元素就变为了伸缩容器。 di...
多列布局
作用：专门用于实现类似于报纸的布局。 常用属性如下： column-count ：指定列数，值是数字。 column-width ：指定列宽，值是长度。 columns ：同时指定列宽和列数，复合属性；值没有数量和顺序要求。 column-gap ：设置列边距，值是长度。 column-rule-style ：设置列与列之间边框的风格，值与 border-style 一致。 column-r...
动画
5.1 基本使用第一步：定义关键帧（定义动画） 简单方式定义： 12345678910/*写法一*/@keyframes 动画名 {from {/*property1:value1*//*property2:value2*/}to {/*property1:value1*/}} 完整方式定义： 12345678910111...
过渡
4.1. transition-property作用：定义哪个属性需要过渡，只有在该属性中定义的属性（比如宽、高、颜色等）才会以有过渡 效果。 常用值： none ：不过渡任何属性。 all ：过渡所有能过渡的属性。 具体某个属性名 ，例如： width 、 heigth ，若有多个以逗号分隔。 不是所有的属性都能过渡，值为数字，或者值能转为数字的属性，都支持过渡，否则不支持过渡。 ...