- 博客(33)
- 收藏
- 关注
原创 nest入门教程
Nest (NestJS) 是一个用于构建高效、可扩展的Node.js服务器端应用的框架。它使用渐进式 JavaScript,构建并完全支持TypeScript(但仍然允许开发者使用纯 JavaScript 进行编码)并结合了 OOP(面向对象编程)、FP(函数式编程)和 FRP(函数式反应式编程)的元素。对于入门我感觉只要知道他是nodejs的框架就行。
2024-06-09 15:07:03
577
原创 解决JSON.stringify 方法在序列化 BigInt 类型时的错误
这是从数据库的article表中查找id为 1 的数据,它里面有个content的属性,其值有百多来字。今天学nest时,使用apifox发送请求获取数据,结果还一直报错,而且还是我从未见过的。我都是跟着人家敲的,我就纳闷了,就上网查资料 , 原来是我的。2.自定义Json.stringify 方法。1.直接将BigInt 转为string。content的值使用mock随机生成的。类型,从而导致这个错误。
2024-06-02 11:36:08
536
原创 vue源码之mustache简易版 --- 完
前面已经实现了 模板字符串转化为 tokens ,这篇我们将实现 tokens 到 dom字符串的转化。
2024-05-26 16:46:29
353
原创 vue源码2
vue之mustache库的机理其实是将模板字符串转化为tokens 然后再将 tokens 转化为 dom字符串,如下图。以上代码没有处理 "#" 的循环功能 ,所以还必须添加一个函数,并对该返回值稍加修改。对于一般的将模板字符串转化为dom字符串,这样不能实现复杂的功能。将模板字符串转化为tokens。
2024-05-25 22:36:35
378
原创 vue源码之mustache模板引擎1
模板引擎的一个有点:它是将数据转为视图的最优雅的方法。相信vue的玩家首先想到的是。而还没学vue的朋友,就只能进行dom操作了。通过数组的join方法。以及es6推出的模板字符串。
2024-05-21 23:21:19
555
原创 vue + element-plus项目做管理系统常用的组件,以及一些方便开发的设置
虽然上述代码不是很能看出配置 @ 的好处,当是当你做一个比较大项目,一个文件夹套了很多文件夹时你就得 ../../xx 非常麻烦,建议做项目的时候配上。通过row和col组合,进行布局。
2024-05-14 22:49:36
311
原创 前端项目的准备工作
这是一个选项或标志,表示安装的软件包将被添加为开发依赖项(devDependencies)。开发依赖项是指在开发过程中需要使用的工具、库或插件,而不是在生产环境中运行的必需组件。7.下载element-plus 图标库。
2024-05-14 16:44:49
563
原创 vue + element-plus 开发中遇到的问题
1.问题之路由守卫初写路由守卫,对于next()的理解不是很透彻,就想着都放行,不然看不到效果,结果控制台出现了警告,想着报黄的问题就不是问题,但仔细一看发现他说,如果再生产阶段就会失败,就觉得有必要解决一下以下是我的代码。
2024-05-10 21:07:50
669
1
原创 git 入门教程
1.首先点击创建仓库 然后会出现一下内容,不要急着关掉,他能告诉你如何创建仓库 但有的推送时会报一下问题(可能是没绑邮箱的问题,我同时使用两个gitee账号,其中一个没绑邮箱)remote: [session-1f466a93] Access deniedfatal: unable to access 'https://xxx : The requested URL returned error: 403解决方案:一般提交不上的通常输入一下代码即可若还不能解决: 在终端中输入
2024-05-05 14:49:07
897
2
原创 JavaScript入门基础
他是一种脚本编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新。像一个登录注册页面,当你点击登录按钮时,将你的账号密码发送到后端进行校验,然后把校验的结果返回给你,正确别登录进去,错误则给你提示。对象:代表整个浏览器窗口,它是 BOM 的顶层对象,提供了许多方法和属性,如操作窗口大小、打开新窗口、定时器等。在DOM树中每个元素都是一个节点,它可能是一个元素的父节点,也可能是某个元素的子节点。获取子节点 ,b和c都能获取到a的子节点,可以去浏览器看一下他们的区别,
2024-04-17 19:44:33
1647
1
原创 正则表达式
groups:如果正则表达式中使用了捕获组,匹配的结果字符串表示捕获组,由于我没使用所以为undefined。match:返回一个数组(未匹配到则返回 null),各数据与exec类似。index:表示匹配结果在原始字符串中的起始位置、search:返回匹配到的位置索引,在失败时返回 -1。input:表示被匹配的原始字符串。\s : 匹配空白字符(换行符,空格符,\n,\r)\w : 匹配单词字符(字母,数字,下划线)a* : a出现0次或多次。a+ : a出现1次或多次。\W : 匹配非单词字符。
2024-04-07 17:35:08
1268
原创 解决跨域请求
(域、协议或端口),使得浏览器允许这些源访问加载自己的资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求,该机制通过浏览器发起一个到服务器托管的跨源资源的“预检”请求。在预检中,浏览器发送的头中标示有 HTTP 方法和真实请求中会用到的头。以下为我练习时遇到的跨域问题,以及解决方法。头的机制,该机制通过允许服务器标示除了它自己以外的其他。,或通俗地译为跨域资源共享)是一种基于。解决方案: 给响应头添加一下代码。2.自我封装的ajax部分。3.node.js部分。
2024-04-04 20:34:22
342
原创 js时间戳 Date
官方的介绍:创建一个 JavaScriptDate实例,该实例呈现时间中的某个时刻。Date对象则基于,即自 1970 年 1 月 1 日(UTC)起经过的毫秒数。DateDateDateDate说实话我也不是很懂,用的比较少,等我完全掌握了在回来把以上内容,以我的理解解释一下,现在的重点是了解他常用的方法,帮助新手快速入手。
2024-03-24 12:00:27
251
原创 一些用意思的css属性
是一个用于Flexbox布局的属性。它用于指定一个flex容器中的flex项(flex item)在空间不足时是否收缩以适应容器。时,它将不会收缩,即使容器的空间不足。这意味着这个特定的项将保持其原始尺寸,而其他具有默认。属性决定了各个项的收缩比例。默认情况下,所有的flex项都有一个默认的。当一个flex容器的空间不足以容纳所有的flex项时,值为1,表示它们可以收缩以适应容器。值的项可能会收缩以适应容器。当某个flex项具有。
2024-03-24 11:21:31
466
原创 svg图标的基本使用方法
1.到阿里巴巴字体图标库 创建一个项目 然后往项目里添加你喜欢的字体图标。4.下载完后打开并将下面红框中的东西放到vscode中。3.点击其右边的下载至本地。2.选择下图所示的选项。
2024-03-20 22:08:38
654
原创 vue的简单用法
双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute,应该使用。是一个指令,他必须依附于某个元素。如果我们想要切换多个元素,我们需要在一个。注意:当 v-if , v-for 同时存在于一个节点上时,,这只是一个不可见的包装器元素,最后渲染的结果并不会包含这个。当 v-if , v-for 同时存在时可以参照下面的实例。可以用来遍历数组和对象。3.条件渲染 --- v-if。4.列表渲染 --- v-for。作用域内定义的变量别名。
2024-03-18 20:36:53
366
原创 JAVA的一些小知识
3.可变参数的方法:定义方法带可变数量的参数,在方法体中,编译器将为其可变参数创建一个数组,说白了就是把你传来的参数放到一个数组中(与js有点类似)5.元素查找 ---binarySearch() ,若找到了则返回该值的下标,若没有则返回其应该插入的位置("-"+"插入点")6.数组的比较 ---equals() ,若比较的两个数组类型,元素个数以及对应元素都相同,则为true。1.增强版的for循环:若你仅想按顺序对数组进行访问或操作,则可用增强的for循环。4.数组的排序 ---sort()
2024-03-12 16:45:22
225
1
原创 拖拽Apl的简单使用
7.drop:当元素或选中的文本在可释放目标上被释放时触发,为确保drop正常使用,最好在前置 dragover事件中禁用默认行为。6.dragover:当元素或选中的文本被拖到一个可释放目标上时触发(每 100 毫秒触发一次)5.dragleave:当拖拽元素或选中的文本离开一个可释放目标时触发。4.dragenter:当拖拽元素或选中的文本到一个可释放目标时触发。2.dragstart:当用户开始拖拽一个元素或选中的文本时触发.1.drag:当拖拽元素或选中的文本时触发.
2024-03-11 23:27:17
149
原创 字符串中一些好用的方法
语法:split(separator) | split(separator,limit) 说白了,第一个参数为分割符,第二个参数为返回数组的长度(默认为字符串的长度)。2.indexOf() ---可检查是否含有你指定的字符,其返回值为该字符出一次出现的位置。6.slice() ---作用和语法与subtring()类似,但他的索引可以为负数;1.includes() ---可检查是否含有你指定的字符或字符串,其返回值为布尔值。4.concat() ---可用于拼接字符串,其返回值为新字符串。
2024-03-10 15:24:59
376
原创 for...in 与 for...of
语法:for(variable of iterable){ }语法:for(variable of iterable){ }for...in的用法: 可遍历对象和数组(不建议用于遍历数组)for..of的用法:可用于遍历数组、字符串、若用于遍历对象则打印的值为其key。若用于遍历数组则打印的值为其索引。
2024-03-07 13:16:24
441
原创 vue3 - pinia的基本用法
目录1.pinia的介绍2.安装并创建pinia3.使用pinia的实例pinia简单来说就是vue的状态管理库(允许跨组件)
2024-03-06 21:48:16
380
原创 Object.defineProperty()的使用
目录Object.defineProperty()的介绍寄存器getter和setter---静态方法会直接在一个对象上定义一个新属性,或修改其现有属性,并返回此对象。value:被定义属性的值writable:为true,则可修改被定义属性的值,为false,则不可修改被定义属性的值。默认值为false。name: '李白'value:18,})name: '李白',value:18,})。
2024-02-17 16:46:45
176
原创 寒假学习记录3:JS计时器
可重复调用一个函数或执行一个代码片段,在每次调用之间具有固定的时间间隔。一旦定时器到期,就会执行一个函数或指定的代码片段。这两种方法都可进行录播图的实现。
2024-02-16 20:02:30
169
原创 js中对象的方法与JSON的有关使用
object.formEntries() ---静态方法将键值对列表转换为一个对象['name', '李白'],]);//{name:'李白',old:18}静态方法返回一个数组,包含给定对象自有的可枚举字符串键属性的键值对,这与使用for...in循环迭代相同name:"李白",old:"18",work:'poet'//[['name','李白'],['old','18'],['work','poet']]
2024-02-14 21:37:34
264
原创 数组中常用的方法
-参数:1.删除的起始位置 2.删除的数量 3.要插入的元素。unshift() ---向数组的开头添加一个或多个元素,并返回新的长度。--返回值:返回被删除的元素。push() ---向数组的末尾添加一个或多个元素,并返回新的长度。splice() ---删除、插入、替换数组中的元素。浅拷贝 ---只对对象本身进行复制,不会复制对象的属性。深拷贝 ---复制对象的同时还复制对象的属性和元素。pop() ---删除并返回数组的最后一个元素。shift() ---删除并返回数组的第一个元素。
2024-02-14 16:36:34
393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人