前端知识点总结（综合篇）
Posted lingxiangli
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端知识点总结（综合篇）相关的知识，希望对你有一定的参考价值。
- HTTP状态码
- Cach-Control
- 项目经历及作用和用到的技术等
- SEO
- 一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？
- 常见组件的实现（如让你实现图片轮播、时间计时等）
- HTTP头部包含的信息及作用
- HTMLCSSJS在处理浏览器兼容性方面的实践
- 前端发展的方向及你的了解和尝试（例如：组件化、工程化、前后端分离、前端质量体系、数据可视化、前端工具及生态圈、前端安全、下一代类库框架等）
- 前端工作需要注重的哪些点儿及你在这方面的理解和实践（如：用户体验、性能优化等）
- 前端MVC与后端MVC的异同及你对前端MVC的理解（个人在实践方面的理解）
- 什么是面向对象编程及面向过程编程，它们的异同和优缺点
- 从你自己的理解来看，你是如何理解面向对象编程的，它解决了什么问题，有什么作用
- 你对前端的理解？你为什么学前端？
- “渐进增强”和“优雅降级”
- 什么是“FOUC”及如何避免
- 页面性能优化方法及其原理
- POST和GET的异同
- 你是如何了解到并且学习一门技术的
- 讲一下你读过的和正在读或者研究的关于前端技术的书或者技术
- 你未来三年的计划
- 响应式布局
- 文件上传的实现
- 雅虎性能优化的15条规则
- 浏览器加载原理和过程
- HTTP如何实现缓存的
- HTTP和HTTPS的区别
- TCP和UDP的区别
- TCP的拥塞控制
- PC端和移动端前端开发的区别
- 浏览器工作原理
- 浏览器重绘（repaint）和重排（reflow）
- 常见的浏览器内核和浏览器内核的理解
- 离线存储工作原理
- 离线包如何调试
- 浏览器多个标签间的通信
- 浏览器缓存策略
- 对web标准、可用性、可访问性的理解
- html页面的渲染过程
- JSBridge的实现原理
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HTTP状态码
答案：常用的http转态码如下
1XX--提示信息
100--继续
101--更改协议
2XX--成功
200--客户端请求成功
3XX--重定向
301--永久转移
302--暂时转移
304--未修改
4XX--客户端错误
400--错误的请求
401--访问被拒绝
402--禁止访问
404--未找到
5XX--服务端错误
500--服务器内部错误
503--服务不可用
504--网关超时
其他参考
HTTP状态码大全
HTTP状态码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,则每次都重复访问 按刷新按扭 无论为何值,都会重复访问. 项目经历及作用和用到的技术等
SEO
答案：浅谈前端与SEO
一个页面从输入 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)
常见组件的实现（如让你实现图片轮播、时间计时等）
HTTP头部包含的信息及作用
htmlCSSJS在处理浏览器兼容性方面的实践
前端发展的方向及你的了解和尝试（例如：组件化、工程化、前后端分离、前端质量体系、数据可视化、前端工具及生态圈、前端安全、下一代类库框架等）
前端工作需要注重的哪些点儿及你在这方面的理解和实践（如：用户体验、性能优化等）
前端MVC与后端MVC的异同及你对前端MVC的理解（个人在实践方面的理解）
什么是面向对象编程及面向过程编程，它们的异同和优缺点
从你自己的理解来看，你是如何理解面向对象编程的，它解决了什么问题，有什么作用
你对前端的理解？你为什么学前端？
“渐进增强”和“优雅降级”
答案：渐进增强和优雅降级的区别
什么是“FOUC”及如何避免
答案：什么是FOUC？如何避免FOUC？,其实原理很清楚：当样式表晚于结构性html加载，当加载到此样式表时，页面将停止之前的渲染。此样式表被下载和解析后，将重新渲染页面，也就出现了短暂的花屏现象。解决方法：使用LINK标签将样式表放在文档HEAD中。
页面性能优化方法及其原理
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方式。你是如何了解到并且学习一门技术的
讲一下你读过的和正在读或者研究的关于前端技术的书或者技术
你未来三年的计划
响应式布局
文件上传的实现
雅虎性能优化的15条规则
浏览器加载原理和过程
答案：浏览器加载过程和原理。
HTTP如何实现缓存的
答案：HTTP协议：缓存
HTTP和HTTPS的区别
TCP和UDP的区别
答案：TCP和UDP之间的区别
TCP的拥塞控制
答案:TCP的拥塞控制
PC端和移动端前端开发的区别
答案：1、交互事件，PC鼠标控制点击精确，而移动端触控范围大2、界面布局，PC端可以有复杂布局，移动端多为单列布局3、与native之间的互动4、技术框架的选型更看重移动端性能
浏览器工作原理
答案：现代浏览器的工作原理
浏览器重绘（repaint）和重排（reflow）
答案：浏览器重绘和重排
常见的浏览器内核和浏览器内核的理解
离线存储工作原理
离线包如何调试
浏览器多个标签间的通信
浏览器缓存策略
答案： http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html对web标准、可用性、可访问性的理解
答案：web标准的可用性、可访问性、可维护性
可用性（Usability）：产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。
可访问性（Accessibility）：Web内容对于残障用户的可阅读和可理解性
可维护性（Maintainability）：一般包含两个层次，一是当系统出现问题时，快速定位并解决问题的成本，成本低则可维护性好。二是代码是否容易被人理解，是否容易修改和增强功能。
参考：web标准—可用性、可维护性、可访问性html页面的渲染过程
答案：推荐两篇文章,先读第一篇文章，重点阐述了浏览器渲染的一般模式，对浏览器的预加载只是简单介绍；第二篇文章则是重点阐述浏览器的预加载，强调“加载并行，执行串行”
了解html页面的渲染过程
研究首屏时间？你先要知道这几点细节JSBridge的实现原理
答案：H5与Native交互之JSBridge技术
以上是关于前端知识点总结（综合篇）的主要内容，如果未能解决你的问题，请参考以下文章