- 博客(8)
- 资源 (7)
- 收藏
- 关注
原创 html知识点之利用css四边形切角并且加上边框
前言这几个月做了很多前端工作,其中一个需求还是蛮头疼,UI给的图上面的四边形是一个带斜边的,直接用背景图可以实现,但是会出现各种布局的问题,比如内容太大了,边框不会跟着扩大,废话不多说,这里写一些如何利用css话四边形带有斜边,并且给斜边加边框,在这之前,先简单说一下需要用到的函数linear-gradient()函数#grad { background-image: linear-gradient(red, yellow, blue);}看上面的代码是从头部开始的线性渐变,从红色开始,转为
2020-09-14 20:06:07 3903 2
原创 typeScript知识点之装饰器的使用
前言装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,属性或参数上,可以修改类的行为。通俗的讲装饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有:类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法:普通装饰器(无法传参) 、 装饰器工厂(可传参)类似于java设计模式中的装饰模式。类装饰器类装饰器在类声明之前被声明(紧靠着类声明)。 类装饰器应用于类构造函数,可以用来监视,修改或替换类定义。 传入一个参数普通装饰器(无法传参)fun
2020-09-10 16:54:03 411
原创 typeScript知识点之泛型的使用
前言泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持,让组件的复用性更强。例如你有一个需求,需要写一个方法,但又需要同时支持number和string两种数据类型的参数,这个时候,你就必须定义两个方法,但你也可以定义传入的参数类型为any,但是这样就无法限制传入参数的类型。泛型的基本使用传统方法function getData1(value:string):string{ return value;}function getData2(value:number):num
2020-09-09 18:06:56 210
原创 typeScript知识点之接口的定义和使用
前言typescript中的接口。跟java中的用法基本上是一样的,跟类也有类似的地方,比较简单,其目的也是为了规范代码,例如定义一个属性接口,则传入的数据必须包含这些字段,如果定义一个方法的接口,则实现他的类必须实现他的所有方法。属性类接口属性类接口,就是定义一个接口,里面有n个字段,然后作为参数,或者结果接受,这样可以规范参数的名称和类型。传统的typescript中是这样写的function printLabel(label:string):void { console.log('p
2020-09-09 15:37:48 858
原创 typeScript知识点之类的定义和使用
前言原来typescript中还有类。简直跟java一毛一样了。。类中可以定义属性,可以定义方法而且还有继承、多态,学会java的应该比较容易理解吧类的基本定义class Person{ name:string; constructor(name:string){ //构造函数 实例化类的时候触发的方法 this.name=name; } getName():string{ return this.name; }
2020-09-08 17:55:29 444
原创 typeScript知识点之函数的使用
前言typescript中函数的定义跟es5 es6中的方式可能不太一样,其中包含函数返回值、匿名函数、函数重载、函数传参等最基本的函数定义无参数 function run():string{ return 'run'; }有参数function getInfo(name:string,age:number):string{ return `${name} --- ${age}`; }无返回值函数 function run():void{ console
2020-09-08 17:32:01 238
原创 typeScript知识点之数据类型的使用
前言在传统的js语法中,所有数据类型直接用var a=xxx,typescript中,为了使编写的代码更规范,更有利于维护,增加了类型校验,跟java一样,一个变量定义以后,你给他赋值必须是对应的数据类型,不然的话就会报错。在typescript中主要给我们提供了以下数据类型布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)元组类型(tuple)枚举类型(enum)任意类型(any)null 和 undefinedvoid类型.neve
2020-09-08 16:02:14 324
原创 redux及react-redux的使用(大致使用方法)
前言学习react之后,我们知道react中的传值是通过props,但其仅限于父子组件之间的传值,如果一个项目层级很深(如某个全局样式),而又需要从第一个层级传到最后一个层级,如果使用props一层一层的传值很麻烦,而且容易出错,所以针对这个问题,使用react-redux比较好!以前的文章写过上下文传值的方式,但其也比较麻烦,慎重,容易给自己挖坑!虽然redux和react-redux的实现原理也是在上下文的基础上实现的,但是其被封装并且已经比较成熟完善redux的使用使用redux值传递流程
2020-09-03 17:06:54 710
Erlang-win64_20.1
2018-04-18
模拟ATM登陆取款存款修改密码程序
2016-01-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人