前端面试问题注意点

1. 项目
   遇到了什么挑战
   购物车（如何设计数据结构）
   前端缓存：
   http缓存（304是浏览器自定义的，其他的是自己定义的）
   http（重要）
   还有三个缓存实现
   前后端数据交互、js函数整合（打包）（不要用框架吹）、炫酷效果
   搜索（可以问问news的）然后要真的去深入去理解项目
   交流问题
2. 盒模型(rem.margin(百分比,垂直重叠))
   标准盒模型、IE盒模型
   rem:相对于浏览器的html{}根元素的font-size来的，一般来说默认的是16px，可以用百分比来改变根元素的字体大小
   em:相对于自身的大小来说
   margin:看http://www.jianshu.com/p/59491ebf387b
   解决margin折叠：左浮动和BFC
3. 跨域(CORS、JSONP)--前端浏览器特有的问题
   同源策略：域名(IP地址)、协议、端口(不同的服务)都相同
   CORS:在http请求头中配置，一般在后台开通
   JSONP:json+script的标签：速度很快
   利用这个img、script、css的访问没有跨域问题来实现JSONP
   https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS
4. 缓存
   HTML5四种缓存(前端怎么操作cookie)
   先看博客
   http://www.alloyteam.com/2012/03/web-cache-1-web-cache-overview/
   后面再说
5. use strict
6. ES6:箭头函数、类
7. http
8. 本地存储
9. display:inline-block间隙操作
10. js事件(捕获、冒泡、代理、委托)
    js事件单元素多事件绑定(闪烁问题)
    js原型、闭包、作用域链、offset、滚动条监测、横向滚动条、可视化窗口
    https://github.com/sqliang/feQuestion/wiki/js%E4%BA%8B%E4%BB%B6%E6%9C%BA%E5%88%B6
11. js异步加载(js阻塞)
12. js dom操作
13. web性能优化(CDN为什么起到作用及其实现原理)
14. 模块化、组件化自动部署
15. 如何阻止一个form的重复提交
    客户端：
    表单提交后使用js使提交按钮display
    boolean修改
    服务器端：
    session
    先重定向后提交表单(但是体验不好)
16. position四种的区别
17. 从输入一个url到渲染出整个页面浏览器做了什么
18. 浏览器兼容性问题
19. css遇到的问题
    统一、规范、渐进增强、优雅降级
    渐进增强：开发网站时保证兼容性良好，对先进浏览器再进行深入操作
    优雅降级：先对先进浏览器来用，后面在针对其他浏览器来进行降级
    css标签对性能开销
    css属性遍历(从右往左)
20. BFC
21. 谷歌浏览器最小字体设定(html{-webkit-text-size-adjust: none;})
22. web安全(XSS、DNS劫持、SQL注入)