xiaozhou4233的博客

原创 TS的接口interface

上文中，属性必须和类型定义的时候完全一致，如果一个对象上有多个不确定的属性，怎么办？b: 'lin',如果把属性名定义为 number 类型，就是一个类数组了，看上去和数组一模一样。arr[0] // 可以使用下标来访问值。

原创 TS的高级类型

所以当我们要调用这个函数时 形参需要输入的属性名是得符合userinfo中的两个属性名 否则就会报错。这个函数得两个形参 第一个是任意类型的userInfo对象 第二个就是字符串类型的数组。暂时存一下函数的返回值类型，后面的语句直接用 R 即可得到这个类型并返回，否则就返回。暂时存一下函数的参数类型，后面的语句直接用 P 即可得到这个类型并返回，否则就返回。通过对第二个形参输入的值遍历去寻找到userInfo中相同的属性的值打印出来。这个代码的意思是 定义了一个函数 他是有两种可能的类型 T 和 k。

原创 前端TS的类(class)!!!

上例中 Student 类没有定义自己的属性，可以不写 super ，但是如果 Student 类有自己的属性，就要用到 super 关键字来把父类的属性继承过来。定义一个类，这个类的类型是ifly和iswim(当前这个类可以实现多个接口，一个类同时也可以被多个接口进行约束)子类中可以调用父类中的构造函数，使用的是super关键字(包括调用父类中的实例方法，也可以使用super)定义一个类，这个类的类型就是上面定义的接口(实际上也可以理解为，ifly接口约束了当前的这个Person)

原创 前端TS的泛型！！！

泛型约束关键字extends 你一般情况下你使用泛型会报错，你就必须使用泛型约束来约束一下，来规定他的数据类型,受到了接口定义类型的约束。需求: 定义一个函数，传入两个参数，第一个参数是数据，第二个参数是数量，函数的作用: 根据数量产生对应个数的数据，存放在一个数组中。指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用函数，接口、类的时候再指定具体类型的一种特性。定义函数，判断传入的参数是否相同。一个函数可以定义多个泛型参数。泛型变量T T表示任何类型。

原创 TS的基本类型!

和 JavaScript 一样，TypeScript 里的所有数字都是浮点数。除了支持十进制和十六进制字面量，TypeScript 还支持 ECMAScript 2015中引入的二进制和八进制字面量。枚举类型提供的一个便利是你可以由枚举的值得到它的名字。最基本的数据类型就是简单的 true/false 值，在JavaScript 和 TypeScript 里叫做。类型是十分有用的，它允许你在编译时可选择地包含或移除类型检查。// 举数值默认从o开始依次递增// 根据特定的名称得到对应的枚举数值。

原创 如何创建vite项目!

官网：vite是一种新型前端构建工具，能够显著提升前端开发体验网络：vite是一个静态服务器，也可以说是一个开发的构建工具它的目标就是提供快速的开发体验和性能优化。

原创 如何使用Webpack打包vue文件

'vue$': 'vue/dist/vue.esm.js' //为' vue别名设置解析路径为 'vue/dist/vue.esm.js'entry: './src/main.js', // 设置入口文件为 './src/main.js'filename: 'bundle.js' // 设置输出文件为 'bundle.js'// 设置输出目录为 path.resolve(__dirname, //'dist')loader: 'vue-loader'// 定义了不同模块对应的 loader。

原创 如何使用Webpack打包js文件

mode: 'development', // 设置模式为开发模式，可以设置为 'production' 以启用压缩等优化。entry: './src/index.js', // 设置入口文件为 './src/index.js'path: path.resolve(__dirname, 'dist'), // 输出目录。filename: 'bundle.js' // 设置输出文件为 'bundle.js'初始化npm项目，创建一个package.json文件。配置Webpack，创建一个名为。

原创 如何使用鸿蒙代码去与后台连接请求！

自己拉的在线的接口，试一下吧！

原创 前端与后端如何上传图片!

这边是一个简单的前端与后台的上传，后端的话是使用node.js来写的一个接口。

原创 css如何实现太极图!

这是一个简单的太极图的写法，大伙觉得有用，可以点个赞，直接上代码了!

原创 css实现二级导航下拉菜单

这是一个简单的二级导航下拉菜单，大伙觉得有用，可以点个赞，直接上代码了!

原创 node下载以及环境的配置！

注意： "D:\nodeJs\node_cache"这一部分是自己node安装时候给的路径，自己安装在哪个文件夹下直接复制。注意：安装完node之后npm会只带，npm属于nodejs里面的一个安装得工具，不需要独立额外进行安装。通过刚刚安装cnpm,去自己安装目录看一下有没有安装到d盘里，然后就成功了。新建的话就选最后一个，那个是自己选项目配置之类的，前两个就是保持之前的。这个是选择vue版本一般的话选择2，因为3其实是有很多东西，也有不稳定。这些就是最基本的配置的，剩下的可以不选，看需要。

