上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 30 下一页
摘要: 函数是JavaScript应用程序的基础。 它帮助你实现抽象层,模拟类,信息隐藏和模块。 在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义 行为的地方。 TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用。 和JavaScript一 阅读全文
posted @ 2021-11-03 18:31 keyeking 阅读(29) 评论(0) 推荐(0) 编辑
摘要: typeScript中的数据类型 typescript中为了使编写的代码更规范,更有利于维护,增加了类型校验,在typescript中主要给我们提供了以下数据类型 布尔类型(boolean) 数字类型(number) 字符串类型(string) 数组类型(array) 元组类型(tuple) 枚举类 阅读全文
posted @ 2021-11-03 16:41 keyeking 阅读(248) 评论(0) 推荐(0) 编辑
摘要: Typescript安装 npm install -g typescript 查看安装的版本 tsc -v 我们新建一个1.ts文件 注意:浏览器不能直接识别并编译typescript的文件,需要将其转换成es5 输入命令 tsc 1.ts 我们就会看到转换成的js文件 此时我们每次修改文件都需要输 阅读全文
posted @ 2021-11-03 15:04 keyeking 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 打开powershell终端面板 输入命令:vue ui 此时就会弹出一个面板 点击创建 选择好路径和文件夹之后点击在此创建新项目 然后点击下一步 然后下一步 在功能面板中选择项目需要使用到的功能,比如vue-router,vuex等 然后点击下一步 然后点击创建项目,此时就会提示你是否保存预设(想 阅读全文
posted @ 2021-11-01 20:35 keyeking 阅读(1215) 评论(0) 推荐(0) 编辑
摘要: 1. 内置数学函数 基本使用 @width: ceil(10.001); .box{ width: @width; height: @width; background-color: red; } ceil方法表示向上取整 函数以及描述 实例 结果 ceil向上取整 ceil(10.001) 11 阅读全文
posted @ 2021-10-31 22:39 keyeking 阅读(111) 评论(0) 推荐(0) 编辑
摘要: less提供了两种方式对css的属性进行合并,一种方式是用逗号隔开,一种方式是空格隔开,这两种方式也是遵循css的多个参数的语法规范 之前我们使用合并的方法 .mixin() { padding: 10px; } .box{ .mixin; width: 200px; height: 200px; 阅读全文
posted @ 2021-10-31 22:11 keyeking 阅读(186) 评论(0) 推荐(0) 编辑
摘要: Guard翻译过来就是守卫的意思,在less中的作用就是给less的属性添加判断条件 less除了基本的计算还可以进行逻辑判断 使用when关键字来表示判断条件加载的逻辑,后面是判断条件依据 基本使用 .mixin(@width,@height) when (@width >= 100) { wid 阅读全文
posted @ 2021-10-31 21:53 keyeking 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 基本使用 使用@import命令来进行导入 如果使用@import进行导入的时候,取决于不同的文件扩展名 基本使用 index.html <div class="box"> 123456789 </div> index.less @import "a"; @import "a.css"; .box{ 阅读全文
posted @ 2021-10-31 21:31 keyeking 阅读(1304) 评论(0) 推荐(0) 编辑
摘要: Extend是Less的伪类,它通过:extend选择器来获取另一个选择器的内容 <div class="box"></div> <div class="box2"></div> .box{ height: 200px; background: red; } .box2{ width: 200px; 阅读全文
posted @ 2021-10-31 20:33 keyeking 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 转义就是将浏览器不识别的带字符串的变量转义成不带字符串的浏览器识别的变量 案例: @bgc: "red"; .box{ width: 100px; height: 100px; margin-top: 10px; background-color: @bgc; } 在css中编译后的结果为: 上图中 阅读全文
posted @ 2021-10-31 20:10 keyeking 阅读(63) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 30 下一页