TypeScripts 学习笔记
摘要：
TypeScript 是拥有类型的JavaScript超集，它可以被编译成普通、干净、完整的JavaScript代码。 一、起步 1. TypeScripts的编译环境 1.1 安装 # 全局安装 npm install typescript -g 安装好后， # 查看版本 tsc --versio
Vue3 学习笔记
摘要：
有 Vue2 的基础，笔记只记载之前不熟悉的知识 一、Vue 基本知识 1. Vue3 基本指令 1.1 v-pre v-pre用于跳过元素和它的子元素的编译过程，显示原始的Mustache标签： 跳过不需要编译的节点，加快编译的速度； <template> <div> <div v-pre>{{m
前端开发环境的搭建及相应工具的下载
摘要：
记录下更换电脑后环境的搭建、相应的开发工具的下载和配置、npm工具包等 1. node环境 Node官网 Node中文官网 1.1 选择版本 总共有两个版本：长期维护版本/稳定版，最新版/尝鲜版。 一般可以直接下载LTS稳定版。 如果想下载其他版本，可点击页面上的DOWNLOADS，在页面选择Pre
WebStorm 工具的简单配置的使用
摘要：
1. 系统设置 1.1 自动保存设置 1.2 模板代码 可根据自己需要设置相应的模板代码 1.3 prettier Prettier一般不需自己配置，当在文件中鼠标右键无Reformat with Prettier时可手动指定Prettier的文件位置，并且添加file文件类型。 1.4 Eslin
Pinia 学习
摘要：
Pinia 最初是在 2019 年 11 月左右重新设计使用Composition API。从那时起，最初的原则仍然相同，但 Pinia 对 Vue 2 和 Vue 3 都有效，并且不需要您使用组合 API。 Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。 一、介绍 1.Pinia
Vue3 Router
摘要：
1. 定义 404 路由 当URL地址上的路径不能匹配到对应的路由时，可设置404路由界面。 router/index.js // router/index.js import { createRouter, createWebHashHistory } from 'vue-router'; imp
Vue3 Composition API
摘要：
一、响应式基础 前提：你会使用 setup 函数或 <script setup>语法 1.reactive 我们可以使用 reactive() 函数创建一个响应式对象或数组： import { reactive } from 'vue' const state = reactive({ count:
Vue3-CompositionAPI-响应式基础
摘要：
一、响应式基础 前提：你会使用 setup 函数或 <script setup>语法 1.reactive 我们可以使用 reactive() 函数创建一个响应式对象或数组： import { reactive } from 'vue' const state = reactive({ count:
组件上的 v-model
摘要：
💥💥💥 环境为：Vue3 1. 原生元素上的 v-model <p>{{ msg }}</p> <input v-model="msg" /> <!-- 上面的代码其实等价于下面这段 (编译器会对 v-model 进行展开)： --> <input :value="msg" @input="m
Property 'style' does not exist on type 'Element' in TS
摘要：
1.报错情况： 当前环境：TS 发生错误的实例： 原因： 通过document.getElementsByClassName函数返回的类型为HTMLCollectionOf<Element>，而Element类型上不存在style属性。需要通过**类型断言**设置正确的类型。 2. 解决 1.使用d
