12 2022 档案
vue3_05使用reactive来处理复杂数据
摘要：vue3中除了提供了ref函数以为还提供了reactive函数来操作数据，一般情况下我们使用ref函数来操作简单类型数据，reactive函数来操作复杂类型数据 <template> <div>{{objRet.name}}</div> </template> <script lang="ts">
vue3_04ref获取标签
摘要：ref也可以用来获取dom节点 分为三步： 1.给节点绑定ref='xxx' 2.let xxx =ref() 3.在挂载之后直接使用即可 <template> <div ref="op">24</div> <p>{{ num }}</p> <button @click="add">点击</butt
vue3_03ref操作复杂类型
摘要：ref也可以将复杂类型的数据转换为响应式数据，使用方法和处理简单类型数据一样 let a =ref(复杂类型数据) a.value.xxx <template> <p>{{ objref.num }}</p> <button @click="add"></button> </template> <s
vue3_02ref操作简单类型
摘要：vue3中提供了ref()函数可以把数据转换为响应式数据。 <template> <div> {{ num }} </div> <button @click="add">这是按钮</button> </template> <script lang="ts"> import { defineCompo
关于Vue3 can not find module的报错
摘要：最近在做Vue3项目的时候，会看到这样一个报错，找不到模块 .vue文件，可能是ts文件无法识别vue后缀的文件导致的，上网搜索了一下发现尤大大给出了解决方案。 在src目录下新建一个.d.ts后缀的文件 declare module '*vue'{ import {ConponmentOption
vue3_01生命周期函数
摘要：<template> <div> <p>这是第一个组件</p> </div> </template> <script lang="ts"> import { defineComponent, onBeforeMount, onMounted } from 'vue'; export default
ts14抽象类
摘要：(function () { abstract class Animal { //abstract 开头的类是抽象类 //抽象类和其他类区别不大只是不能用来创建对象 //抽象类就是专门用来被继承的类 //抽象类中可以添加抽象方法 name: string; age: number; construc
ts14_super关键字
摘要：(function () { class Animal { name: string constructor(name: string) { this.name = name } sayhello() { console.log("动物在叫"); } } class Dog extends Anim
ts13_继承
摘要：(function () { //定义一个dog类 class Animal { name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } sayhe
ts12_构造函数
摘要：构造函数，会在对象创建时调用,new关键字会执行constructor class Dog{ name:string; age:number; //构造函数，会在对象创建时调用,new关键字会执行constructor constructor(name:string,age:number){ //在
ts11_类的简介
摘要：类可以理解为创建对象的模板 对象是由两部分组成的：属性和方法 所以类也是有属性和方法组成的： 1.属性 直接定义的属性是实例属性，需要通过对象的实例去访问 const per = new person() per.name 使用static修饰的属性是静态属性(类属性)，可以直接通过类去访问 per
ts10_使用webpack打包ts文件3
摘要：1.为了让编译后的JS文件能给兼容更多的浏览器我们还需要配置babel 运行命令npm i -D @babel/core @babel/preset-env babel-loader core-js来安装相关插件 2.安装完成之后在webpack.config.js的module选项的rule下进行
ts09_使用webpack打包ts文件2
摘要：1.为了对html文件进行自动生成和一些资源的自动按需引入还需要对webpack继续进行一些配置，首先需要安装html-webpack-plugin插件帮助我们自动生成html文件 运行npm i -D html-webpack-plugin 2.引入html-webpack-plugin cons
ts08_使用webpack打包ts文件
摘要：1.新建项目使用npm init -y在根目录生成packge.json文件，管理包 2.使用npm安装webpack相关工具 npm i -D webpack webpack-cli typescript ts-loader,ts-loader起到一个整合ts和webpack的作用 3.配置web
ts07_ts的编译选项2
摘要：compileOptions编译器配置选项中一些关于语法检查的配置选项 "allowJs": false ,//是否对JS文件进行编译，默认false "checkJs": false,//是否对JS文件进行检查，默认false "removeComments": false,//是否移除注释，默认
ts06_ts的编译选项1
摘要：tsconfig.json是ts编译器的配置文件，ts编译器可以根据它的信息来对代码进行编译。 可以执行 tsc --init命令自动生成 常用的配置选项: include:定义希望被编译文件所在的目录,用来指定哪些ts文件需要被编译 默认值:["**/*"], 示列:["./src/**/*"],
typesc04_ts中的类型2
摘要：ts复杂类型: object:任意的js对象 array:任意js数组 tuple:元组,ts新增类型，固定长度的数组 enum:枚举，ts中新增的类型 /* ts复杂类型: object:任意的js对象 array:任意js数组 tuple:元组,ts新增类型，固定长度的数组 enum:枚举，ts
typesc03_ts中的数据类型1基本数据类型
摘要：ts类型中的基本数据类型： 1.number:任意数字 2.string:任意字符 3.Boolean：布尔值 4.字面量：限制变量的值就是该字面量的值 5.any:任意类型,设置类型为any后相当于对改变量关闭了ts的类型检测，使用ts时不建议使用any类型(any类型可以赋值给任意类型) 6.u
typescript02_声明变量
摘要：//声明一个变量a同时声明他的类型为number let a:number //a的类型生命为number，在以后的使用过程中a只能是数字 a=1 //a = 'hello'此行代码会报错，因为a的类型是number不能赋值为字符串 let b :boolean = true //声明完变量直接赋值
typescript_01搭建环境
摘要：typescript是什么？ 以JavaScript为基础构建的语言，可以在任何支持JavaScript的平台中执行，ts不能被js解析器直接执行需要先编译成js文件，ts是一个js的超集，拓展了js并添加了类型，使Js变成一个静态类型的语言。 typescript开发环境搭建： 1.安装nodej
TypeScript解决无法重新声明块范围变量“XXX”问题
摘要：在学习typescript过程中，两个不同的文件相同名称的变量会出现无法重新声明块范围变量“XXX”报错。 解决方法在文件的尾部加上export {}; 这样这样TS就会认为这些文件都是独立的模块了
组件传值
摘要：父传子：通过props传递，父组件定义自定义属性并传入要传的值，子组件通过props接受自定义属性并且使用。 子传父：子组件通过this.$emit触发自定义事件并且传入要传的值，父组件通过自定义事件的回调获取值。 兄弟直接传参:通过bus总线来传递，定义一个bus: import vue from
v-if和v-show的区别
摘要：1.展示形式不同: v-if是创建或者删除一个dom节点 v-show是display:none、block 2.性能比较： 初次加载v-if要比v-show好，因为页面不会一上来就加载盒子 频繁切换v-show要比v-if好，创建和删除的开销大，显示和隐藏开销小
JS高程8.1.1属性的类型笔记
摘要：1.对象概念：对象是一组属性的无序集合。 2.对象属性的类型： （1）数据属性：数据属性包含一个保存数据值的位置。值会从这个位置读取，也会写入到这个位置。数据属性有四个特性描述它们的行为。 [[Configurable]]:表示属性是否可以通过delete删除并重新定义，是否可以修改它的特性，以及是
谈谈对keep-alive的理解
摘要：1.是什么：vue系统自带的一个组件，用来缓存组件，可以提高性能。 2.应用场景：一些重复的页面，只需要请求一次接口或者可能会重复请求一个接口的页面。 3.生命周期：第一次进入执行vue的beforecreate，created，beforemount，mounted，actived生命周期。后面再
JavaScript中 FileReader 对象详解
摘要：1.概念：FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区即buffer）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 2.属性： FileReader.error : 一个DOMException，表示在读取文件时发生的错误
input的file一些实用属性
摘要：file自带一些有用的属性，今天整理一下 html: 1.multiple:是否多选，如果在html上面写上multiple="multiple"或者multiple就可以实现多选 2.accept:文件格式，这个可以控制文件格式，比如jpeg和gif还有Png之类的，写法是这样的<input ty
使用express-jwt解析token时req.user=undefind
摘要：使用express-jwt解析token时req.user=undefind, 原因：在路由文件里使用express的实例app来use express-jwt中间件了，这样做是不规范的 解决方法：使用router实例来use express-jwt即可 router.use(expressJWT(
解决添加authorization 请求头跨域问题
摘要：在做身份认证的时候前端请求头上增加authorization 属性后报以下错误： Access to XMLHttpRequest at 'http://127.0.0.1:500/api/login' from origin 'http://127.0.0.1:5501' has been blo
node js解码base回二进制
摘要：直接贴代码 icon_file = icon_file.split(',')[1] icon_file = Buffer.from(icon_file,'base64') icon_file = icon_file.toString('binary') 注意：base64在解码时需要将前面的一个前缀
node js中的buffer
摘要：Node中Buffer的深度解析 Node中Buffer的深度解析 在Node中，应用需要处理网络协议、操作数据库、处理图片、接收上传文件等，在网络流和文件的操作中，还要处理大量二进制数据，JavaScript自有的字符串远远不能满足这些需求，于是Buffer对象应运而生。 Buffer是一个像Ar
nodejs express报错request entity too large
摘要：今天在做上传图的功能时遇到报错413 Payload Too Large； express deprecated res.send(status): Use res.sendStatus(status) instead index.js:18:13PayloadTooLargeError: requ
css修改input标签:focus边框颜色
摘要：css修改input标签:focus边框颜色 input边框使用border修改样式，但是聚焦高亮时修改border 没有效果 使用 outline 即可 .input_border:focus{ outline: 1px solid RoyalBlue; } 或者 .input_border:fo
