2020年04月_haoyanyu_

原创 typescript学习重难点总结--可索引类型,interface, type, 泛型, keyof,工具泛型等

ts代码编译原理核心原则之一：对值所具有的结构进行类型检查（鸭式辩型）ts数据类型ts的数据类型基础的有string, number, boolean, any, null, undefined, never, 数组类型等等等。ts里还有一些内置类型例如在html中DOM元素的一些类型，实现复制功能时用到过HTMLTextAreaElement， Selection，Range等点击...

2020-04-23 15:13:44 3746

原创 typescript基础——泛型

泛型定义指在定义函数，接口或者类的时候，不预先指定具体的类型，在使用的时候再指定类型的一种特性；使用例如：定义一个函数，创建指定长度和值的数组function createArray(len: number, value: any): Array<any> {}这样写的缺点是，没有准确的定义返回值的类型使用泛型修改一下：function createArray<T...

2020-04-20 17:48:33 184

原创 css--实现img图片填充，剪裁效果

业务背景实现一个轮播图，轮播区域宽度自适应，高度100px; 图片分辨率由用户上传获得。为了让图片不变形，需要对图片进行居中裁剪。实现使用css的属性 object-fit： cover原理css可替换元素展示效果不是由css决定，是一种外部对象，它们外观的渲染独立于csscss不会影响到其中内容的展示，只能改变它的位置，和内容在框里的位置或者定位方式。例如object-...

2020-04-20 14:48:34 11130

原创 typescript基础——函数

定义函数函数的输入输出要进行类型的定义，函数的参数一旦定义好以后，输入多或者少都是会编译报错的，返回类型也必须跟定义的一致；// 1function fun(a: string, b: number): number { return parseInt(a + b);}// 2 这种写法只对右侧的匿名函数进行了类型定义，左侧的funs只能通过类型推断得出const funs = ...

2020-04-11 18:11:12 143

原创 typescript基础——数据类型和类型断言

typescript是一种给javascript添加特性的语言扩展。扩展功能包括：类型批注和编译时类型检查类型推断类型擦除接口枚举Mixin泛型编程名字空间元组Await变量声明let [变量名]: [数据类型] = 值数据类型any 任意类型声明为any的变量可以赋予任意类型的值不明确变量类型时使用；改写现有代码时，在编译时选择性的包含或者移除类型检...

2020-04-07 15:29:01 796

原创《css世界》笔记-文档流以及流的破坏与保护

《css世界》笔记何为“流”？“流”是CSS世界中的基本定位和布局机制；CSS世界构建的基石是HTML， html最具代表性的两个基石块级元素<div>, 内联元素<span>。流体布局：就是利用元素“流”的特性实现的各类布局效果，因为“流”本身具有自适应特性。流体布局是自适应布局（凡是具有自适应特性的布局统称）的一种实现，例如表格布局设置为100%...

2020-04-06 23:00:26 352

原创 mac上安装nvm管理node版本以及nvm如何设置node默认版本

安装curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash验证输入nvm --version如果提示命令不存在可以重新打开终端试一下可能因为缺少.bash_profile文件运行touch ~/.bash_profile创建一个文件，输入一下内容export NVM...

2020-04-05 16:45:15 3219 2

原创 git踩坑系列 — git push时，报错 Commit validation failed for commit

开头一堆废话，可直接跳到文末事情是这样发生的：一直用vscode作为代码编辑器，终端也是用vscode自带的。某个阴天的上午，我准备git push我的代码，push之前，我先pull了一下远程代码，不巧的是，有冲突。于是，全神贯注的解决完冲突后，重新commit了一下，commit时，没有自己描述commit信息，而是用的vscode自动生成的Merge branch。。。。那一串描述文...

2020-04-03 16:00:42 1424

原创关于如何生成sshkey

查看已有sshkeyls -al ~/.ssh如果有sshkey，直接复制内容即可生成新的sshkeyssh-keygen -t rsa -C "my-email@163.com"默认会在相应路径下（/your_home_path）生成id_rsa和id_rsa.pub两个文件复制sshkey内容macpbcopy < ~/.ssh/id_rsa.pubwindows...

2020-04-01 10:23:40 135

haoyanyu_的博客