2019-03-26 笔记

<div id = parent></div>
console.log(parent)
:Window

1. 最好不要用全局变量(因为覆盖冲突问题,window里的所有属性都不能用
2. 可以用局部变量
3. 立即调用:申明一个函数,然后立即调用这个函数

function(){
    var parent = doucument.querySelector('#self')
    console.log(parent)
}.call()
//全局变量可耻,不能用

4. 给上面函数套上()不然浏览器不认识就会报错
   或者函数头前加上-,+,!,~
5. 在{}块内使用let就不会产生变量提升(ES6提出的

---

内容样式行为分离

image.png

1. 如果html控制样式,使用bgcolor,center,size标签等样式,会使内容页面很复杂,看不出逻辑
2. css表示内容,div{content:'你好'},js取不到,人类也无法选中
3. css负责行为,expression会使页面加载速度非常慢
4. js控制样式,
   div.show()// div.style.display 'block'?'inline-flex'
   会使display具有不可靠性,
   最好用$div.addClass('disable')表示语义化的状态名,不要干预css