Object_CSD
数据及结构与对象Math[PI]
此种语法,中括号里面是一个表达式 表达式计算结果应该是一个字符串 该字符串被当做要读取的属性的名 整个表达式返回该属性的属性值
Math[“PI”]
Math[‘P’+’I’]
x=”PI”
Math[x]
是可以的
// 数组是值的“有序”集合
// 对象是值的“具名”集合
// 在数组中,我们为值编号
// 在对象中,我们为值起名
// 有些语言里,对象又叫关联数组
// 把值与名字“关联”起来
JS中一切皆对象(除空值以外)
因为一切都能读出属性
因为对于任何一个值来说,以下表达式都不报错
在其它很多语言里,能读出属性的只有对象
从能否可再拆分的角度讲,原始类型不算对象
但从能否读取属性的角度讲,原始类型也算对象,因为它们能读出属性
x = 2
x.toFixed()
y = ‘owiejfo’
y.length
y.toUpperCase()
z = true
z. ...
Array
数组:数组是值的有序集合
元素在数组中从0开始编号
创建数组 var a = [1,2,3]
创建数组 var a = Array(6) 创建长度为6的数组
创建数组 var a = Array(6).fill(0) 创建长度为6的数组
创建数组 var a = Array(6,5,4,3) 创建由6,5,4,3组成的数组
获取数组的长度 a.length
获取数组中的元素 a[i] ,i是元素在数组中的编号/索引/下标,下标只有整数
a[表达式],,表达式计算出一个整数,
这个整体也是一个表达式,求值结果为数组中的某一项
a[i] = 8 向数组的第i项赋值,之前的值就被扔了
任意值都可以放入数组中,如null,undefined,2,3,5,”owiefj”, true,函数,数组(因为数组本身也是值)
向数组末尾添加一个元素: a.push(1) 返回数组新的长度
向数组末尾添加多个元素: a.push(1,2,3,4) 返回数组新的长度
从数组的末尾删除并返回元素 var result = a.po ...
Map
Map的封装123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186class Map2 { constructor() { t ...
jsdom
元素的查找: getElements?.*()
元素的周围指针: el.firstChild/lastChild/nextSibiling/previousSibiling el.parentNode/parentElement el.firstElementChild/lastElementChild el.nextElementSibiling/previousElementSibiling el.childNodes/children
元素的常用方法: 对结点进行增删改 el.appendChild(node) el.removeChild(node) node.remove() el.replaceChild(node, baseNode) baseNode.replaceWith(node) el.insertBefore(node, baseNode)
attr&prop: node.xxxxx dom property 标准属性大都可以使用node.pr ...
flex布局
flex:大号的行内布局
外层元素: flex container flex 容器flex 窗口的子元素: flex item flex 元素
flex-wrap:wrap 折行
flex-grow:0; /_ 扩张权重_/宽度的权重 默认为 0
flex-grow:0.x; /按照百分比获取剩余空间/ 所有求和不超过 100%也就是 1 生效
flex-shrink:; /收缩系数/ 默认 1
不是 flex item 的 flex 父元素从外面看就像块元素一样如宽度会打满包含块但是子元素的 margin 不会超出去但是相邻的元素垂直方向的 margin 还是会合并的
收缩或者扩张都不会让元素超出自己 min-w/h 以及 max-w/h 设定 的尺寸收缩不能收到比自己的 min-width 还小扩张不能扩张到比自己的 max-width 还大收缩只发生在不折行的时候因为如果折行就不可能存在空间不够的情况flex 父元素”垂直”方向上的额外空间,只会均等的分配给每一行当高度固定了如果还有额外 ...