js与css随笔 2

js
date
let now = new date()
date.parse() 接收表示日期的字符串参数，尝试根据这个字符串返回相应日期的毫秒数 如果字符串不能表示日期则返回NAN 与date的构造函数相同
date.UTC() 返回的也是相应日期的毫秒数 但是传参不同 date的构造函数如果传相同的参 返回的是基于系统设置的本地地区创建的
date.now()返回的是调用这个方法的日期和时间的毫秒数
date的toString和toLocalString没啥用
date的valueOf返回日期的毫秒表示 可以用来比较日期
日期的格式化方法
日期剩余的方法都是直接取得特定部分
正则表达式
RegExp类型
ECMAscript 通过RegExp类型支持正则表达式
let expressin = /pattern/flags;
pattern 可以是任何简单复杂的正则表达式 可以把韩 字符类，限定符，分组，向前查找以及反向引用
flags 用来表示正则表达式的行为有三个
g：表示全局模式 被应用于所有的字符串
i：表示不区分大小写 匹配第一个
m：多行模式
元字符必须转义
([{^$|)?*+.]} 这些是元字符
还有另一种创建正则表达式的方式
let expressin = new RegExp(“pattern”,“flags”)
由于RegExp构造函数模式参数是字符串 所以一些情况要进行双重转义 元字符都需要
正则表达式字面量和使用RegExp构造函数区别
正则表达式字面量始终会共享一个RegExp实例 使用构造函数创建的每一个新RegExp实例都是一个新实例
RegExp实例属性
global：布尔值 表示是否设置了g标志
ignoreCase：布尔值 表示是否设置了i标志
lastIndex：整数 表示开始搜索下一个匹配项的字符位置 从0算起
multiline：布尔值 表示是否设置了m标志
source： 正则表达式字符串表示，按照字面量形式而非传入构建函数中的字符串模式返回
这些都没啥用 因为一看就知道
RegExp实例方法
主要方法是exec（）接收一个参数 要应用模式的字符串 返回包含第一个匹配项的数组 或者没有匹配返回null 返回数组有两个属性 index input index表示匹配项在字符串的位置 input 表示应用正则表达式的字符串
第二个方法test（）接收一个字符串参数 模式与改参数匹配返回true 否则返回false
toString 会返回 正则表达式的字面量
RegExp构造函数属性
也都是返回一些有的没得
ECMAscript中正则表达式有局限性
css
首选最小宽度
宽度设为0 还是会显示文字和图片的 可以有妙用 比如 “凹”
.ao{
display:inline-block;
width:0
}
.ao:after{
content:“love哎love”;
outline:2px solid #cd000;
color:#fff;
}
最大宽度
最长的连续内联盒子的宽度
妙用iScroll 模拟水平滚动
盒子模型 width设置的是content-box的宽度
如何不用计算padding border对盒子的影响
用两个盒子 父盒子设置宽度 子盒子设置border padding啥的
box-sizing 发明初衷 对input textarea img video object 等设置
height：100%
html,body{
height:100%
}
div{
postive:absolute;
height:100%
}
绝对定位是相对于padding-box的