最后
小编综合了阿里的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
虽只说了一个公司的面试,但我们可以知道大厂关注的东西并举一反三,通过一个知识点延伸到另一个知识点,这是我们要掌握的学习方法,小伙伴们在这篇有学到的请评论点赞转发告诉小编哦,谢谢大家的支持!
- 解决方法:
-
定义对象的接口,但是往往后端数据是不能确定的,这个时候使用第二种方法
-
将这个对象设置为any,关闭语法检测🧡
new Promise<any>
这样写会经常用到,any指代的是resolve()括号里的数据
never类型一般用在不可能返回内容的函数的返回值类型设置。一般将变量设置为never类型没有意义。never需要用在没有尽头的函数,像死循环函数,像报错函数。
- 报错图:
-
原因:除了never类型本身可以赋值给never,其他类型都不可以分配给never(any也不行)
-
解决方法:
类型断言,告诉TS我知道是never类型💚
写个小demo,方便理解
- demo:先执行等号右边的表达式,所以先赋值
分析:由上可知,赋值就可以解决,但此处类型是需要符合JSX.Element,而且后面做if判断。
注意:如果赋值
<></>
空标签,if判断会出错。
- JSX.Element ≈ ReactElement ⊂ ReactNode
关键:想办法让
:JSX.Element
初始值为假
- 解决1:去掉JSX.Element,但显然不对,只是关闭了语法检测;
- 解决2:用
|
多加一个选择参数类型给一个为假的值(💙)
五.思考?分析JSX.Element和ReactElement
分析
:JSX.Element
这个类型相关
备注:React.createElemen可以创建ReactElement
-
鼠标放到
JSX.Element
可以看到这个接口继承了React.ReactElement
。 -
网上了解到,ReactElement的类型可能值为
- 原生DOM标签:HostComponent
- 继承于react.Component或react.PureComponent的组件:ClassComponent
- 函数组件:Functional Component
- React的内置组件
- 尝试函数组件(空标签尝试:
空标签为真
值。),写法出错,应该像export defalt导出函数模块,然后赋值
类型“() => void”缺少类型“ReactElement<any, any>”中的以下属性: type, props, key;
<any,any>说明ReactElement的泛型接口类型为any
//JS:
React.createElement(
type,//第一个参数必填,表示传入的HTML最外层标签;
[props],//第二个参数选填,表示属性,如className;
[…children]//第三个参数选填,表示子节点或文本内容。
)
//TS
interface ReactElement<P = any, T extends string | JSXElementConstructor = string | JSXElementConstructor> {
type: T;
props: P;
key: Key | null;
}
总结:JSX.Element接口同ReactElement,JSX转JS时使用,有三个参数。💜
- 报错图:
-
原因,和第二、第三相似,不符合接口
-
解决,让不符合条件的函数返回值为any🤎
- 报错图:
最后
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始,原计划每天刷一道算法题,实际上每天有时候不止一题,一年最终完成了 600+:
凭借三年刷题经验,他在校招中很快拿到了各大公司的offer。
入职前,他把他的刷题经验总结成1121页PDF书籍,作为礼物赠送给他的学弟学妹,希望同学们都能在最短时间内掌握校招常见的算法及解题思路。
整本书,我仔细看了一遍,作者非常细心地将常见核心算法题和汇总题拆分为4个章节。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
而对于有时间的同学,作者还给出了他结合众多数据结构算法书籍,挑选出的一千多道题的解题思路和方法,以供有需要的同学慢慢研究。