0%

TypeScript的核心原则是对所有值具有的结构进行类型检查,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。比如:

1
2
3
4
5
6
7
interface HeroInterface {
name: string;
zh_name: string;
}
function createHero (hero: HeroInterFace) {
console.log(hero.name);
}

我们定义的HeroInterFace接口好比一个名字,用来描述我们的需要参数的样子,在这里我们可以看到,我们需要个有属性namezh_name属性的对象,且对象属性的类型也要正确。如果传入的对象满足上面的条件,那么它就是被允许的。

Read more »

在webstorm中编写node代码,需要引入一些库比如:

1
2
3
4
5
6
// 提供http服务端和客户端功能
let http = require('http');
// 提供文件系统相关功能
let fs = require('fs');
// 提供与文件系统路径相关功能
let path = require('path');

发现引入的语句上面的都有提示:unresolved function or method require,包括在使用库里面的方法的时候,都没有相应的提示,而且在方法上都有波浪号,也提示:unresolved function or method require,这就很蛋疼了。怎么解决呢?

Read more »

修改初始密码以及启用root账号

树莓派使用的linux是debian系统,所以树莓派启用root和debian是相同的。
debian里root账户默认没有密码,但账户锁定。当需要使用root权限时,由默认账户进行su操作。树莓派中默认账户是pi,密码为raspberry

Read more »

最近遇到个需求,需要在页面上点击一个复制按钮,然后复制对应的文本信息到剪贴板。脑子里完全是懵懵的,一般的处理都是页面的逻辑处理,还没有涉及过这方面的。

如何复制一段文本?当我们复制的时候,是先用鼠标选中某一段文字,然后按下ctl+c进行复制,那JavaScript如何操作浏览器呢?

Read more »

在angular中共有三种指令:

  • 组件(特殊的指令)
  • 结构指令,通过添加或移除DOM元素来更改DOM布局
  • 属性指令,改变元素、组件或其他组件的外观或行为

属性指令修改一个元素的外观或行为。

Read more »

组件交互,也就是多个组件之间共享信息。

输入类型-父组件传到子组件

可以用输入类型的装饰器@input来讲子组件的属性标记为是输入类型。

1
2
3
4
5
6
7
8
9
10
import { Component, OnInit, Input, Output } from '@angular/core';

export class HeroDetialComponent implements OnInit {
@Input() hero: Hero;
@Input('index') i: number;

selectThisHero(hero: Hero): void {
this.selectHero = hero;
}
}
Read more »

最近在学习ng2,正巧博客也从wordpress换到了hexo,使用下来觉得还挺好的。

angular的模板语法使用两个大括号来表示的{{}},然后我的博客又整理的是学习笔记,那么自然不可避免的在博客中会插入代码,所以出现了这个问题:

1
2
Unhandled rejection Template render error: (unknown path) [Line 4, Column 148]
unexpected token: }}
Read more »

TypeScript中的基本类型

布尔值 boolean

let isDone: boolean = false;

数字 number

和JavaScript一样,所有的数字都是浮点数 let score: number = 88;

Read more »

内置指令,分为属性型指令和机构型指令。

内置属性型指令

属性型指令通常会监听和修改其他html元素或组件的行为、元素属性(Attribute)、DOM属性(Property)。

几个常见的属性型指令:

  • NgClass 添加或移除一组css类
  • NgStyle 添加或移除一组css样式
  • NgModle 双向绑定到html表单元素
Read more »

html是angular模板的语言。几乎所有的html语法都是有效的模板语法。需要注意两点

  • <script>元素,被禁用了,以阻止脚本注入的风险。
  • <html> <body> <base>没有任何作用。
Read more »