Typescript的学习之路
文章平均质量分 50
记录个人学习typescript,从开始到放弃!!
Warolitbos
这个人很懒,所以想学编程!
展开
-
【TypeScript】类的使用
类下面看一个使用类的例子:class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting; }}let greeter = new Greeter("world");如果你使用过C#或Java,你会对这种语法非常熟悉。原创 2022-02-08 16:11:13 · 128 阅读 · 0 评论 -
『ES6』ES6 - 学习笔记
比较 var 和 let 关键字的作用域使用 var 关键字声明变量时,它是全局声明的,如果在函数内部声明则是局部声明的。let 关键字的行为类似,但有一些额外的功能。 在代码块、语句或表达式中使用 let 关键字声明变量时,其作用域仅限于该代码块、语句或表达式。例如:var numArray = [];for (var i = 0; i < 3; i++) { numArray.push(i);}console.log(numArray);console.log(i);此处控原创 2021-12-31 09:20:02 · 371 阅读 · 0 评论 -
【TypeScript】箭头函数
在 JavaScript 和 TypeScript 里,我们会经常遇到不需要给函数命名的情况,尤其是在需要将一个函数作为参数传给另外一个函数的时候。 这时,我们会创建 匿名函数 。 因为这些函数不会在其他地方复用,所以我们不需要给它们命名。这种情况下,我们通常会使用以下语法:const myFunc = function() { const myVar = "value"; return myVar;}ES6 提供了其他写匿名函数的方式的语法糖。 你可以使用 **箭头函数 **:原创 2021-12-27 15:33:51 · 2413 阅读 · 0 评论 -
【TypeScript】防止对象改变
Object.freeze() 防止对象改变const 声明并不会真的保护数据不被改变。 为了确保数据不被改变,JavaScript 提供了一个函数 Object.freeze。任何更改对象的尝试都将被拒绝,如果脚本在严格模式下运行,将抛出错误。let obj = { name:"TypeScriptCode", review:"Awesome"};Object.freeze(obj);obj.review = "bad";obj.name = "Test";console.原创 2021-12-27 15:13:53 · 593 阅读 · 0 评论 -
【JavaScript】比较 var 和 let 关键字的作用域
比较 var 和 let 关键字的作用域使用 var 关键字声明变量时,它是全局声明的,如果在函数内部声明则是局部声明的。let 关键字的行为类似,但有一些额外的功能。 在代码块、语句或表达式中使用 let 关键字声明变量时,其作用域仅限于该代码块、语句或表达式。例如:var numArray = [];for (var i = 0; i < 3; i++) { numArray.push(i);}console.log(numArray);console.log(i);此处控原创 2021-12-27 14:46:27 · 493 阅读 · 0 评论 -
【TypeScript】parseInt 函数将字符串转换为整数
parseInt 函数字符串转换为整数parseInt() 函数解析一个字符串返回一个整数。 下面是一个示例:const a = parseInt("007");上述函数将字符串 007 转换为整数 7。 如果字符串中的第一个字符不能转换为数字,则返回 NaN。字符串转换为二进制整数parseInt() 函数解析一个字符串并返回一个整数。 它还可以传入第二个参数,指定了字符串中数字的基数。 基数可以是 2 到 36 之间的整数。函数调用如下所示:parseInt(string,原创 2021-12-24 09:12:54 · 1232 阅读 · 0 评论 -
【TypeScript】do...while 循环
do…while 循环do...while 循环,是因为不论什么情况,它都会首先 do(运行)循环里的第一部分代码,然后 while(当)规定的条件被评估为 true(真)的时候,它会继续运行循环。使用 while 循环const ourArray = []; let i = 5;while (i < 5) { ourArray.push(i); i++;}这个例子中,定义了一个空数组 ourArray 以及一个值为 5 的 i 。 当执行 while 循环时,因为 i 不原创 2021-12-24 09:12:05 · 631 阅读 · 0 评论 -
【TypeScript】使用 const 关键字声明只读变量
关键字 let 并不是声明变量的唯一新方法。 在 ES6 中,你还可以使用 const 关键字声明变量。const 具有 let 的所有出色功能,另外还有一个额外的好处,即使用 const 声明的变量是只读的。 它们是一个常量值,这意味着一旦一个变量被赋值为 const,它就不能被重新赋值:const FAV_PET = "Cats";FAV_PET = "Dogs";由于重新分配 FAV原创 2021-12-20 09:15:43 · 508 阅读 · 0 评论 -
【TypeScript】探索 var 和 let 关键字之间的差异
使用 var 关键字声明变量的最大问题之一是你可以轻松覆盖变量声明:var camper = "James";var camper = "David";console.log(camper);在上面的代码中,camper 变量最初声明为 James,然后被覆盖为 David。 然后控制台显示字符串 David。在小型应用程序中,你可能不会遇到此类问题。 但是随着你的代码库变大,你可能会意外地覆盖一个你不打算覆盖的变量。 由于此行为不会原创 2021-12-20 09:15:12 · 679 阅读 · 0 评论 -
【TypeScript】获取随机数,并随机生成年份,判断是否为闰年
获取随机数,并随机生成年份,判断是否为闰年Math.random():结果为 0-1 间的一个随机数(包括0, 不包括1) ;//返回5-15之间的随机数Math.random() * 10 + 5;Math.ceil(n):返回大于等于 n 的整数//获取0到10的随机整数,取0的几率极小。Math.ceil(Math.random()*10);Math.round(n):返回n四舍五入后整数的值原创 2021-12-06 13:47:29 · 1359 阅读 · 0 评论 -
【TypeScript】通过node-cmd使用代码,执行cmd命令行
使用第三方库 node-cmd 执行 cmd 命令行命令具体实现代码如下:const cmdShell = require('node-cmd')async function cmd(domainName: string) { /** * @description: 连接 cmd ,使用cmd命令 * @param {*} * @return {*} */ // 切换编码格式 -> utf8 await cmdShell.get原创 2021-11-29 17:46:28 · 2703 阅读 · 1 评论 -
Puppeteer 学习笔记及基本用法
这里写目录标题`Puppeteer` 安装语法基本语法API 分层结构加载导航页面等待元素、请求、响应自定义等待元素定位用户模拟操作请求拦截获取 WebSocket 响应植入 JavaScript 代码页面性能分析文件的上传和下载跳转新 tab 页处理模拟不同的设备模拟键盘Puppeteer 安装安装第三方库:puppeteernpm i puppeteer安装谷歌 Chromium:若 npm 安装失败,需要手动下载 chromium 并解压至相应文件夹语法基本语法API 分层原创 2021-08-13 08:47:03 · 2524 阅读 · 0 评论 -
Puppeteer + TypeScript 模拟 Ctrl + A 操作
使用Puppeteer + TypeScript 模拟 Ctrl + A 操作在使用 puppeteer 第三方库进行前端UI自动化测试时,经常需要模拟部分的按键的操作,以下是模拟按键 Ctrl + A 操作,其他相关操作类似,具体代码如下:import puppeteer from 'puppeteer';// 模拟 Ctrl + Aasync function controlA(page: puppeteer.Page) { await page.waitFor(1000) /原创 2021-08-13 09:09:03 · 721 阅读 · 0 评论 -
TypeScript常见的数组操作函数
文章目录TypeScript常见的数组处理方式使用 `push()` 函数操作数组使用 `pop()` 函数操作数组使用 `shift()` 函数操作数组使用 `unshift()` 函数操作数组TypeScript常见的数组处理方式使用 push() 函数操作数组一个简单的方法将数据添加到一个数组的末尾是通过push()函数。.push()接受把一个或多个参数,并把它“推”入到数组的末尾。举例:let arr = [1,2,3];arr.push(4);// 现在arr的值为 [1,2原创 2021-04-21 11:57:55 · 1992 阅读 · 0 评论 -
【TypeScript】字符串转义符序列
字符串的转义序列使用转义字符有两个原因:首先是可以让你使用无法输入的字符,例如退格。其次是可以让你在一个字符串中表示多个引号,而不会出错。我们在之前的挑战中学到了这个。代码输出\'单引号\"双引号\\反斜杠\n换行符\r回车符\t制表符\b退格\f换页符请注意,必须对反斜杠本身进行转义才能显示为反斜杠。举例:var myStr; // 请修改这一行myStr = "FirstLine\n\t\\SecondLine原创 2021-04-16 09:27:58 · 2566 阅读 · 0 评论 -
使用【python语言】和【typescript】进行冒泡排序
冒泡排序Python代码TypeScript代码冒泡排序(Bubble Sort),是一种计算机科学领域的较简单的排序算法。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端(升序或降序排列),就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样,故名“冒泡排序”。它重复的访问需要排序的元素列,并依次比较两个相邻的元素,如果顺序(如从大到小、首字母从Z到A)错误就把他们交换过来。以下是图片详解:Python代码存在列表:[5, 0, 1, 6, 3, 2, 9, 8, 7, 10原创 2021-04-15 09:56:05 · 272 阅读 · 0 评论 -
【面试练习题】存在序列:1,1/2,2/3,3/5,5/8,8/13...,求前10项的和
存在序列:1,1/2,2/3,3/5,5/8,8/13…,求前10项的和由题可以得知,分子是前一个数字项的分母,分母是前两个数字项的分母之和,由此可得代码:"""存在序列:1, 1/2, 2/3, 3/5, 8/13, ... 的序列,求这个数列的前10项之和"""a = 1 # 分子b = 1 # 分母s = 0 # 数列和for i in range(10): s += a/b a, b = b, a+bprint("结果是 {:.2f}".format(s)) # 结果保原创 2021-04-05 12:17:46 · 2174 阅读 · 0 评论 -
【面试练习题】使用编程语言输出1900年~2000年的全部闰年
使用编程语言输出`1900年~2000年`的全部闰年原创 2021-03-27 19:07:36 · 3848 阅读 · 0 评论 -
【面试练习题】使用“暴力”的方法将字符串时间转化为秒数
使用“暴力”的方法将字符串时间转化为秒数解题步骤:1. 将输入的字符串`“hh:mm:ss”`使用`split()`函数进行分隔,分隔后为`["hh","mm","ss"]`2. 再分别把分隔出来的数组进行分别赋值给`h`,`m`,`s`,并进行数字转化3. 再把所以转化的秒数进行相加,并输出结果原创 2021-03-27 10:20:22 · 294 阅读 · 0 评论 -
TypeScript学习笔记3:运算符
运算符也称为操作符、用来实现赋值、算术运算和比较等功能的符号,本文记录主要的运算符!原创 2021-02-10 00:21:47 · 565 阅读 · 0 评论 -
TypeScript学习笔记2:数据类型
数据类型区分:1. 原始数据类型(基础数据类型)2. 对象数据类型(复杂数据类型)原创 2021-02-06 19:32:41 · 264 阅读 · 4 评论 -
TypeScript学习笔记1:变量赋值及书写方式
TypeScript变量赋值及书写方式:变量赋值及书写方式ts变量名称命名规范打印函数驼峰命名法变量赋值及书写方式原创 2021-02-06 19:20:32 · 1024 阅读 · 0 评论 -
TypeScript的安装步骤、运行问题及代码的简单运行
函数重复的解决方法若VScode无法正常运行ts代码时:ts脚本运行命令TS脚本简单举例原创 2021-02-06 09:47:35 · 353 阅读 · 11 评论 -
TS和JS相对比的优势
ts是js的超集,存在类型的脚本语言继承了js的所有编程类型,js代码可在ts环境很好的运行为构建大型应用而生,但小程序同样适用强大的类型系统,拥有静态类型检查能力新增类型注解和类型推断拥有丰富的class扩展功能添加了系统级设计能力,设计模式由顶层由下进行设计原创 2021-02-06 09:36:58 · 5806 阅读 · 0 评论