技术标签: web前端 typescript
缺点:
// 接口可以提取不同类中的一些共性,因为通过继承无法实现
// readOnly 只读,?可选
interface Person{
readonly id: number;
name: string;
age?: number;
}
let sc: Person = {
id: 123,
name: 'sc',
}
// sc.id = 456;
// readOnly是用在属性上的,const是用在变量上的
const add = function add(x: number , y: number, z: number = 10):number{
if(typeof z === 'number'){
return x + y +z
}
return x + y;
}
const add2: (x: number, y: number, z?: number) => number = add
// 类型推断
let str = 'sc'
类(Class):定义了一切事物的抽象特点
对象(Object):类的实例
面向对象(OOP):封装、继承、多态
public代表公有是默认选项;private是私有的,只有在类中可以访问,实例的对象不可以访问,继承的类无法访问;protected表示受控制的,继承的子类可以访问。
// 封装
class Animal {
// 只能读,无法修改
readonly name: string;
// static是静态属性或方法,直接用Animal.categoies访问,不需要实例对象
static categoies: string[] = ['mammal', 'bird'];
static isAnimal(a){
return a instanceof Animal
}
constructor(name: string){
this.name = name
}
run() {
return `${
this.name} is run`
}
}
console.log(Animal.categoies)
const snake = new Animal('sc')
console.log(Animal.isAnimal(snake))
// 继承
class Dog extends Animal{
bark() {
return `${
this.name} is barking`
}
}
const xiaoming = new Dog('xiao ming')
// 多态
class Cat extends Animal{
constructor(name){
super(name)
console.log(this.name)
}
run(){
return `Meow, ${
super.run()}`
}
}
const mao = new Cat('mao')
// console.log(mao.run())
interface Radio {
switchRadio(): void;
}
interface Battery{
checkBatteryStatus();
}
interface RadioWithBattery extends Radio{
checkBatteryStatus();
}
class Car implements Radio{
switchRadio(){
}
}
class Cellphone implements RadioWithBattery{
switchRadio(){
}
checkBatteryStatus(){
}
}
enum Direction{
Up,
Down,
Left,
Right
}
// Up
conosle.log(Direction[0])
解析出来:
enum Direction{
Up = 'UP',
Down = 'DOWN',
Left = 'LEFT',
Right = 'RIGHT'
}
可以使用枚举的特性,但是编译后不会有js的逻辑,可以提升性能
const enum Direction{
Up = 'UP',
Down = 'DOWN',
Left = 'LEFT',
Right = 'RIGHT'
}
function echo <T> (arg: T): T{
return arg;
}
const result = echo(true)
function swap<T, U>(tuple: [T,U]): [U, T]{
return [tuple[1], tuple[0]]
}
const result2 = swap(['strinlus
// 约束泛型
function echoWithArr<T>(arg: T[]): T[]{
console.log(arg.length)
return arg;
}
const arrs = echoWithArr([1,2,3])
interface IWithLength{
length: number
}
function echiWithLength<T extends IWithLength>(arg: T ): T{
console.log(arg.length)
return arg;
}
const str1 = echiWithLength('123')
const ogj = echiWithLength({
length: 10, width: 10})
const arr2 = echiWithLength([1,2])
class Queue<T>{
private data = [];
push(item: T){
return this.data.push(item)
}
pop(): T{
return this.data.shift();
}
}
const queue = new Queue<number>();
queue.push(1.2)
console.log(queue.pop().toFixed())
const queue2 = new Queue<string>();
queue2.push('str')
console.log(queue2.pop().length)
interface KeyPair<T,U>{
key: T;
value: U;
}
let kp1: KeyPair<number, string> = {
key: 123, value: 'ad'}
let kp2: KeyPair<string, number> = {
key: '123', value: 123}
let arr: number[] = [1,2,3]
let arrTwo: Array<number> = [1,2,3]
// interface 描述函数
interface IPlus<T>{
(a: T, b: T): T
}
function plus(a: number, b: number): number{
return a + b;
}
const a: IPlus<number> = plus
// 类型别名 type aliases
type PlusType = (x: number, y: number) => number
function sum(x: number, y: number): number{
return x+ y;
}
const sum2: PlusType = sum;
// 联合类型下的使用场景
type NameResolver = () => string
type NameOrResolver = string | NameResolver
function getName(n: NameOrResolver): string{
if(typeof n === 'string'){
return n;
}else{
return n();
}
}
// type assertion
function getLength(input: string | number) : number {
// const str = input as String;
// if(str.length){
// return str.length
// }else{
// const str = input as Number;
// return str.toString().length
// }
if((<String> input).length){
return (<String> input).length
}else{
(<Number> input).toString().length
}
}
其实就是声明了参数类型和返回结果等,有一些高质量的type库,如:@types/react
declare var jQuery: (selector: string) => void
文章浏览阅读1.2k次。Maxeler还提供了一种类似于Java的编程语言,称为MaxJ,用来对数据流图进行描述和建模。然后通过对应的编译器MaxCompiler,将数据流图映射到底层的FPGA硬件平台,从而对上层用户虚拟化了底层电路逻辑的具体实现。目前,这套数据流引擎架构已经被用在多个高性能计算的应用场景,比如蒙特卡洛仿真、金融风险计算、科学计算,以及一些新兴的应用场景,如卷积神经网络(CNN)的硬件加速等等。在虚拟化框架协议方面的另一个主要工作是对MapReduce框架的FPGA支持。MapReduce是Google提_fpga虚拟化
文章浏览阅读3.4k次。欢迎转载,转载请保留原作者信息 欢迎交流学习,共同进步! 作者:颜海峰 个人博客:http://yanheven.github.io 微博:海峰_云计算 http://weibo.com/344736086Neutron 网络类型介绍计算节点配置 Load Balance网络节点配置 Load Balance配置Neutron 使用 Load Balance Mechanism Driver_neutron自定义组网
文章浏览阅读351次。安装了一下午的vs2013,本来觉得挺简单的事情用了这么多时间,瞬间有种挫败感,一边解决问题的同时看了一篇博客,突然觉得写博客是很有意思的一件事,就把安装遇到的问题写一下吧1.下载vs2013首先需要下载才能安装嘛,下载地址:http://www.ddooo.com/softdown/56303.htm(下载就用了很久)2.安装下载后得到ios文件,直接解压缩或用虚拟光驱加_虚拟机装vs2013
文章浏览阅读1.3k次。1.隐语义模型2.word2vector模型在推荐系统当中的应用3.推荐系统评估指标打分系统:均方根,平均绝对误差top n 推荐:准确率(推荐正确的/推荐的)vs召回率(推荐正确的/用户实际浏览的)覆盖率(对平台而言):推荐系统消除马太效应,覆盖率计算商品的曝光率,引入信息商,每个商品曝光的概率一样时信息熵最大多样性(对用户而言推荐item不是单一的):相似度时效性等。。。4.推荐系统(基于内容..._word2vector 用户画像
文章浏览阅读9.7k次,点赞26次,收藏36次。记录知识,形成体系。_计算机网络广播地址是目的地址吗
文章浏览阅读364次,点赞4次,收藏6次。推荐开源项目:JPEG Encoder - 高性能图像编码库项目地址:https://gitcode.com/thejinchao/jpeg_encoder项目简介JPEG Encoder 是一个由TheJinchao开发的高性能、轻量级的JPEG图像编码库,致力于提供快速且高效的JPEG编码能力。这个项目的目的是为开发者提供一种简单易用的API,以便在各种平台和项目中无缝集成JPEG编码功...
文章浏览阅读809次,点赞28次,收藏27次。网络安全行业产业以来,随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源,但基本上都残缺不全的,这是我自己录的网安视频教程,上面路线图的每一个知识点,我都有配套的视频讲解。
文章浏览阅读665次。最近看了有名的yahoo关于前端性能优化的文章,做了一下笔记。减少HTTP请求减少网页中组件的数量,例如图像,样式表,脚本等。将样式表单和脚本组合成单个文件。CSS Sprites方法,将所有小图标做成一幅图像,设置成背景,用CSS控制具体显示的区域。qq.com中使用的CSS SpritesImage maps方法,将多个连续的图像组成一幅图像,指定图像不同区域不同的表现(链接等)。不建议。使用..._图片加速
文章浏览阅读7k次,点赞2次,收藏14次。一、概述Jasypt 为开发人员提供一种简单的方式来为项目增加加密功能,该技术可用于加密任务与应用程序,例如加密密码、敏感信息和数据通信、创建完整检查数据的sums. 其他性能包括高安全性、基于标准的加密技术、可同时单向和双向加密的加密密码、文本、数字和二进制文件。Jasypt也可以与Acegi Security整合也即Spring Security。Jasypt亦拥有加密应用配置的集成功能,..._jasypt pbewithmd5anddes
文章浏览阅读300次。1. 简易基本版 sweetalert 涵盖日常基本的弹出及对话框2. 升级版本 sweetalert2 满足常见开发工作中的各种要求3 取消 OK 按钮, 只需要设置 showConfirmButton: false, Swal({ title: 'Oops...', text: 'Something went wrong!', ..._sweetalert2消息提示去掉确定按钮
文章浏览阅读3.3k次。小编典典你可以简单地在AJAX的帮助下完成此操作…这是一个示例,该示例调用python函数,该函数在不重定向或刷新页面的情况下打印问候。在app.py中,将其放在代码段下方。#rendering the HTML page which has the [email protected]('/json')def json():return render_template('json.html')#ba..._htmlbutton调python函数
文章浏览阅读688次,点赞18次,收藏17次。导读:随着半导体技术和智能化技术的发展演进,越来越多的新技术在汽车领域得到了推广,汽车电器成本在整车成本中所占比重也在不断增长,实现车载控制器间数据交互的网络带宽也日益增长,CAN、FlexRay 等传统汽车网络带宽极限很难满足新一代汽车的发展需求。第三阶段,上述阶段更多的是聚焦于个别指定的子系统, 基于的前两个阶段的积累,将开启以太网为汽车主干网络, 集成动力总成、底盘控制、车身控制、数字座舱等,形成一个跨域汽车以太网网络,并逐步引入 TSN,Giga Mbps 超高速汽车以太网等技术。