95页初级前端模块笔记分享，经典好文

前言

又逢金三银四，拿到大厂的offer一直是程序员朋友的一个目标，我是如何拿到大厂offer的呢，今天给大家分享我拿到大厂offer的利器，前端核心知识面试宝典，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题\数据结构与算法。

整个面试宝典的内容很详细，很多知识点在总结的时候可能还是会有一些纰漏，本宝典所包含的知识点不会在文章中将所有内容都展示给大家，全部都整理在了一个pdf里面，对大家面试有帮助的可以在文末免费领取！

1、ant-design的使用总结及常用组件和他们的基本用法?

ant-design为React，Angular和Vue都提供了组件，同时为PC和移动端提供了常用的基础组件。ant-design提供的demo非常的丰富并且样式能够基本的覆盖开发需求。antd的Demo因为是多人编写的，所以可以看到不同样式的实现都有，可以很好的满足不同开发的风格。

常用的组件有：Button，Form，Radio，Select，TimePicker，Upload，Table等。使用时需要可以参考Demo来编写，并且在组件界面页的最后面有属性的介绍和注意点。能够很方便的来实现效果。

2、前端常用的字符实体有哪些及怎么书写？

因为存在预留字符，当需要显示这些字符的时候，那么可以使用字符实体。 常用的字符字体有:

（1）空格 
（2）小于号<
（3）双引号"
（4）单引号'
（5）&与符号&
（6）大于号>

3、react的生命周期及不同生命周期的含义？

1）constructor中进行state的初始化。
2）componentDidMount中进行异步加载数据，添加事件监听。
3）getDerivedStateFromProps中将传入的props更新到state上。
4）componentDidUpdate中处理因为state变化触发的请求。

4、常用的图表绘制工具有哪些，可以实现哪些功能？

EChats提供不同平台的多维度的数据展示，并支持多设备和多种可视化类型，
比如:
折线图，
柱状图，
散点图，
饼图，
K线图等。

5、阿里云OSS文件上传的流程是怎么样？

因为涉及到OSS的key保存问题，所以最好将图片发送给后台，然后由后台将图片上传OSS并返回OSS的url。
图片选择使用ant-design的upload组件。

6、redux的主要作用和使用方式?

主要作用是：吧所有的state集中到组件顶部，能够灵活的将所有state各取所需的分发给所有的组件。

store: 保存数据的地方。整个应用智能有一个Store。
state： 包含所有数据，一个state对应一个view。只要state相同，view就相同。
action：View发出的通知action，改变state，从而改变view。修改state的唯一办法是使用Action。

7、升级项目依赖的第三方库要怎么操作？

使用npm outdated 可以查看npm中有最新版本的包,然后使用ncu -u 进行依赖库的升级，最后使用npm install进行新版本的安装就可以了。

其中ncu是nom-check-updated的工具，通过npm install -g npm-check-updates来安装。 升级完成后，需要查看依赖的第三方库的版本是否有大版本的升级，比如从1.x升级到2.x或者3.x升级到4.x，涉及到跨版本升级的，那么一定要小心，需要去对应的官方查看版本迁移记录，进行代码的升级。

所以一般是推荐定时进行第三方库的版本升级，可以有效的修复第三方库存在的bug和避免跨大版本导致的升级影响较大的问题。

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以免费领取。

cs.qq.com/doc/DSlNuUUFPWmpZVlJh)。

[外链图片转存中…(img-dYTBqYdw-1623049364073)]