原创 如何使用原声JS来实现一个简单的轮播图效果

废话不多话，直接看效果!废话不多话，直接看代码!

原创 MongoDB常规操作

对于数据库的创建，MongoDB并未提供一个独立的接口，而是使用类似于mysql这种use <database> 的语法，当使用的数据库不存在时则进行创建。db.集合名.insert([{"name":"李四","age":18},{"name":"王五"}])db.集合名.update({name:'张三'},{$set:{age:19}})db.集合名.insert({"name":"张三","age":18})db.集合名.update(条件,新数据[是否新增,是否修改多条,])

原创 MongoDB的简介

MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。默认端口为27017。数据库 (DataBase) 是按照数据结构来组织、存储和管理数据的 应用程序。

原创 node.js与Mysql的连接

2、进入到mysql安装目录的bin目录下默认安装路径大概是(C:\Program Files\MySQL\MySQL Server 8.0\bin)3、在命令提示行中键入： mysql -u root -p。4.安装mysql模块：`npm i mysql`各位看官老爷觉得有用，来个小赞！各位看官老爷觉得有用，来个小赞！

原创 前端笔试题（一）

2.小程序 wx.setStorageSync(key,data)：其中key时数据的键，data时要存储的数 据 可以通过发送网络请求来接收服务器端的数据。7.异步组件：async和await 缓存组件：keep-alive 当在组件之间切换的时候，有时会想保持这些组件的状态，以避免反复重 渲染导致的性能等问题，使用包裹动态组件时，会缓存不活动的组件实 例，而不是销毁它们。2.let 声明的变量不存在变量提升 声明的是局部变量（块级作用域） 不可以重复声明相同的变量名 可以重新进行赋值。

原创 vue2项目当中容易遇到的常见问题。

在项目中遇到404.先检查自己的路径，检查反向代理，把“n/api”里面引号中的/删除 接口报错400，先使用postman测试接口流通性，如果postman也是400，找后台，如果postman是好的情况下，检查是否post请求参数须拼接到url后，如果是吧接口封装此接口传参的data换成parmas。 路由传参只适用于第一个页面到第二个页面的单一关系，来回跳的话使用存储。 传参时如果在接口方法外已声明对象，例如 let data = {c:b}，不要在接口方法里传参再次嵌套对象括号，例login（

原创 前端笔试题

3.分别写出jquery和小程序，uniapp，vue本地存储数据和接受数据是什么？5.let ，var，const的区别在哪？2.使用vue渲染大量数据时如何进行优化？4.数组去重有哪些方式，最优方案是哪些？1.vue是如何实现双向数据绑定的？以下答案不是很全，大家参考参考。

原创 JavaScript知识，API朗读

原创 前端js入门知识

2.js是解释性语言，根据代码顺序逐一解释，其中某一行报错，js就会卡在此处无法进入下一步，js阻塞.console.log(typeof(num));e.如果是有两个单词组成，第一个单子首字母小写，第二个单词首字母大写。d.变量名称对大小写敏感（y 和 Y 是不同的变量）b.变量要有意义，一般是英文单词1。1.js是脚本语言，不需要编译，浏览器可识别。JavaScript是由EcmScript，Dom，Bom组成的.4.js是跨平台性，PC端， APP。js是弱类型（类型可变）Java是强类型.

原创 Java笔记IO流

