[[toc]]
代码库点击去往
环境搭建12345678910# 安装npm install typescript -gtsc xx.ts # 生成 js 文件tsc -d xx.ts #生成 xx.d.ts文件node xx.js # 运行 js 文件# 方便直接运行 ts 文件的包npm install ts-node -gts-node xx.ts # 直接运行 ts 文件
体验一下 ts类型注解(annotation)
我们告诉 typescript 变量是什么类型
12let a: number; // annotationa = 11;
声明数字
1let a: number = 10;
声明数组
123let a: number[] = [1, 2, 3]; // 声明数字数组let b: string[] = ["1", "2", "3"]; // 声明字符串数组let c: Array<number> = [1, 2, 3]; //运用泛型声明数组
声明对象
1const o ...
v-for 的更新机制
改变数组的方法就会导致 v-for 更新
无法改变数组的方法,返回新的数组的,就不会导致 v-for 更新,可采用覆盖数组或者 this.$set(“更新的值”,”更新位置”,”更新值”)
1234567891011121314151617181920212223242526272829303132333435363738394041<template> <div> <h1>v-for 的更新机制</h1> <template v-for="item in list"> <h1 :key="item">{{ item }}</h1> </template> <button @click="reverse">翻转</button> <button @click="slice"&g ...
日志文件原神的日志文件存储在本地
12345678var os = require("os");var path = require("path");// 获取原神日志路径let outputPath = path.join( os.userInfo().homedir, "/AppData/LocalLow/miHoYo/原神/output_log.txt",);console.log(outputPath);
进入游戏后访问自己的抽卡记录，日志里面就会生成对应的访问链接，里面带有用户的 token。
OnGetWebViewPageFinish
抓包得到的 APIhttps://hk4e-api.mihoyo.com/event/gacha_info/api/getGachaLog
关键参数
参数
含义
size
每页多少条（最多 20）
page
第多少页（不知道上限 获取到没有为止）
gacha_type
抽卡的类型枚举，分别代表新手、常驻、角色 up 池、武器 up 池
Node（后端）中的 MVC 与 前端中的 MVVM 之间的区别（了解内容）
MVC 主要是后端的分层开发思想；把 一个完整的后端项目，分成了三个部分：
Model：（数据层）主要负责 数据库的操作；
View：（视图层）所有前端页面，统称为 View 层
Controller：（业务逻辑层）主要处理对应的业务逻辑；（对于后台来说，这是开发的重点）
MVVM 是前端页面的分层开发思想，主要关注于 视图层 分离，也就是说：MVVM 把前端的视图层，分为了 三部分 Model, View, ViewModel
Model 是 页面中，需要用到的数据
View 是页面中的 HTML 结构；
ViewModel 是 一个 中间的调度者,提供了双向数据绑定的概念；
为什么有了 MVC 还要有 MVVM
因为 MVC 是后端的开发思想，并没有明确定义前端的页面该如何开发；
MVVM 是前端的页面的开发思想，把每个页面，分成了三个部分，同时 VM 作为 MVVM 的核心，提供了双向数据绑定的概念，前端程序员，不需要手动渲染页面了，而且，页面数据发送变化，也不需要程序员手动把 数据的变化同步到 ...
1. 为什么学习 Vue3
目标: 了解学习 Vue3 的必要性。
Vue3 运行性能大幅提升，速度是 Vue2 的 1.5 倍左右
Vue3 支持 tree shaking，可以进行按需编译，编译后的文件体积比 Vue2 更小
Vue3 组合式 API 使应用中的功能代码更聚合，使组件间公共逻辑的抽取更容易
Vue3 对 TypeScript 的支持更加友好，对大型前端应用的支持更加游刃有余
Vue3 中提供了更加先进的功能，比如 teleport，suspense 等
Vue 是目前国内前端使用者最多的框架，Vue3 是将来的必然趋势
Vue3 官方中文文档
2. 使用 Vite 创建项目
目标: 能够使用 vite 构建工具创建 Vue 应用。Vite 官方
Vite 是一款新型的前端构建工具，核心卖点就是快，启用速度快，编译速度快。
创建应用：npm init vite-app vue-tutorial 或者 npx create-vite-app vue-tutorial
切换至应用根目录：cd vue-tutorial
下载应用依赖：npm ins ...
