自学内容网 自学内容网

关于HarmonyOS的学习

day37

一、review

        npm包管理器
        + 常见问题
          => 包下载出错
             -> 镜像源地址问题,是默认在国外,由于网速问题导致下载不下来,有时候下载一些包,然后由于各种的原因,一直下载不出来,需要清除缓存
             -> npm config set registry https://registry.npm.taobao.org
          => 使用某些npm工具的时候发现报错
             -> node版本问题
             -> 如果有版本问题,你升级自己的node版本,换其他的工具
          => 在实际开发中,一些比较老的项目,你使用npm i的时候下载包出错
             -> node版本太高了,需要降node版本
             -> nvm npm管理工具,你需要先使用npm按照nvm,然后就可以使用nvm下载不同的node版本,最终可以使用nvm随意切换不同的node版本
        + nrm npm切换镜像源的工具
          => 查看各个镜像源的网速
          => 可以切换到不同的镜像源 nrm use 镜像源 === npm config set registry https://registry.npm.taobao.org
        + 常见的镜像源地址
          => npm 官方原始镜像网址是:https://registry.npmjs.org/
          => 淘宝 NPM 镜像:http://registry.npmmirror.com
          => 阿里云 NPM 镜像:https://npm.aliyun.com
          => 腾讯云 NPM 镜像:https://mirrors.cloud.tencent.com/npm/
          => 华为云 NPM 镜像:https://mirrors.huaweicloud.com/repository/npm/
          => 网易 NPM 镜像:https://mirrors.163.com/npm/
          => 中国科学技术大学开源镜像站:http://mirrors.ustc.edu.cn/
          => 清华大学开源镜像站:https://mirrors.tuna.tsinghua.edu.cn/
        node
        + node是一个后端环境
        + 使用的语言是JavaScript
        api接口类型
        + get
          => get接口一般用于一些免费的接口
          => get请求可以直接在浏览器地址栏发送请求,查看接口
        + post
        + put
        + delete

二、TypeScript

        + 这个语言是从JavaScript语言上升级而来的,解决了js本身存在的一些问题,js最大的问题就是没有类型检测系统,一个数据类型有没有问题只能到最终查看结果的时候才能知道
        + TypeScript,简称ts,增加了类型检测系统,可以让数据类型在编译阶段就能发现是否存在问题
        + HarmonyOS里面使用的语言是arkTS,而arkTS就是使用了TypeScript
        + TypeScript最终还是需要编译成JavaScript来使用,因为浏览器只能识别JavaScript
        + TypeScript其实就是对js代码最终的运行提供了一种保障,类似于生活中的社保
        ts使用
        + 把之前的后缀名为.js现在改成.ts
        + ts不能直接在浏览器里面运行,所以需要安装插件,把ts编译成js代码,再去运行
​
        vite脚手架
        + vite是一个自动化构建工具
        + 作用
          => 帮助咱们快速创建一个项目
          => 自身存在服务器,如果发送请求什么的话,不需要使用live server插件
          => 可以打包压缩代码

三、垃圾回收机制

1.标记清理 垃圾回收程序运行时,会标记内存中存储的所有变量(标记方法有多种).然后他会将所有在作用域的变量,以及被变量引用的变量的标记去掉.在此之后,被标记的变量就等待被删了.随后垃圾回收机制会运行一次,清理标记的值且收回被占用的内存.

2.引用计数 对每个值都记录它被引用的次数,但是弊端太多已经被放弃.

// 创建一个对象person, person指向一块内存空间, 该内存空间的引用数 +1
let person = {
    age: 22,
    name: 'ifcode'
}
​
let p = person   // 两个变量指向一块内存空间, 该内存空间的引用数为 2
person = 1       // 原来的person对象被赋值为1,对象内存空间的引用数-1,
                 // 但因为p指向原person对象,还剩一个对于对象空间的引用, 所以对象它不会被回收
​
p = null         // 原person对象已经没有引用,会被回收

但它却存在一个致命的问题:循环引用。

如果两个对象相互引用,尽管他们已不再使用,垃圾回收器不会进行回收,导致内存泄露。

function cycle() {
    let o1 = {}
    let o2 = {}
    o1.a = o2
    o2.a = o1 
    return "Cycle reference!"
}
​
cycle()

四、ts的相关类型

