2020年の新しいフロントエンド面接の質問(中級および上級)

はじめ
にフロントエンドの面接と面接の質問については、これまでに多くの記事をまとめましたが、右側の面接を検索して見つけることができます。実際、面接で聞ける質問はたくさんあります。近年、2〜4年働いているフロントエンドにも面接をしてきました。普段は彼らが行ったプロジェクトをつかみ、より詳細な質問をしています。 。したがって、中学・中級レベルのフロントエンドインタビューでは、基礎知識を習得するだけでなく、プロジェクトで使用されている技術を明確にする必要があります。プロジェクトで使用されている技術を尋ねると、あなたが尋ねるとき、あなたは基本的にロストを通過します。より上級または上級のフロントエンド面接の場合は、ジュニアおよび中級レベルの面接とは少し異なる場合があります。もちろん、上級フロントエンドの面接の場合、会話はより深く、より広くなる可能性があります。この記事では、ミドルエンドおよびアドバンストフロントエンドについて説明したいトピックについて簡単に説明します。

1.フロントエンドエンジニアリング

关于前端工程化,是一个很大的命题,你在知乎上搜索前端工程化,会有一些文章,这些文章可以帮助你理解前端工程化。

说一下我理解的前端工程化吧,前端工程化不单单包括前端的模块化、组件化、自动化,还包括前端性能优化,前端目录规划,前端规范化,自动化测试,发布等等一系列知识。这里我就不一 一介绍了,感兴趣的也可以去读读张云龙的文章:

面接の質問と回答の詳細については、WeChatでご覧ください。

ここに画像の説明を挿入

2、フロントエンドデザインモード

其实这里可以作为一篇文章来书写了,不过,假如你不了解,可以网上搜了一下前端设计模式,关于设计模式也是有不少文章的。

3つのフロントエンドセキュリティの問題

当然,这个是老的话题,有的在初中级前端面试中也会提及到。但是在中高级面试的时候,你要说出前端安全性问题防御,及前端常见安全性问题的攻击原理是什么。
1、xss跨站脚本攻击(原理、如何进行的、防御手段是什么,要说清楚)

2、CSRF跨站请求伪造(如何伪造法?怎么防御?等等都要说清楚)

3、sql脚本注入(注入方式,防御方式)

4、上传漏洞 (防御方式)

4.クロスドメインの問題の処理

关于跨域,我前面很多文章也提及了,浏览器跨域访问解决方案,这篇文章可以看一下。

另外,面试官可能会问及 cookie跨域及localStorage跨域问题,关于这一点,也可以看我之前刚刚写的文章:http://www.haorooms.com/post/kuayu_localstorage_cookie

5つのフロントエンドデータ暗号化

关于前端加密方式及前端加密,这个我在项目中实际用的也不多,微信小程序中可能会用到,
我很久很久之前也写过类似的文章,请看:javascript用户密码加密,js密码加密

7.ナレッジポイントの概要
上記の質問は一般的なフロントエンドの質問である可能性があり、次の質問はすべて関連するナレッジポイントである可能性があります。ここに簡単な要約を示します。

1 webpack相关
这个考察你对webpack的理解是使用程度。

例如可能考察如下知识点:

1、hash(contenthash, chunkhash)

2、多页面配置

3、发布上线流程

4、如何加快打包速度,减少打包体积

5、和其他工具的区别(grunt,glup,rollup,parcel,Browserify)

2、状态管理器相关
主要是flux、redux、vuex等

主な問題は次のとおりです。

一、flux、redux、vuex数据流向,(例如:点击按钮触发到状态更改,数据是如何流向的?)

例如flux:

1、用户访问 View
2、View 发出用户的 Action
3、Dispatcher 收到 Action,要求 Store 进行相应的更新
4、Store 更新后,发出一个"change"事件
5、View 收到"change"事件后,更新页面

2つ目は、vuexとreduxの違いです

3つ、vuexデータフロー?なぜこのデータフローに従うのですか?ミューテーションのcommitメソッドを使用する代わりに、ページ上で直接状態を変更するとどうなりますか?

3.Vue関連

vue相关的问题有很多。仅举例:

1、vue-router如何做历史返回提示?

2、vue-router如何做用户登录权限等?

3、vue生命周期

4、vue组件通信

5、vue服务器渲染

6、vue性能优化

4.Nodejs関連

1、nodejs常用模块

2、nodejs爬虫

3、nodejs 

4、nodejs请求如何返回大文件

面接の質問と回答の詳細については、WeChatでご覧ください。

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_42981560/article/details/106214963