/读入文件到程序BufferedlnputStream bis = new BufferedlnputStream(new FilelnputStream(文件路径)/写入数据到文件。System..out.println（复制文件完成）。length() 返回文件的长度，单位为字节。构造方法里面，只能放文件的路径，字符串形式。exists() 判断文件或目录是否存在。和OutputStream 输出流（写）InputStream 输入流（读）isFile() 判断是否是文件。mkdir()创建文件夹。

原创 Java API 笔记

finalize（）方法是在垃圾收集器删除对象之前对这个对象调用的。toString():我们在直接打印对象的时候，默认调用的就是toString()方法。hashCode():把对象通过某种算法变成一个数字，每个对象的hashcode值不一样，hashCode值就是对象的内存地址值.catch块中的内容，是在try块内容发生catch所声明的异常时，跳转到catch块。finally块则是无论异常是否发生，都会执行finally块的内容，所以在代码逻辑中有需要无论发生什么都必须执行的代码。

原创 Java集合

集合：存放引用数据类型的容器。主要学增删改查Collection:集合，是一个接口，继承了Iterable，里面有很多方法List:也是一个接口，继承了Collectio.特点：有序，可以重复Set:也是一个接口，继承了Collectio特点：无序，不重复Map:泛型：指的就是容器中元素的数据类型。<数据类型>

原创 Java初学笔记7

1 throws 把错误给了别人，谁调用谁解决，如果一层一层往上推，最终给了jvm 不推荐用（做练习的时候用用就行了）我们在定义方法的时候，方法的参数用父类类型，调用方法的时候传入子类类型，这样可以提供 代码的扩展性。同一个数据类型的对象，使用相同的方法，表现出不同的结果。（一个类实现了接口，就要按照规矩重写接口里的所有抽象方法）把小的概念往大了说 父类的引用指向子类的对象 狗是动物。2 如果父类有，子类没有，可以调用（继承）1 父类的引用不能调用子类特有的方法。定义规范的，主要是由抽象方法构成的。

原创 Java初学笔记7

方法重写： 在继承或者实现关系里面，如果子类和父类的方法名，参数列列表，返回值完全一致，就是方法重写。如果多个类有共同的属性和方法，那么我们可以把这些类中共同的属性和方法放到父类中，让这些类（子类）去继承父类，减少代码的重复性。面向对象 Java，C++，C# ， python，javascript 以对象为主体，对象和对象之间的调用。3.一般属性用private修饰，方法用public修饰，所有我们以后开发的工作里面，主要是继承方法的。如果普通类继承了抽象类，那么抽象类中的抽象方法必须被重写，否则报错。

原创 Java初学笔记6

static 修饰成员变量和方法 被static修饰的只能static修饰的，不能调用非static修饰的 需要记忆。包： package 本质就是一个文件夹，把功能相同的类放到一个地方 方便管理。封装：封装就是把一个事物包装起来，不让别人知道内部的细节，从而保证安全性.static 修饰成员变量和方法属于类的 非static修饰的属于对象。类 :种类，分类的意思，把具体事物的共同特征抽取出来归为一类. 类。对象： 具体的一个事物 是类的具体体现。行为: 动态的（吃饭，睡觉，说话）

原创 Java初学笔记5

如果方法使用一个变量的时候 先找局部变量 如果没有再找成员变量 如果还没有 就报错。实参:方法调用的时候使用的参数就是实参 确定的一个数据. 不需要前面再加数据类型。形参: 就是占位置的参数，没有实际意义(定义方法的时候，参数就叫形参)方法重载 在同一个类里面 方法名相同 参数列表不同 和返回值 修饰符无关。方法名 方法名的名字（方便被使用，命名规则和变量一样）方法: 一系列有序的java语句的集合，具有特定的功能。修饰符 返回值的类型 方法名（参数类型 参数名）{方法调用 就是将方法里面的代码执行一遍。

原创 Java初学笔记4

2.Arrays.sort(array) 数组的排序 数组里面的元素能够排序的前提下 会在原来的数组上修改。数组的长度一旦固定了 就没法改变了 Arraylist 就可以随便放东西 不用考虑长度。5 容器里可以放几个数据 数组的长度 数组名lengh （数组中元素的个数）索引 下脚/脚标 寻找容器里面的数据 从0开始 数组的最大索引长度是-1。3.Arrays.copy0f(要复制的数组，指定新数组的长度)数组 ：内存空间连续的 ，相同数据类型的集合 引用数据类型.new 就是创建一个对象。

原创 Java初学笔记3

continue 跳过本次循环 执行下一轮循环 循环里面 遇到continue 后面的代码也不执行了。1：声明循环变量 ： 本质就是声明变量 int a = 1；一般声明循环变量的时候 都是从零开始。2.循环条件:条件表达式 结果是true/false 如果条件为真 执行循环的代码块。break 终止循环 如果碰到了break 循环里面 break后面就不执行了。声明循环变量 循环条件 被循环的代码块 迭代。for（声明循环变量:循环条件；}while（循环判断）;while（循环判断）{

原创 Java 语句

逻辑运算符 :处理布尔之间的运算，并且结果是布尔值 真和假之间的运算。if......else...体系里面 必然有一个代码要执行。如果if条件语句只有一行代码 花括号可以省略（我不建议）表达式如果不成立 执行变量= 值2。并且 两个条件同时成立才可以 & && 与。解释 表达式如果成立 执行变量 = 值1。或者 如果有一个条件成立就可以 | || 或。条件表达式的结果是布尔值 真|假。条件表达式成立 代码块执行。条件表达式不成立 不执行。条件表达式成立就执行代码1。

原创 java 初学知识点2

1单行注释 //快捷键 ctrl+/ 2多行注释 快捷键ctrl+shift+/ /**回车。4小驼峰规范 如果变量是由两个单词组成的 第一个单词 首字母小写 第二个大写 （类名大驼峰）非数字（char，boolean） 小数（float，double）Java中的数据类型 1基本数据类型 整数（byte，short，int，long）1 同一行代码里面 如果只有++的操作 前++和后++一样没有区别。牢记一句话 =的左边是内存空间（变量） = 的右边是数据。

原创 JAVA初学认知

3除了双引号类里面的内容可以用中文，其他的都用英文。4记得写代码的时候要缩进（一般遇到花括号需要缩进）计算机软件有b/s端和c/s端。JDK是java开发工具包。JDK包含JRE包含JVM。

原创 响应式的使用

原创 利用css做遮罩图

原创 选项卡的html

原创 今日的任务

通过css的框架 样式 背景 文本做了个网页。