html+css+js-01

HTML

1. 标准盒子模型=margin+border+padding+width(width=content)
   IE盒子模型=margin+width(width=border+padding+content)
2. p是块元素，但是其不能包含除了它本身之外的任何块元素，a是内联元素，但是它可以包含除了它本身外的任意块元素。
3. 相对定位（relative）：不脱离文档流，根据自身的位置进行偏移。
   绝对定位（absolute）：脱离文档流，相对于上一级有定位的祖先元素。
   固定定位（fixed）：脱离文档流，相对于浏览器左上角定位。

css

1.required属性规定必需在提交表单之前填写输入字段。
placeholder属性规定可描述输入字段预期值的简短的提示信息。
2.svg指可伸缩矢量图形，用来定义用于网络的基于矢量的图形，使用XML格式，图像在放大或者改变尺寸的情况下其图形质量不会有所损失，是万维网联盟的标准，是HTML下的一个分支。
3.关于css属性继承
背景、布局等相关样式不会被继承。

不可继承的：baidisplay、dumargin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
所有子元素可继承：visibility和cursor。
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承：border-collapse。

4.能使字体变粗的样式为font-weight:bold ；
text-transform用来设置文本的大小写，值为：none（默认值，不设置）、capitalize（使文本中的每个单词的首字母大写）、uppercase（将文本中的内容转换成大写）、 lowercase（ 将文本中的内容转换成小写）。
5.优化css图片加载
CSSSprite：减少对服务器请求
SVGSprite：体积小、矢量
Iconfont：体积小‘矢量、集成度高
Base64：减少对服务器请求

JS

1. call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了： call的参数是直接放进去的，第二第三第n个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,‘成都’, … ,‘string’ )； apply的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ]); bind除了返回是函数以外，它 的参数和call 一样。 当然，三者的参数不限定是string类型，允许是各种类型，包括函数 、 object 等等。
2. 函数提升优先级高于变量提升。
3. 与浏览列表有关的对象:history screen location Navigator。

5.JavaScript的可迭代对象

JavaScript的可迭代对象
1）数组Arrays

console.log([][Symbol.iterator])
 
for(let x of ['a','b'])
    console.log(x)

2）字符串Strings
console.log(""[Symbol.iterator])
for(let x of "abc")
    console.log(x)

3）Map
let map = new Map().set('a', 1).set('b', 2);
console.log(map[Symbol.iterator]);
for (let pair of map) {
    console.log(pair);
}

4）Set
let set = new Set().add('a').add('b');
for (let x of set) {
    console.log(x);
}


5）arguments
function printArgs() {
    for (let x of arguments) {
        console.log(x);
    }
}
printArgs('a', 'b');

6）Typed Arrays

7）Generators，ES6新增加