colin_zhuo
- 浏览: 32473 次
- 性别:
- 来自: 深圳
-
最新评论
文章列表
https://blog.csdn.net/yangbingbinga/article/details/61424363
出现的问题：DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
解决的方法：npm install extract-text-webpack-plugin@next
类
1.1类的声明，Person.ts文件内容如下
class Person{
/**默认访问控制符为public
* private控制符修饰的变量或方法只能在本类内部使用，外部不可调用
* protected控制符修饰的变量或方法在本类内部和继承的子类调用
*/
name;
eat() {
console.log("I'm eating");
}
}
var p1 = new Person();
p1.name = "batman"; ...
箭头表达式
用来声明匿名函数，消除传统匿名函数的this指针问题 arrowFunction.ts文件内容如下
/**单行的匿名函数，不需要写大括号和return */
var sum1 = (arg1, arg2) => arg1 + arg2;
/**单个参数的匿名函数 */
var sum2 = arg1 => arg1;
/**没有参数的匿名函数 */
var sum3 = () => {
return;
}
/**匿名函数实例 */
var arr = [1, 2, 3, 4, 5];
console.log(arr. ...
Rest and Spread操作符
任意数量的方法参数，restAndSpread.ts文件内容如下
function test(...args ){
args.forEach(function(arg){
console.log(arg);
});
}
test('aaa', 'bbb');
test('aaa');
function test2(a, b, c) {
console.log(a);
console.log(b);
console.log(c);
}
var arr1 = ...
变量类型
typeTest.ts文件如下
/**字符串类型*/
var myname: string = "xiaoming";
/**数字类型 */
var age: number = 15;
/**布尔类型 */
var man: boolean = true;
/**任何类型 */
var alias:any = "alias";
alias = 13;
/**方法void类型 */
function test(name: string): void{
}
/**自定义类型 */
...
多行字符串 multipleLineCharacter.ts文件如
var content = `aaa
bbb
ccc`;
编译后的文件multipleLineCharacter.js如
var content = "aaa\nbbb\nccc";
字符串模板 stringTemplate.ts文件如
var myname = 'liming';
var getName = function () {
return 'liming';
}
console.log(`Hello,${myname}`);
console.log(` ...
安装命令为 npm install -g typescript
安装成功会在全局目录安装两个命令tsc（编译）和tsserver
Hello.ts的文件为
export class Hello{
}
在Hello.ts的目录下运行命令
tsc Hello.ts
生成Hello.js,代码为
"use strict";
exports.__esModule = true;
var Hello = /** @class */ (function () {
function Hello() {
}
return ...
先建立全画面填充层，后画路径
有纯色填充、渐变填充、图案填充。这里只举例纯色填充，如图
先画路径再填充
如图
纯色填充如图
渐变填充如图
图案填充如图
斜面与浮雕
如图
描边样式
如图
内阴影样式
如图
内发光样式
如图
光泽样式
如图
三种叠加样式
颜色叠加样式，如图
渐变叠加样式，如图
图案叠加样式，如图
外发光样式
如图
投影样式
如图
图层的新建复制与删除
如图
选择复制与链接图层
如图
图层的锁定
如图
图层组
如图
图层蒙版
如图
颜色的调配
色板面板和颜色面板，如图
拾色器，如图
三种屏显模式
如图
抓手工具
如图
旋转视图工具
如图
缩放工具
如图
导航器
如图
字符面板
如图
段落的设置
如图
路径与文字结合设计
如图