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和避免跨大版本導致的升級影響較大的問題。

最后

一個好的心態和一個堅持的心很重要，很多沖著高薪的人想學習前端，但是能學到最后的沒有幾個，遇到困難就放棄了，這種人到處都是，就是因為有的東西難，所以他的回報才很大，我們評判一個前端開發者是什么水平，就是他解決問題的能力有多強。

分享一些簡單的前端面試題以及學習路線給大家，狂戳這里即可免費領取

.com/vip204888/web-p7)**

[外鏈圖片轉存中…(img-ooouFyQt-1626878422154)]

總結

以上是生活随笔為你收集整理的微信公众号前端开发教程，8个优秀的CSS实践的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。