1.类型注解(就是给一个变量添加类型约束。每声明一个变量,必须给变量添加类型,这个特性和java或者c里面很像) 当有了类型注解后,如果重新赋值的数据类型和类型注解的不一样,会给咱们一个提示 当有了类型注解后,直接赋值的时候也会进行类型检测,如果不满足给一个提示 注意点: + 当类型注解触发是,检测到赋值的类型和类型注解的不同时,给了一个温馨提示。如果执意要查看结果,其实也可以正常编译,得到结果 + ts只是在过程中给提示,让你避免代码错误,起了一个劝导的作用

2.函数类型(函数类型指定类型主要是给形参和函数返回值指定类型,并不是直接给函数本身指定类型)

注意点:①如果函数指定了返回值类型,那么必须按照要求返回对应的数据类型 ②如果一个函数指定的返回值类型是void,那么不要写返回值 ③? 表示可选参数,这个参数可以有,也可以没有

3.联合类型(可以一次性指定一个变量同时可以有几个不同的类型,让类型有一个范围) let desc: number | string | boolean = 10

4.数组类型(数组类型限定的是数组元素的类型,而不是数组本身的类型) let arr1: number[] = [10, 20, 30] let arr5: Array<string | number> = [10, 'hello'] let arr6: any[] = [10, 20, 'hello']

5.类型别名和对象类型(可以给一个类型取名称,达到复用的目的,类似于声明变量)

    // 声明了一个类型别名,但是实现了复用的目的
     type zt_number = number
     let num: zt_number = 10
     let price: zt_number = 12.66
     let count: zt_number = 10

对象类型(如果一个变量或者属性类型没有指定的话,那么它的类型就是默认推论出来的)

let person1: {
    name: string,
    age: number,
    sex: string
} = {
    name: '张',
    age: 18,
    sex: '男'
}
let person2: {
    name: string,
    age: number,
    sex: string
} = {
    name: '陈',
    age: 20,
    sex: '男'
}

6.never类型(never 是其它类型,代表从不会出现的值,表示永远也不会出现的值,一般用于处理错误信息)

    // 注意点:throw new Error表示抛出错误信息,已经发送异常啦,因此符合never类型的规范
    // function errFn(): never{
    //     throw new Error('报错了')
    // }
    // let desc: never
    // desc = errFn()

7.interface接口(和类型别名作用是一样的,但是语法和特性不一样,接口可以继承,类型别名无法继承)

在工作中,如果遇到既可以使用接口也可以使用类型别名的情况,你自己分析是否存在继承的情况,如果有就使用接口,没有就使用类型别名

        interface Person {
            name: string
            age: number
            sex: string
            say?(): number
        }
        interface Person2 extends Person {
            like: string
        }
        let obj3: Person2 = {
            name: '陈',
            age: 18,
            sex: '男',
            like: '篮球',
            say(){
                return 10
            }
        }
        console.log(obj3)

8.类型推论(有些类型不写,ts系统会默认给你进行推论它到底是什么类型的,因此工作中很多的情况下,可以偷懒)

        //声明变量并初始化时,推荐使用类型 
        let timer
        timer = 10
        timer = 'hello'
        timer = true

决定函数返回值时,返回值类型可以偷懒不写,自己进行推论。但是函数形参的类型不能省略,因为它也属于变量初始化 注意点:所谓的推论机制,是建立在已经有初始值的情况下进行的。

9.类型断言(有时候你会比 TS 更加明确一个值的类型,此时,可以使用类型断言来指定更具体的类型)

    // 类型断言:有时候你会比 TS 更加明确一个值的类型,此时,可以使用类型断言来指定更具体的类型
     let link = document.querySelector('.link') as HTMLAnchorElement
     console.log(link)
     使用console.dir()查看标记的详细信息
     console.dir(link)

     let a = document.querySelector('a')

10.字面量和枚举

①字面量

 type Direction = '上' | '下' | '左' | '右'
​
 function fn(direction: Direction){
     console.log(direction)
 }
 fn('上')
 fn('下')
 fn('右')
 fn('左')

②枚举(定义一组命名常量。它描述一个值,该值可以是这些命名常量中的一个,定义的这些常量,如果不进行赋值操作,默认值是从0开始的)

// enum Direction {Up, Down, Left, Right}
// enum Direction {Up=2, Down, Left, Right}
enum Direction {Up='上', Down='下', Left='左', Right='右'}
function fn(direction: Direction){
    console.log(direction)
}
// fn(Direction.Up)
fn(Direction.Down)

11.typeof类型推断(根据你传递进来的数据来推导你的值的类型的,typeof没有把类型固定化,是根据你自己传递的值来确定值的类型)

function formatPoint(point: typeof p) {
    // console.log(point)
}
formatPoint(p)

原文地址:https://blog.csdn.net/m0_72035166/article/details/142531572

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!