前端知识点总结(综合篇)

  1. HTTP状态码
  2. Cach-Control
  3. 项目经历及作用和用到的技术等
  4. SEO
  5. 一个页面从输入 URL 到页面加载完的过程中都发生了什么事情?
  6. 常见组件的实现(如让你实现图片轮播、时间计时等)
  7. HTTP头部包含的信息及作用
  8. HTML\CSS\JS在处理浏览器兼容性方面的实践
  9. 前端发展的方向及你的了解和尝试(例如:组件化、工程化、前后端分离、前端质量体系、数据可视化、前端工具及生态圈、前端安全、下一代类库框架等)
  10. 前端工作需要注重的哪些点儿及你在这方面的理解和实践(如:用户体验、性能优化等)
  11. 前端MVC与后端MVC的异同及你对前端MVC的理解(个人在实践方面的理解)
  12. 什么是面向对象编程及面向过程编程,它们的异同和优缺点
  13. 从你自己的理解来看,你是如何理解面向对象编程的,它解决了什么问题,有什么作用
  14. 你对前端的理解?你为什么学前端?
  15. “渐进增强”和“优雅降级”
  16. 什么是“FOUC”及如何避免
  17. 页面性能优化方法及其原理
  18. POST和GET的异同
  19. 你是如何了解到并且学习一门技术的
  20. 讲一下你读过的和正在读或者研究的关于前端技术的书或者技术
  21. 你未来三年的计划
  22. 响应式布局
  23. 文件上传的实现
  24. 雅虎性能优化的15条规则
  25. 浏览器加载原理和过程
  26. HTTP如何实现缓存的
  27. HTTP和HTTPS的区别
  28. TCP和UDP的区别
  29. TCP的拥塞控制
  30. PC端和移动端前端开发的区别
  31. 浏览器工作原理
  32. 浏览器重绘(repaint)和重排(reflow)
  33. 常见的浏览器内核和浏览器内核的理解
  34. 离线存储工作原理
  35. 离线包如何调试
  36. 浏览器多个标签间的通信
  37. 浏览器缓存策略
  38. 对web标准、可用性、可访问性的理解
  39. html页面的渲染过程
  40. JSBridge的实现原理

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  1. HTTP状态码
    答案:常用的http转态码如下
    1XX--提示信息
    100--继续
    101--更改协议
    2XX--成功
    200--客户端请求成功
    3XX--重定向
    301--永久转移
    302--暂时转移
    304--未修改
    4XX--客户端错误
    400--错误的请求
    401--访问被拒绝
    402--禁止访问
    404--未找到
    5XX--服务端错误
    500--服务器内部错误
    503--服务不可用
    504--网关超时
    其他参考
    HTTP状态码大全
    HTTP状态码

  2. Cach-Control
    答案:http://baike.baidu.com/link?url=I2l51auZpAcJ8F0-ozRZUWRcCatmQz7PCZ8vdbEzHvCz_yJKcSSeDmn2cDWfOhrUIqL3KRa7wueujDcEZ9QBN_

    方法 描述
    打开新窗口 如果指定cache-control的值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。而如果指定了max-age值,那么在此值内的时间里就不会重新访问服务器,例如:Cache-control: max-age=5 表示当访问此网页后的5秒内再次访问不会去服务器.
    在地址栏回车 如果值为private或must-revalidate,则只有第一次访问时会访问服务器,以后就不再访问。如果值为no-cache,那么每次都会访问。如果值为max-age,则在过期之前不会重复访问。
    按后退按扭 如果值为private、must-revalidate、max-age,则不会重访问,而如果为no-cache,则每次都重复访问
    按刷新按扭 无论为何值,都会重复访问.
  3. 项目经历及作用和用到的技术等

  4. SEO

    答案:浅谈前端与SEO

  5. 一个页面从输入 URL 到页面加载完的过程中都发生了什么事情?

    答案:[从输入url到页面加载完成发生了什么](http://fex.baidu.com/blog/2014/05/what-happen/)和stackoverflow的[答案](http://stackoverflow.com/questions/2092527/what-happens-when-you-type-in-a-url-in-browser)

  6. 常见组件的实现(如让你实现图片轮播、时间计时等)

  7. HTTP头部包含的信息及作用

  8. HTML\CSS\JS在处理浏览器兼容性方面的实践

  9. 前端发展的方向及你的了解和尝试(例如:组件化、工程化、前后端分离、前端质量体系、数据可视化、前端工具及生态圈、前端安全、下一代类库框架等)

  10. 前端工作需要注重的哪些点儿及你在这方面的理解和实践(如:用户体验、性能优化等)

  11. 前端MVC与后端MVC的异同及你对前端MVC的理解(个人在实践方面的理解)

  12. 什么是面向对象编程及面向过程编程,它们的异同和优缺点

  13. 从你自己的理解来看,你是如何理解面向对象编程的,它解决了什么问题,有什么作用

  14. 你对前端的理解?你为什么学前端?

  15. “渐进增强”和“优雅降级”

    答案:渐进增强和优雅降级的区别

  16. 什么是“FOUC”及如何避免

    答案:什么是FOUC?如何避免FOUC?,其实原理很清楚:当样式表晚于结构性html加载,当加载到此样式表时,页面将停止之前的渲染。此样式表被下载和解析后,将重新渲染页面,也就出现了短暂的花屏现象。解决方法:使用LINK标签将样式表放在文档HEAD中。

  17. 页面性能优化方法及其原理

    答案:web前端页面性能优化小结

  18. POST和GET的异同

    答案:1. get是从服务器上获取数据,post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 4. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。
    建议: 1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式; 2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式。

  19. 你是如何了解到并且学习一门技术的

  20. 讲一下你读过的和正在读或者研究的关于前端技术的书或者技术

  21. 你未来三年的计划

  22. 响应式布局

  23. 文件上传的实现

  24. 雅虎性能优化的15条规则

  25. 浏览器加载原理和过程

    答案:浏览器加载过程和原理

  26. HTTP如何实现缓存的

    答案:HTTP协议:缓存

  27. HTTP和HTTPS的区别

    答案:听大神说https和http区别

  28. TCP和UDP的区别

    答案:TCP和UDP之间的区别

  29. TCP的拥塞控制

    答案:TCP的拥塞控制

  30. PC端和移动端前端开发的区别

    答案:1、交互事件,PC鼠标控制点击精确,而移动端触控范围大2、界面布局,PC端可以有复杂布局,移动端多为单列布局3、与native之间的互动4、技术框架的选型更看重移动端性能

  31. 浏览器工作原理

    答案:现代浏览器的工作原理

  32. 浏览器重绘(repaint)和重排(reflow)

    答案:浏览器重绘和重排

  33. 常见的浏览器内核和浏览器内核的理解

  34. 离线存储工作原理

  35. 离线包如何调试

  36. 浏览器多个标签间的通信

  37. 浏览器缓存策略
    答案: http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html

  38. 对web标准、可用性、可访问性的理解
    答案:web标准的可用性、可访问性、可维护性
    可用性(Usability):产品是否容易上手,用户能否完成任务,效率如何,以及这过程中用户的主观感受可好,是从用户的角度来看产品的质量。可用性好意味着产品质量高,是企业的核心竞争力。
    可访问性(Accessibility):Web内容对于残障用户的可阅读和可理解性
    可维护性(Maintainability):一般包含两个层次,一是当系统出现问题时,快速定位并解决问题的成本,成本低则可维护性好。二是代码是否容易被人理解,是否容易修改和增强功能。
    参考web标准—可用性、可维护性、可访问性

  39. html页面的渲染过程
    答案:推荐两篇文章,先读第一篇文章,重点阐述了浏览器渲染的一般模式,对浏览器的预加载只是简单介绍;第二篇文章则是重点阐述浏览器的预加载,强调“加载并行,执行串行”
    了解html页面的渲染过程
    研究首屏时间?你先要知道这几点细节

  40. JSBridge的实现原理
    答案:H5与Native交互之JSBridge技术

猜你喜欢

转载自www.cnblogs.com/LingXiangLi/p/10252858.html