新手上路第5天
- 这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天
- 今天打卡的是js和typescript,通过在掘金上的视频讲解,对js和ts的代码有了一定的认识,由于代码部分基础薄弱,有时候视频上的代码不能完全理解,只能根据自己的猜测来写一些东西
-
- 教材有厚薄两本,分别是日益增厚的犀牛树和精华部分蝴蝶树,对在写js部分时,应该遵循以下几点:
- html/css/js各司其职
- 应当避免不必要的有js直接操作样式
- 可以用class来表示状态
- 纯展示类交互来寻求零js方案
- 封装组件,首先解释什么是组件,组件是指Web页面上抽出来一个个包含模版(HTML)、功能(Js)和样式(CSs)的单元。好的组件具备封装性、正确性、扩展性、复用性。基本方法为:结构设计,展现效果,行为设计(api,event)
-
- 解释了ts的几个版本).2014-10: Angular 发布了基于TypeScript的2.0版本·2015-04:微软发布了 Visual Studio Code· 2016-05: @types/react发布,TypeScript可开发 React.2020-09: Vue发布了3.0版本,官方支持 TypeScript2021-11:v4.5版本发布
- TypeScript 是 JavaScript 的语法超集,它添加了静态类型,近几年的发展中,也受到诸多开发者的喜爱。Typescript 的社区逐渐壮大,日趋完善,为越来越多前端开发者提供服务。
- 然后重要记一下的是两个关键字:
- 关键字[extends ]跟随泛型出现时,表示类型推断,其表达可类比三元表达式如T ===判断类型?类型A:类型B
- 关键字[infer] 出现在类型推荐中,表示定义类型变量,可以用于指代类型如该场景下,将函数的返回值类型作为变量,使用新泛型R表示,使用在类型推荐命中的结果中