- 博客(15)
- 收藏
- 关注
原创 Webpack五个核心概念
1、Entry: 入口(Entry)指示webpack以那个文件为入口起点开始打包,分析构建内部依赖。2、Output: 输出(Output)指示webpack打包后的资源bundles输出到哪里去,以及如何命名。3、Loader: Loader让Webpack能够去处理那些非js文件。4、Plugins: 插件(Plugins)可以用于执行范围更广的任务。插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量等。5、Mode: 模式(Mode)指示Webpack使用
2020-12-23 15:50:39
233
1
原创 HTML5Canvas基础使用
首先要先在HTML中创建一个画布<canvas id='myCanvas' width='200' height='100'></canvas>然后在JS中获取到canvaslet canvas = document.querySelector('#myCanvas')再然后创建context对象let ctx = canvas.getContext('2d')接下来就可以绘画了绘画方法:(设置代码写在绘制代码之前)*(1)fillStyle:设置填充颜色(
2020-12-09 16:21:23
102
原创 ts中枚举的用法
1.创建枚举enum 枚举名称 {成员1,成员2,...}创建枚举通过enum关键字创建,关键字后面加上枚举名称,在后面加上花括号,花括号里面放入枚举的成员,枚举成员可以有多个。枚举名称、成员名称首个字母大写,多个成员之间用逗号隔离。示例://家庭枚举:妈妈,爸爸和我enum Family {Mom,Father,Me}2.使用枚举枚举是一种类型,可以作为变量的类型注解enum Gender {Female,Male}let userGender:Gender访问枚举中的成员,作
2020-12-06 16:16:56
7153
1
原创 TypeScript的静态类型的基础使用
let app: number = 1;TypeScript的静态类型的含义:以内容里的app为例,一旦将app设置为number类型,那么app这个变量则无法将它赋值成其他类型,只能为number类型。TypeScript的静态类型的设置:声明变量时在变量之后加入:和数据类型即可。interface mingxing {name:strig,age:nubmer}let xiaohong: mingxing = {name:xiaohong,age:18}TypeScrip
2020-12-01 15:30:51
199
原创 TypeScript的基础使用
安装node.jsnode.js官网安装TypeScriptnpm install typescript -g (全局安装)想要运行ts文件,必须先将ts文件转换成js文件(以demo.ts文件为例)tsc demo.ts然后再运行js文件即可node demo,js可安装自动转换插件ts-nodenpm install -g ts-node安装后可直接执行ts文件ts-node demo.ts...
2020-12-01 15:15:17
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人