自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 vue3 vite electron打包

并在dependecies同级增加build对象。

2022-10-31 15:35:57 517

原创 express的学习

/定义具体逻辑(解析表单数据)//1.存储请求体数据2.监听data3.监听end事件4.用json.parse转回对象5.挂载req.body中给下游使用})next()})}//导出//1.导入自定义的中间件//2.注册为可用中间件})8080')})

2022-07-30 16:21:47 293

原创 node 模块化

node 模块里面的知识

2022-07-06 19:26:41 224

原创 node学习http 创建基本的web服务器

2.创建一个http服务器3. 绑定request事件,监听客户端请求4.启动服务器,配置端口号

2022-07-06 15:19:20 137

原创 nestjs入门

Nest(NestJS)是用于构建高效,可扩展的Node.js服务器端应用程序的框架。 作用:写后端安装成功后可通过nest -h查看怎么进行操作在该文件终端输入nest g co 文件名可自动创建文件并在app.module中自动引入在该文件终端输入nest g mo 文件名可在app.module中自动引入--watch可实现热部署因为我是用npm作为包管理器所以运行命令为npm start nest在文件名.controllor.ts中书写因为@contoller指定了模块的根路径@get没

2022-06-30 21:42:11 856

原创 数组处理三个常用的函数

查找满足条件的第一个元素并返回如[{id:1,name:'小张'},{id:2,name:'小王'},{id:1,name:'小李'}]查找id===1后返回{id:1,name:'小张'}语法2.map返回值为某一数组如[{id:1,name:'小张'},{id:2,name:'小王'},{id:1,name:'小李'}]返回id则返回值为[1,2,1]可做封装如加一个id则返回值为[{"id":1},{"id":2},{"id":1}]语法:3.filter返回值为满足条件的所有元素

2022-06-30 21:18:59 122

原创 TSX常见简单用法(入门) Vue3+Vite

2.vite.config.ts里的配置3.tsconfig.json里的配置这三条为配置项 2.使用TSXapp.vue里的代码2.app.tsx的代码注意:1.tsx里面写的标签内容是不会自动解构的,所以ref里面的.value还是要加上值才会出来2.tsx里面支持v-show,v-model,但不支持v-bind,v-for,v-if,所以再写这些的时候要更改写法v-if使用三元表达式 v-for通过map函数遍历数组来实现v-

2022-06-01 11:06:55 13260 3

原创 Vue3+Mitt

引入并挂载到main.ts兄弟组件一 传一个值兄弟组件2可以接收注:可选链操作符:可选链操作符 ( ) 允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。 操作符的功能类似于 链式操作符,不同之处在于,在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 。与函数调用一起使用时,如果给定的函数不存在,则返回 。当尝试访问可能不存在的对象属性时,可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时

2022-05-31 21:00:06 418

原创 ts实现简单的bus

type BusClass={ emit :(name:string)=> void; on :(name:string,callBack:Function)=> void; off:(name:string)=>void}type paramsKey=string|number|symboltype List={ // 动态嵌名,值接收多个 // key是动态的键名为paramsKey类型的子集,值为Array<Function&g.

2022-05-16 22:07:00 236

原创 provide inject

用于解决父辈向孙祖孙辈传递参数1.父组件引入provideimport { provide, ref } from "vue";const data = ref(false);provide("flag", data);2.孙祖孙被接收import { inject, ref } from "vue";let data = inject("flag", ref(false));const changeData = () => { data.value = !data.

2022-05-11 17:15:20 156

原创 Vue整合animate.css

1.npm install animate.css -s弱pacage.json里的dependencies里有animate.css那就说明安装成功2.引入animate.cssimport 'animate.css'3.使用样式 <div class="animate__animated animate__bounce"> hhh快出来 </div>...

2022-05-08 21:11:29 307

原创 提高效率-分包(异步组件)

[ { "name": "A" }, { "name": "B" }, { "name": "C" }]JSON数据源 export type nameList = { name: string}export const axios = (url: string): Promise<nameList[]> => { return new Promise((re.

2022-05-07 10:17:27 151

原创 Vue3插槽

1.匿名插槽 <headerVue> <template v-slot> <div>我被插入了hhh</div> </template> </headerVue><template> <div class="head"> <slot></slot> </div></template&g..

2022-05-06 10:02:11 764

原创 常用组件小知识

1.全局组件:所有地方都可以使用的组件,通过在main里面引入后使用如:cardimport card from './components/card.vue'createApp(App).component('Card',card).mount('#app')使用时不用引入,直接写标签就可以使用2.局部组件和以前vue2时写的那些组件相同,引入->申明->使用3.递归组件<!-- 父组件调用子组件--><Tree :list="list

2022-05-04 10:57:54 233

原创 Vue3父子组件传参

1.非语法糖能直接在setup里添加两个参数props和ctx里的emit传参具体语法:setup(props,ctx)1.之后使用可以通过props.xxx(xxx为父组件传递过来的属性名)进行数据的使用2.ctx:可以直接解构赋值将emit解构出来使用语法规范和Vue2的emit使用差不多子组件解构出emit绑定事件通过自定义事件传值打印出它 也可以使用(注:ctx中还有两个属性,一个为attrs用于获取当前标签上的所有属性的对象,还有一个为slots用于获取

2022-04-30 21:39:05 8601

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除