JavaScript的常见用途和书写规范，全网疯传

前言

在初学前端的时候&＃xff0c;我们总会遇到一些问题&＃xff0c;我们可以在网上看到很多关于前端的这些问题&＃xff1a;

你们都是怎么学web前端的&＃xff1f;
零基础&＃xff0c;怎么自学好前端&＃xff1f;
前端需要学多久&＃xff0c;都学哪些知识&＃xff1f;
想成为一名合格的前端工程师&＃xff0c;需要掌握哪些技能&＃xff1f;

下面是给初学前端的小伙伴分享的学习路线。

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

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

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

&＃xff08;1&＃xff09;空格 
&＃xff08;2&＃xff09;小于号<
&＃xff08;3&＃xff09;双引号"
&＃xff08;4&＃xff09;单引号'
&＃xff08;5&＃xff09;&与符号&
&＃xff08;6&＃xff09;大于号>

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

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

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

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

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

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

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

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

最后的最后

面试题千万不要死记&＃xff0c;一定要自己理解&＃xff0c;用自己的方式表达出来&＃xff0c;在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取

[外链图片转存中…(img-8mQUnt67-1622806526727)]

[外链图片转存中…(img-BXBouyLq-1622806526728)]