2023年8月1日发(作者：)

前端知识点总结（综合篇）1. HTTP状态码2. Cach-Control3. 项⽬经历及作⽤和⽤到的技术等4. SEO5. ⼀个页⾯从输⼊ URL 到页⾯加载完的过程中都发⽣了什么事情？6. 常见组件的实现（如让你实现图⽚轮播、时间计时等）7. HTTP头部包含的信息及作⽤8. HTMLCSSJS在处理浏览器兼容性⽅⾯的实践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--⽹关超时其他参考2. Cach-Control答案：⽅法描述打开如果指定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答案：5. ⼀个页⾯从输⼊ URL 到页⾯加载完的过程中都发⽣了什么事情？答案：［从输⼊url到页⾯加载完成发⽣了什么]()和stackoverflow的6. 常见组件的实现（如让你实现图⽚轮播、时间计时等）7. HTTP头部包含的信息及作⽤8. HTMLCSSJS在处理浏览器兼容性⽅⾯的实践9. 前端发展的⽅向及你的了解和尝试（例如：组件化、⼯程化、前后端分离、前端质量体系、数据可视化、前端⼯具及⽣态圈、前端安全、下⼀代类库框架等）10. 前端⼯作需要注重的哪些点⼉及你在这⽅⾯的理解和实践（如：⽤户体验、性能优化等）11. 前端MVC与后端MVC的异同及你对前端MVC的理解（个⼈在实践⽅⾯的理解）12. 什么是⾯向对象编程及⾯向过程编程，它们的异同和优缺点13. 从你⾃⼰的理解来看，你是如何理解⾯向对象编程的，它解决了什么问题，有什么作⽤14. 你对前端的理解？你为什么学前端？15. “渐进增强”和“优雅降级”答案：16. 什么是“FOUC”及如何避免答案：,其实原理很清楚：当样式表晚于结构性html加载，当加载到此样式表时，页⾯将停⽌之前的渲染。此样式表被下载和解析后，将重新渲染页⾯，也就出现了短暂的花屏现象。解决⽅法：使⽤LINK标签将样式表放在⽂档HEAD中。17. 页⾯性能优化⽅法及其原理答案：18. POST和GET的异同答案：1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段⼀⼀对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内⼀起传送到ACTION属性所指的URL地址。⽤户看不到这个过程。 3. 对于get⽅式，服务器端⽤tring获取变量的值，对于post⽅式，服务器端⽤获取提交的数据。 4. get安全性⾮常低，post安全性较⾼。但是执⾏效率却⽐Post⽅法好。建议： 1、get⽅式的安全性较Post⽅式要差些，包含机密信息的话，建议⽤Post数据提交⽅式； 2、在做数据查询时，建议⽤Get⽅式；⽽在做数据添加、修改或删除时，建议⽤Post⽅式。19. 你是如何了解到并且学习⼀门技术的20. 讲⼀下你读过的和正在读或者研究的关于前端技术的书或者技术21. 你未来三年的计划22. 响应式布局23. ⽂件上传的实现24. 雅虎性能优化的15条规则25. 浏览器加载原理和过程答案：。26. HTTP如何实现缓存的答案：27. HTTP和HTTPS的区别答案：28. TCP和UDP的区别答案：29. TCP的拥塞控制答案:30. PC端和移动端前端开发的区别答案：1、交互事件，PC⿏标控制点击精确，⽽移动端触控范围⼤2、界⾯布局，PC端可以有复杂布局，移动端多为单列布局3、与native之间的互动4、技术框架的选型更看重移动端性能31. 浏览器⼯作原理答案：32. 浏览器重绘（repaint）和重排（reflow）答案：33. 常见的浏览器内核和浏览器内核的理解34. 离线存储⼯作原理35. 离线包如何调试36. 浏览器多个标签间的通信37. 浏览器缓存策略答案：38. 对web标准、可⽤性、可访问性的理解答案：web标准的可⽤性、可访问性、可维护性可⽤性（Usability）：产品是否容易上⼿，⽤户能否完成任务，效率如何，以及这过程中⽤户的主观感受可好，是从⽤户的⾓度来看产品的质量。可⽤性好意味着产品质量⾼，是企业的核⼼竞争⼒。可访问性（Accessibility）：Web内容对于残障⽤户的可阅读和可理解性可维护性（Maintainability）：⼀般包含两个层次，⼀是当系统出现问题时，快速定位并解决问题的成本，成本低则可维护性好。⼆是代码是否容易被⼈理解，是否容易修改和增强功能。参考：39. html页⾯的渲染过程答案：推荐两篇⽂章,先读第⼀篇⽂章，重点阐述了浏览器渲染的⼀般模式，对浏览器的预加载只是简单介绍；第⼆篇⽂章则是重点阐述浏览器的预加载，强调“加载并⾏，执⾏串⾏”40. JSBridge的实现原理答案：