在当前前端开发领域中，跳槽或求职往往需要对前端技术的全面掌握和了解。这份梳理的知识点，不仅覆盖了基础的前端技术，还深入到前端工程师在多端开发的技能要求，包括了对软技能的强调。以下将详细介绍前端面试中可能被问及的知识点。
1. **HTML + CSS 基础布局**
- HTML 是网页的骨架，CSS 是用来美化和布局的。掌握基础的HTML标签和CSS样式对于任何前端开发者都是必要的。
- 在布局方面，需要了解流式布局、弹性盒子（Flex）、网格布局（Grid）等布局方式。
- CSS单位使用上，px、em、rem、vw、vh等要根据实际开发场景选择使用。
- 布局时，要理解不同布局技术的适用场景，比如相对定位、绝对定位以及响应式布局中的流式布局和flex布局。
2. **前端知识图谱**
- 一个完整的前端知识图谱应当包含JavaScript、框架技术、构建工具、网络协议、设计模式等多个方面。
- 对于JavaScript语言本身，ES6及更高版本的特性，如let、const、解构赋值、箭头函数等，都是面试官常问的知识点。
3. **构建工具与模块化**
- webpack是目前最流行的JavaScript模块打包工具，掌握它的基本配置和使用对前端工程化是必不可少的。
- 模块化开发是前端代码组织的一个重要概念，包括CommonJS、AMD、CMD以及ES6模块化的理解和应用。
4. **框架技术：React.js & Vue.js**
- React.js是Facebook开发的一个用于构建用户界面的JavaScript库，它的虚拟DOM和组件生命周期管理是面试中常考的知识点。
- Vue.js是一个渐进式JavaScript框架，其组件化开发和双向数据绑定的概念也是前端开发者必须掌握的知识。
5. **异步编程**
- 异步编程是前端开发中处理网络请求、文件操作等耗时任务的常用方式。掌握Promise、async/await等异步解决方案对于前端开发者是基本要求。
6. **性能优化与安全**
- 前端性能优化包括资源压缩、代码分割、懒加载等技术手段，确保网页加载和运行的高效性。
- 安全是前端开发不可忽视的方面，涉及到XSS、CSRF等攻击方式的防御。
7. **浏览器原理与Web技术**
- 浏览器原理涉及渲染引擎、JavaScript引擎、网络请求等。了解这些原理可以帮助开发者写出更高效和兼容性更好的代码。
- Web技术包括了HTTP、HTTPS、Websocket等协议，理解这些协议的工作原理对于调试和优化前端应用至关重要。
8. **前端软件工程师多端开发**
- 前端开发者不仅仅局限于传统的Web页面开发，还需要掌握Node.js、小程序、移动APP等多端技术。
- Node.js是JavaScript在服务器端的应用，小程序和移动APP开发则需要使用特定的技术栈和开发工具。
9. **软技能**
- 软技能在前端开发者中同样重要，包括沟通能力、团队合作、时间管理、问题解决等能力。
- 在面试中，面试官可能通过各种问题来考察应聘者的软技能，因此在平时就需要不断修炼和提升。
10. **多端布局方案**
- 对于不同设备，例如微信小程序中的rpx布局单位，需要根据屏幕尺寸的不同来动态调整布局。
- 为了实现良好的用户体验，必须掌握各种布局方法，如流式布局、响应式设计，以及使用框架提供的布局解决方案。
以上知识点的梳理，旨在帮助准备跳槽的前端开发者系统地复习和准备面试。掌握这些知识点，并在实际工作中加以应用，不仅能够帮助通过面试，还能够在前端开发道路上越走越远。
