<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[xiaozhou4233的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/xiaozhou4233</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; xiaozhou4233]]></copyright><item><title><![CDATA[TS的接口interface]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135767565</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135767565</guid><author>xiaozhou4233</author><pubDate>Tue, 23 Jan 2024 11:31:15 +0800</pubDate><description><![CDATA[上文中，属性必须和类型定义的时候完全一致，如果一个对象上有多个不确定的属性，怎么办？b: 'lin',如果把属性名定义为 number 类型，就是一个类数组了，看上去和数组一模一样。arr[0]  // 可以使用下标来访问值。]]></description><category></category></item><item><title><![CDATA[TS的高级类型]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135767530</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135767530</guid><author>xiaozhou4233</author><pubDate>Tue, 23 Jan 2024 11:29:50 +0800</pubDate><description><![CDATA[所以当我们要调用这个函数时 形参需要输入的属性名是得符合userinfo中的两个属性名 否则就会报错。这个函数得两个形参 第一个是任意类型的userInfo对象 第二个就是字符串类型的数组。暂时存一下函数的返回值类型，后面的语句直接用 R 即可得到这个类型并返回，否则就返回。暂时存一下函数的参数类型，后面的语句直接用 P 即可得到这个类型并返回，否则就返回。通过对第二个形参输入的值遍历去寻找到userInfo中相同的属性的值打印出来。这个代码的意思是 定义了一个函数 他是有两种可能的类型 T 和 k。]]></description><category></category></item><item><title><![CDATA[前端TS的类(class)!!!]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135743924</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135743924</guid><author>xiaozhou4233</author><pubDate>Mon, 22 Jan 2024 11:24:32 +0800</pubDate><description><![CDATA[上例中 Student 类没有定义自己的属性，可以不写 super ，但是如果 Student 类有自己的属性，就要用到 super 关键字来把父类的属性继承过来。定义一个类，这个类的类型是ifly和iswim(当前这个类可以实现多个接口，一个类同时也可以被多个接口进行约束)子类中可以调用父类中的构造函数，使用的是super关键字(包括调用父类中的实例方法，也可以使用super)定义一个类，这个类的类型就是上面定义的接口(实际上也可以理解为，ifly接口约束了当前的这个Person)]]></description><category></category></item><item><title><![CDATA[前端TS的泛型！！！]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135743847</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135743847</guid><author>xiaozhou4233</author><pubDate>Mon, 22 Jan 2024 11:23:07 +0800</pubDate><description><![CDATA[泛型约束关键字extends 你一般情况下你使用泛型会报错，你就必须使用泛型约束来约束一下，来规定他的数据类型,受到了接口定义类型的约束。需求: 定义一个函数，传入两个参数，第一个参数是数据，第二个参数是数量，函数的作用: 根据数量产生对应个数的数据，存放在一个数组中。指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用函数，接口、类的时候再指定具体类型的一种特性。定义函数，判断传入的参数是否相同。一个函数可以定义多个泛型参数。泛型变量T T表示任何类型。]]></description><category></category></item><item><title><![CDATA[TS的基本类型!]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135727202</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135727202</guid><author>xiaozhou4233</author><pubDate>Sun, 21 Jan 2024 11:27:21 +0800</pubDate><description><![CDATA[和 JavaScript 一样，TypeScript 里的所有数字都是浮点数。除了支持十进制和十六进制字面量，TypeScript 还支持 ECMAScript 2015中引入的二进制和八进制字面量。枚举类型提供的一个便利是你可以由枚举的值得到它的名字。最基本的数据类型就是简单的 true/false 值，在JavaScript 和 TypeScript 里叫做。类型是十分有用的，它允许你在编译时可选择地包含或移除类型检查。// 举数值默认从o开始依次递增// 根据特定的名称得到对应的枚举数值。]]></description><category></category></item><item><title><![CDATA[如何创建vite项目!]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135727172</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135727172</guid><author>xiaozhou4233</author><pubDate>Sun, 21 Jan 2024 11:25:35 +0800</pubDate><description><![CDATA[官网：vite是一种新型前端构建工具，能够显著提升前端开发体验网络：vite是一个静态服务器，也可以说是一个开发的构建工具它的目标就是提供快速的开发体验和性能优化。]]></description><category></category></item><item><title><![CDATA[如何使用Webpack打包vue文件]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135711936</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135711936</guid><author>xiaozhou4233</author><pubDate>Sat, 20 Jan 2024 10:28:12 +0800</pubDate><description><![CDATA['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。]]></description><category></category></item><item><title><![CDATA[如何使用Webpack打包js文件]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135711919</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135711919</guid><author>xiaozhou4233</author><pubDate>Sat, 20 Jan 2024 10:27:17 +0800</pubDate><description><![CDATA[mode: 'development',  // 设置模式为开发模式，可以设置为 'production' 以启用压缩等优化。entry: './src/index.js',  // 设置入口文件为 './src/index.js'path: path.resolve(__dirname, 'dist'),  // 输出目录。filename: 'bundle.js'   // 设置输出文件为 'bundle.js'初始化npm项目，创建一个package.json文件。配置Webpack，创建一个名为。]]></description><category></category></item><item><title><![CDATA[如何使用鸿蒙代码去与后台连接请求！]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135676630</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135676630</guid><author>xiaozhou4233</author><pubDate>Thu, 18 Jan 2024 15:51:23 +0800</pubDate><description><![CDATA[自己拉的在线的接口，试一下吧！]]></description><category></category></item><item><title><![CDATA[前端与后端如何上传图片!]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135676065</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135676065</guid><author>xiaozhou4233</author><pubDate>Thu, 18 Jan 2024 15:34:54 +0800</pubDate><description><![CDATA[这边是一个简单的前端与后台的上传，后端的话是使用node.js来写的一个接口。]]></description><category></category></item><item><title><![CDATA[css如何实现太极图!]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135660856</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135660856</guid><author>xiaozhou4233</author><pubDate>Wed, 17 Jan 2024 21:33:38 +0800</pubDate><description><![CDATA[这是一个简单的太极图的写法，大伙觉得有用，可以点个赞，直接上代码了!]]></description><category></category></item><item><title><![CDATA[css实现二级导航下拉菜单]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135660764</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135660764</guid><author>xiaozhou4233</author><pubDate>Wed, 17 Jan 2024 21:31:23 +0800</pubDate><description><![CDATA[这是一个简单的二级导航下拉菜单，大伙觉得有用，可以点个赞，直接上代码了!]]></description><category></category></item><item><title><![CDATA[node下载以及环境的配置！]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135630524</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135630524</guid><author>xiaozhou4233</author><pubDate>Tue, 16 Jan 2024 17:28:11 +0800</pubDate><description><![CDATA[注意： "D:\nodeJs\node_cache"这一部分是自己node安装时候给的路径，自己安装在哪个文件夹下直接复制。注意：安装完node之后npm会只带，npm属于nodejs里面的一个安装得工具，不需要独立额外进行安装。通过刚刚安装cnpm,去自己安装目录看一下有没有安装到d盘里，然后就成功了。新建的话就选最后一个，那个是自己选项目配置之类的，前两个就是保持之前的。这个是选择vue版本一般的话选择2，因为3其实是有很多东西，也有不稳定。这些就是最基本的配置的，剩下的可以不选，看需要。]]></description><category></category></item><item><title><![CDATA[如何使用原声JS来实现一个简单的轮播图效果]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135629716</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135629716</guid><author>xiaozhou4233</author><pubDate>Tue, 16 Jan 2024 17:19:16 +0800</pubDate><description><![CDATA[废话不多话，直接看效果!废话不多话，直接看代码!]]></description><category></category></item><item><title><![CDATA[MongoDB常规操作]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135600499</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135600499</guid><author>xiaozhou4233</author><pubDate>Mon, 15 Jan 2024 14:23:41 +0800</pubDate><description><![CDATA[对于数据库的创建，MongoDB并未提供一个独立的接口，而是使用类似于mysql这种use <database> 的语法，当使用的数据库不存在时则进行创建。db.集合名.insert([{"name":"李四","age":18},{"name":"王五"}])db.集合名.update({name:'张三'},{$set:{age:19}})db.集合名.insert({"name":"张三","age":18})db.集合名.update(条件,新数据[是否新增,是否修改多条,])]]></description><category></category></item><item><title><![CDATA[MongoDB的简介]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135600429</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135600429</guid><author>xiaozhou4233</author><pubDate>Mon, 15 Jan 2024 14:22:14 +0800</pubDate><description><![CDATA[MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。默认端口为27017。数据库 (DataBase) 是按照数据结构来组织、存储和管理数据的 应用程序。]]></description><category></category></item><item><title><![CDATA[node.js与Mysql的连接]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135562298</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135562298</guid><author>xiaozhou4233</author><pubDate>Fri, 12 Jan 2024 21:40:29 +0800</pubDate><description><![CDATA[2、进入到mysql安装目录的bin目录下默认安装路径大概是(C:\Program Files\MySQL\MySQL Server 8.0\bin)3、在命令提示行中键入： mysql -u root -p。4.安装mysql模块：`npm i mysql`各位看官老爷觉得有用，来个小赞！各位看官老爷觉得有用，来个小赞！]]></description><category></category></item><item><title><![CDATA[前端笔试题（一）]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135562180</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135562180</guid><author>xiaozhou4233</author><pubDate>Fri, 12 Jan 2024 21:33:14 +0800</pubDate><description><![CDATA[2.小程序 wx.setStorageSync(key,data)：其中key时数据的键，data时要存储的数 据 可以通过发送网络请求来接收服务器端的数据。7.异步组件：async和await 缓存组件：keep-alive 当在组件之间切换的时候，有时会想保持这些组件的状态，以避免反复重 渲染导致的性能等问题，使用包裹动态组件时，会缓存不活动的组件实 例，而不是销毁它们。2.let 声明的变量不存在变量提升 声明的是局部变量（块级作用域） 不可以重复声明相同的变量名 可以重新进行赋值。]]></description><category></category></item><item><title><![CDATA[vue2项目当中容易遇到的常见问题。]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135522345</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135522345</guid><author>xiaozhou4233</author><pubDate>Thu, 11 Jan 2024 11:13:46 +0800</pubDate><description><![CDATA[在项目中遇到404.先检查自己的路径，检查反向代理，把“n/api”里面引号中的/删除
	接口报错400，先使用postman测试接口流通性，如果postman也是400，找后台，如果postman是好的情况下，检查是否post请求参数须拼接到url后，如果是吧接口封装此接口传参的data换成parmas。
	路由传参只适用于第一个页面到第二个页面的单一关系，来回跳的话使用存储。
	传参时如果在接口方法外已声明对象，例如 let data = {c:b}，不要在接口方法里传参再次嵌套对象括号，例login（]]></description><category></category></item><item><title><![CDATA[前端笔试题]]></title><link>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135522002</link><guid>https://blog.youkuaiyun.com/xiaozhou4233/article/details/135522002</guid><author>xiaozhou4233</author><pubDate>Thu, 11 Jan 2024 11:02:14 +0800</pubDate><description><![CDATA[3.分别写出jquery和小程序，uniapp，vue本地存储数据和接受数据是什么？5.let ，var，const的区别在哪？2.使用vue渲染大量数据时如何进行优化？4.数组去重有哪些方式，最优方案是哪些？1.vue是如何实现双向数据绑定的？以下答案不是很全，大家参考参考。]]></description><category></category></item></channel></rss>