郑板桥30的博客

js面试题

js面试题

JS全局作用域与局部作用域

原理：父级设置相对定位，子级设置绝对定位，而且当前四个定位属性的值都设置了0。上面代码是子元素设置了100px的宽和40px的高，但是实际上子级的虚拟占位已经撑满了整个父级，这时候再给它一个margin：auto它就可以上下左右都居中了。这种方案不要求父元素的高度，也就是即使父元素的高度变化了，仍然可以保持在父元素的垂直居中位置，水平方向上是一样的操作。设置margin为负数时，使内部子元素到方块3的位置，即中间位置。当设置left、top为50%的时候，内部子元素为方块2的位置。初始位置为方块1的位置。

cookie 只属于某个路径下 存储大小限制也不同，cookie 数据不能超过 4K，同时因为每次 http 请求都会携带 cookie，所以 cookie 只适合保存很小的数据，如回话标识。webStorage 虽然也有存储大小的限制，但是比 cookie 大得多，可以达到 5M 或更大 数据的有效期不同。cookie：只在设置的 cookie 过期时间之前一直有效，即使窗口和浏览器关闭 作用域不同 sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面；