0%

矩阵函数matrix()matrix3d()是理解css3变换的两个重要途径,在大多数情况下面,我们使用css3的变换语法糖函数translate()``skew()``rotate()以及scale()等函数来进行元素的变换。然而,每一个变换的语法糖后面都是一个等价的矩阵。了解矩阵变换对于了解css3到底是如何变换的是非常有用的。

Read more »

css3的transform属性允许元素样式在二维空间中通过css进行形变。css的视觉格式模型(visual formatting model)给每一个元素的放置(positioned)描述了一个坐标系统。位置和大小在坐标空间中(coordinate space)被认为是以像素表示的,开始于原点由确定的(positive)值至右至下。
css3-tranform-1
坐标空间可以通过transform属性来修改。使用transform属性,元素可以被移动(translate)、旋转(rotate)、缩放(scale)、扭曲(skew)。

Read more »

css的border属性是一个用于设置各种元素的边界样式的属性。比如我们常用的给一个元素设置边框:

1
border: 1px solid #ccc;

上面设置了一个宽度为1px,实线并且颜色为ccc灰色的边框。但除了这些简单的用法,我们还可以经过特殊设置,画出一些特殊的东西来,比如三角形或者其他不规则的东西。

Read more »

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 »