厚积薄发Ep01
这个系列叫厚积薄发，养成每周写一篇周记的习惯，记录自己的code历程
一、腾讯机试题 支付宝公益首页
机试题要求如下：
1、构建稿在微信中能正常浏览, 适配市面上大部分iphone、Android手机屏幕
2、关注HTML5、css3、js的合理运用。
3、关注组件的复用性。
4、关注可能存在的页面性能问题。
随意发挥个人想象力和能力
二、准备腾讯面试题
css..
盒模型
盒模型有两种， IE 怪异盒子模型、W3C标准盒子模型；
盒模型是由： 内容(content)、内边距(padding)、边框(border)、外边距(margin) 组成的。
标准模型的宽高是指的content区宽高； IE盒模型的宽高是指的content+padding+border的宽高。
CSS如何设置这两种盒模型？
标准盒模型：
box-sizing: content-box;
怪异盒模型：
box-sizing: border-box;
隐藏元素
display: none; 与 visibility: hidden; 的区别
相同： 它们都能让元素不可见
区别：
display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染时元素继续占据空间，只是内容不可见
display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；visibility:hidden;是继承属性，子孙节点消失由于继承了 hidden，通过设置 visibility: visible;可以让子孙节点显式
修改常规流中元素的 display 通常会造成文档重排。修改 visibility 属性只会造成本元素的重绘
读屏器不会读取 display: none;元素内容；会读取 visibility: hidden 元素内容
js继承的方法
1、原型链继承
2、构造继承
3、实例继承
4、拷贝继承
5、组合继承
6、寄生组合继承
浏览器事件机制
安全：xss
XSS ( Cross Site Scripting ) 是指恶意攻击者利用网站没有对用户提交数据进行转义处理或者过滤不足的缺点，进而添加一些代码，嵌入到web页面中去。使别的用户访问都会执行相应的嵌入代码。
从而盗取用户资料、利用用户身份进行某种动作或者对访问者进行病毒侵害的一种攻击方式。
XSS攻击的危害包括：
获取页面数据
获取cookie
劫持前端逻辑
发送请求
偷取网站任意数据
偷取用户资料
偷取用户密码和登陆态
欺骗用户
缓存方法
怎么处理浏览器缓存问题？
可以在修改后的文件末加一个版本号，还可以用gulp配置自动更新版本号。
Cookie
Session
sessionStorge
localStorge
applicationCache是html5新增的一个离线应用功能
性能优化的方法
多个 css 合并，尽量减少 HTTP 请求
css 雪碧图
抽象提取公共样式，减少代码量
选择器优化嵌套，尽量避免层级过深 （用‘>’替换‘ ’）
属性值为 0 时，不加单位
压缩CSS代码
避免使用 CSS 表达式
它们要计算成千上万次并且可能会对你页面的性能产生影响。
