Foreword
Regarding the front-end interview and interview questions, I have summarized many articles before, and you can search for the interview on the right to find it. In fact, there are a lot of questions that can be asked in interviews. In recent years, I have also interviewed many front-ends who have worked for 2-4 years. I usually seize the projects they have done and conduct more detailed questions. Therefore, in the front-end interview of the junior and middle level, in addition to mastering the basic knowledge, the technology used in the project should be clear. If you ask the technology used in the project, but you don’t know about it when you ask, you will basically pass Lost. For more senior or advanced front-end interviews, it may be a little different from the junior and intermediate level interviews. Of course, for the senior front-end interviews, the conversation may be deeper and broader! This article briefly talks about the topics we want to talk about for the middle and advanced front-end.
1. Front-end engineering
关于前端工程化，是一个很大的命题，你在知乎上搜索前端工程化，会有一些文章，这些文章可以帮助你理解前端工程化。
说一下我理解的前端工程化吧，前端工程化不单单包括前端的模块化、组件化、自动化，还包括前端性能优化，前端目录规划，前端规范化，自动化测试，发布等等一系列知识。这里我就不一 一介绍了，感兴趣的也可以去读读张云龙的文章：
For more interview questions and answers, please view on WeChat
Two, front-end design mode
其实这里可以作为一篇文章来书写了，不过，假如你不了解，可以网上搜了一下前端设计模式，关于设计模式也是有不少文章的。
Three, front-end security issues
当然，这个是老的话题，有的在初中级前端面试中也会提及到。但是在中高级面试的时候，你要说出前端安全性问题防御，及前端常见安全性问题的攻击原理是什么。
1、xss跨站脚本攻击（原理、如何进行的、防御手段是什么，要说清楚）
2、CSRF跨站请求伪造（如何伪造法？怎么防御？等等都要说清楚）
3、sql脚本注入（注入方式，防御方式）
4、上传漏洞 （防御方式）
4. Handling cross-domain issues
关于跨域，我前面很多文章也提及了，浏览器跨域访问解决方案，这篇文章可以看一下。
另外，面试官可能会问及 cookie跨域及localStorage跨域问题，关于这一点，也可以看我之前刚刚写的文章：http://www.haorooms.com/post/kuayu_localstorage_cookie
Five, front-end data encryption
关于前端加密方式及前端加密，这个我在项目中实际用的也不多，微信小程序中可能会用到，
我很久很久之前也写过类似的文章，请看：javascript用户密码加密,js密码加密
7. Introduction to knowledge points The
above questions may be general front-end questions, the following questions may all be related knowledge points, here is a brief summary:
1、 webpack相关
这个考察你对webpack的理解是使用程度。
例如可能考察如下知识点：
1、hash（contenthash, chunkhash）
2、多页面配置
3、发布上线流程
4、如何加快打包速度，减少打包体积
5、和其他工具的区别（grunt,glup,rollup,parcel,Browserify）
2、状态管理器相关
主要是flux、redux、vuex等
The main problems are as follows:
一、flux、redux、vuex数据流向，(例如：点击按钮触发到状态更改，数据是如何流向的？)
例如flux：
1、用户访问 View
2、View 发出用户的 Action
3、Dispatcher 收到 Action，要求 Store 进行相应的更新
4、Store 更新后，发出一个"change"事件
5、View 收到"change"事件后，更新页面
Two, the difference between vuex and redux
Three, vuex data flow? Why follow this data flow? What if you modify the state directly on the page instead of using the commit method of mutation?
3. Vue related
vue相关的问题有很多。仅举例：
1、vue-router如何做历史返回提示？
2、vue-router如何做用户登录权限等？
3、vue生命周期
4、vue组件通信
5、vue服务器渲染
6、vue性能优化
4. Nodejs related
1、nodejs常用模块
2、nodejs爬虫
3、nodejs 流
4、nodejs请求如何返回大文件
For more interview questions and answers, please view on WeChat