95页初级前端模块笔记分享，吐血整理

迈不过友情╰ 2022-10-05 10:57 158阅读 0赞

### 前言 ###

> 昨天有幸去字节面试了，顺便拿到了offer，把还记得的东西写下来，供大家参考一下。

# 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的生命周期及不同生命周期的含义？** #

![67fac5d7dcaf20713ae6c9eae19ffdd1.png][]

![ab6916a0556b69ac73a93edf5b4716d7.png][]

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各取所需的分发给所有的组件。

![c0039a031f457ca53e9581989e608bfc.png][]

**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和避免跨大版本导致的升级影响较大的问题。

### 最后 ###

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

[**资料领取方式：点击这里免费领取前端全套学习资料**][Link 1]

![css源码pdf][css_pdf]

![JavaScript知识点][JavaScript]  
中…(img-cpugxFnm-1623148300506)\]

\[外链图片转存中…(img-AGQLllQd-1623148300508)\]

[67fac5d7dcaf20713ae6c9eae19ffdd1.png]: /images/20221005/fabdb3f3df5d4d11b41a8d878e0b8c4a.png
[ab6916a0556b69ac73a93edf5b4716d7.png]: /images/20221005/8ce14757c42046fbb7adc1fd6445e405.png
[c0039a031f457ca53e9581989e608bfc.png]: /images/20221005/576f04956ba54b49a32ae5abf0d2e573.png
[Link 1]: https://docs.qq.com/doc/DSlNuUUFPWmpZVlJh
[css_pdf]: /images/20221005/6bf0721d18a8437bba38a8f4b8e5459c.png
[JavaScript]: /images/20221005/427990314c3b4ef2aac14f6542c36a21.png