前端To do list

20181014update: 可以不写了,开心

迫于生计,要从零开始学习前端。

由于之前的to do list 年代久远+ 前端的技术栈可之前几乎没有关系,因此新开一篇记录。

  • css盒子模型
  • 布局,flex
  • 前端debug的方法
  • javascript,有空可以使用js刷leetcode练习语法
  • typescript
  • jsx,以及jsx的typescript版tsx
  • 学习axios https://alligator.io/react/axios-react/
  • 学习dva: https://github.com/sorrycc/blog/issues/62
  • 学习umijs https://umijs.org/zh/guide/with-dva.html#%E7%89%B9%E6%80%A7

typescript学习笔记

先放参考资料:

TypeScript 入门教程

React & Webpack

react-typescript-cheatsheet (强推一波,讲了很多react+ts的实践)

typescript是javascript的语法扩展。。。好处是提供了类型。。可以在编译(结果为js文件)的时候提供静态的类型检查。。。

typescript的问号语法:标记某个参数为可选。

例子:

 

关于typescript的类型推断。。如果在定义时直接赋值则会进行推断,否则会推断类型为any.

 

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法

类型断言:

类型断言不是类型转换,断言成一个联合类型中不存在的类型是不允许的

泛型:

泛型约束:传入的模板参数必须包含接口的形状:

上面的代码表示,传入的参数必须包含一个类型为number,名字为length的属性

这里要强调的是,这里名字是重要的。如果把length改为其他名字,将不能通过编译。

 

定义一个普通的class属性(不是props)的办法:

在构造函数之前声明即可,参考如下代码中的pointer:number