风清云淡_A-CSDN博客

原创 express里面的文件上传功能之multer使用总结

你还可以使用 Multer 提供的limits选项来设置文件大小限制、文件数量限制等。limits: {fileSize: 1024 * 1024 * 5 // 限制文件大小为 5MB});通过以上步骤，你可以在 Express 应用中轻松实现文件上传功能。Multer 提供了灵活的配置选项，可以满足各种不同的文件上传需求。

2024-04-09 18:06:58 872

原创 express 里面前后端身份验证 JWT 认证总结

我们在其他接口中解析客户端的token信息的时候，最新版的express-jwt有变化，需要使用req.auth来获取客户端的token，与较早版本的获取方式有差异，req.user,这里需要注意！由于 Cookie 默认不支持跨域访问，所以，当涉及到前端跨域请求后端接口的时候，需要做很多额外的配置，才能实现跨域 Session 认证。总结：用户信息通过 token 字符串的形式，保存在客户端浏览器中，在需要验证身份的接口中，服务端对请求中的头信息进行分析，还原 token 信息来进行身份认证。

2024-04-09 14:46:14 546

原创 express里面的鉴权及express-session中间件的使用总结

Cookie 是存储在用户浏览器中的一段不超过4 KB 的字符串。它由一个名称(Name)、一个值(Value)和其它几个用于控制 Cookie 有效期、安全性、使用范围的可选属性组成。不同域名下的 Cookie 各自独立，每当客户端发起请求时，会自动把当前域名下所有未过期的 Cookie 一同发送到服务器。Cookie的几大特性:①自动发送②域名独立③过期时限④4KB 限制。

2024-04-09 12:05:54 337

原创 express操作mysql数据库的方法总结

列出下mysql数据库操作常见的命令行方式//选择所有数据//选择特定字段的数据//插入新数据;//更新字段//删除记录= 'jack';select *这样，我们就在express这样的服务端框架里，实现了真实数据的处理，离大前端又近了一步！！

2024-04-09 11:01:48 380

原创 express接口请求的几种方式分析总结

在用express做接口开发的时候，我们要处理post,get,put,delete等请求，以及jsonp的方式，这篇文章记录下结合ajax，实现处理这些请求方式的过程。jsonp的请求需要加上datatype字段属性，其他的不用,?callback=cb可以自己自定义，取名不限制，要注意的时候后端接口会获取这个名字，会用上，要保持一致。1.除get,post,head三个简单请求方式外的其他请求方式都会触发预检请求。2.请求头添加了自定义的信息，不是常见的请求头字段，也会触发预检请求。

2024-04-08 16:01:17 757

原创常用的scss工具方法封装

3.ios手机的安全区域适配。

2024-04-03 16:38:11 280

原创大前端nestjs入门教程系列(四):如何nestjs整合mysql数据库

经过前面的几篇文章，想必大家已经对nestjs有了基础的了解，那么这篇文章就带大家玩玩数据库，学会了这篇，就离大前端又进了一步Nest与数据库无关，使你可以轻松地与任何 SQL 或 NoSQL 数据库集成。根据你的喜好，你有多种选择。在最一般的层面上，将 Nest 连接到数据库只是为数据库加载适当的 Node.js 驱动程序的问题，下面我们就学习下如何整合mysql数据库为了与 SQL 和 NoSQL 数据库集成，Nest 提供了 @nestjs/typeorm 包。

2024-01-08 16:34:57 803

原创大前端nestjs入门教程系列(三):动态路由到底该怎么用

我们在处理前端发送过来的请求时，需要访问客户端的request信息，那么我们该怎么操作呢?由于nestjs提供对底层平台的访问即express，所以我们可以通过注入的方式来方位请求对象。控制台的打印,request的内容很长，我们找重点看，拉到这里，是不是就和我们的接口请求上面的数据对上了。先上代码，看写法，与前端框架的动态路由是不是相似,一种似曾相识的感觉！后面的数据，cgs~~~~~~~~~~~是不是很方便，相比第一种方法，cgs~~~~~~看到下面的效果，是不是很ok~~~~~~~

2023-12-29 12:17:19 588

原创大前端nestjs入门教程系列(二):我的第一个接口

通常，每个控制器都有不止一条路由，不同的路由可以执行不同的操作。里面添加了一个·cats·,这是方便接口分组归类便于管理，特别是在大型项目中，也可以起到命名空间的作用。·@Get·是我们发起请求的方式，这里是get请求，其他类型的请求就一一对应各自的方法。这篇文章的标题是我的第一个接口，作为福利赠送，我这里还是写个post的请求，满足大家的好奇欲。我们的日常开发业务中，要发起post请求一般是新建，修改，更新之类的操作。至此，我们的完成了get,post两种请求方式的发起操作！更多精彩内容请关注下篇！

2023-12-29 09:39:53 509

原创大前端nestjs入门教程系列(一):让项目先跑起来

它使用渐进式 JavaScript，构建并完全支持 TypeScript（但仍然允许开发者使用纯 JavaScript 进行编码）并结合了 OOP（面向对象编程）、FP（函数式编程）和 FRP（函数式反应式编程）的元素。否则，启动就会报错?这个过程要等2分钟左右，因为要下载项目的依赖文件,稍等片刻，看到下面的界面就说明安装成功了。在幕后，Nest 使用强大的 HTTP 服务器框架，如 Express。启动完成后，如何预览呢?可以监听到我们文件的改动，不用频繁的重启服务。找到我们的命令，使用。

2023-12-28 17:08:18 504

原创 git fetch无法拉取远程最新分支的解决办法

有时候拉取远程分支到本地，会提示远程分支不存在指定的分支。

2023-12-25 16:32:49 549

原创 react18+antd5.x(1):Notification组件的二次封装

antdesign已经给我们提供了很好的组件使用体验，但是我们还需要根据自己的项目业务进行更好的封装，减少我们的代码量，提升开发体验。

2023-08-23 10:05:40 1296 1

原创 vite4+vue3:从0到1搭建vben后台管理系统(五)-封装属于自己的form组件

日常业务开发中的，避免不了的要接触到表单开发，那么我们有必要了解表单的深入使用方法，及封装出适合自己业务的自定义表单组件，效果如下：不是用ele和antdvue框架，实现自己的表单组件！！！

2023-08-13 10:19:51 437

原创 vue2中自定义指令的封装方法

vue2中，一种自定义指令的封装方法。

2023-08-05 10:48:44 230

原创 TypeScript技能总结(三)

typescript是js的超集，目前很多前端框架都开始使用它来作为项目的维护管理的工具，还在不断地更新，添加新功能中，我们学习它，才能更好的在的项目中运用它，发挥它的最大功效。//该类型变量相当于一个类型容器，能够捕获用户提供的类型（具体是什么类型，由用户调用该函数时指定）//因为T是类型，因此可以将其作为函数参数和返回值的类型，表示参数和返回值具有相同的类型。//类型变量T,是一种特殊类型的变量，它处理类型而不是值。//类型变量可以有多个，并且类型变量之间还可以相互约束。//1.指定更加具体的类型。

2023-08-04 10:40:32 805

原创 TypeScript技能总结(二)

typescript是js的超集，目前很多前端框架都开始使用它来作为项目的维护管理的工具，还在不断地更新，添加新功能中，我们学习它，才能更好的在的项目中运用它，发挥它的最大功效。//也就是在结构类型系统中，如果两个类型对象具有相同的形状，则认为他们属于同一类型。//readonly修饰的属性，必须手动添加明确的类型，否则就是字面量类型。//参数类型,相同位置的参数类型要相同（原始类型）或兼容（对象类型）//参数个数，参数多的的兼容参数少的，即参数少的可以赋值给参数多的。//类型检查关注的是值所具有的形式。

2023-08-04 09:32:38 1517

原创 TypeScript知识点总结

typescript是js的超集，目前很多前端框架都开始使用它来作为项目的维护管理的工具，还在不断地更新，添加新功能中，我们学习它，才能更好的在的项目中运用它，发挥它的最大功效。//注意：若果形参的类型为Direction，那么实参就应该是枚举类型成员中的任意一个。//根据已有变量的值，获取该值的类型，来简化类型书写。//无法查询其他形式的类型，比如函数调用。//只能用来查询变量或属性的类型。//元组,指定长度的数组类型。//类似于字面量+联合类型。

2023-08-03 16:51:30 1242

原创 leecode算法--每日一题1

right + left有可能超出js中的数值最大值。这样写就可以保证查询的数据任意大。所以排序操作之前必须借助排序算法进行排序。注意注释(1)那里是不严谨的写法。

2023-07-31 17:20:12 231

原创我的创作纪念日

一路走来，能让自己坚持下来的，不是说这行工资有多高，完全是因为兴趣爱好，对这行感兴趣，能够激发自己主动去学习新的知识，技能，不断的去进步，去提升自己！工作中，难免会遇到很多技术难点，自己能力上限之外的，千方百计的去寻找解决方法，又或许有很多的开发技巧，我们自己想出的，或是在别人的经验中总结出来的，这就是我创作的起因，记录总结这些技巧，一方面加强自己的技能理解，另一方面也是分享给更多的开发者，让他们能少走弯路，创造一个和谐的社区开发环境吧。2. 继续在自己的专业范围内深耕，写好更多的专栏文章。

2023-07-28 14:43:47 424

原创 vite4.x+vue3.x中使用装饰器语法，eslint校验不识别@的报错处理方法

在项目中，使用了pre-commit校验代码，eslint校验无法识别@,导致一直无法提交代码，查找了资料，eslint版本过低，不能解决现在遇到的问题。出现这种问题，就是eslint配置文件没配置好。

2023-07-22 14:15:47 1098

原创 es6基础(2)--promise的深度解析

Promise已经深入到前端开发中的各个环节了，异步操作，api接口请求避免不了！Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大!

2023-07-19 16:22:39 193

原创 es6基础(1)----let/const详细研究

它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内{}有效。

2023-07-19 10:05:51 117

原创浅谈vue3与vue2的区别

vue3已经出来有一段时间了，相信很多公司项目都已经在用vue3重构项目，或者在新项目中直接用vue3搭建，那么我们学习vue3的必要性就有了。

2023-07-18 10:21:22 328

原创 less预处理语言的运用之-变量拼接那点事

less语法的技巧总结，很基础，熟练掌握后能提高我们在大型项目中的开发效率。

2023-07-10 15:10:09 1046

原创 vite4+vue3:从0到1搭建vben后台管理系统(四)-封装dayjs的日历组件

js代码逻辑样式美化这样就实现了我们的日历组件，里面可以根据自己的需求定制props，日历里面的content，非常方便了js逻辑css美化也可以像vue2那样实现切换年月，展示不同的月份的日期，自己动手试试拓展这个功能吧~~~

2023-07-03 15:24:00 301

原创工程化:vite4和vue3里pinia的异步actions的研究

vue3项目pinia取代vuex已经是大势所趋，所以我们要改变使用vuex的使用习惯了，全新拥抱pinia。

2023-05-17 09:22:59 463

原创 (一)前端javascript中的数据结构之队列

队列，顾名思义就是先到先服务，就像我们每天早上挤公交车，，中午去食堂吃饭，周末休息去景点购买门票，去银行排队办理业务等等，都是我们在js中见到的队列场景。

2023-05-10 14:46:04 111

原创 vite4+vue3:从0到1搭建vben后台管理系统(三)-vue组件文件的类型配置

ts的项目如果没有声明vue的declare文件，问出现如下的报错显示，那我们该如何处理。

2023-05-10 06:21:45 318

原创工程化:vite4和vue3里面的命令式loading的封装及使用

核心是使用vue的render，createVNode方法去创建新的组件实例。

2023-05-10 06:14:18 642

原创工程化:vite4和vue3里面的toast组件封装及命令式调用

在vue项目中我们要创建命令式的提示框，比如elementui里面都是this.messagethisalert…，但是在vue3中是没有this的，那么我们该如何实现这种命令式的调用呢？

2023-05-04 17:33:21 852

原创 vite4+vue3:从0到1搭建vben后台管理系统(二)--全局的配置修改

配置网站图标index.html文件vite.config.js配置路径别名import {删除没用的模板文件和vite自带logo从新运行页面，此时是空白的，接下来我们继续来完善工程,下期更精彩。

2023-04-28 00:31:37 237

原创 vite4+vue3:从0到1搭建vben后台管理系统

前端日趋复杂化的今天，我们仅仅会使用一门技术是不够用的，还必须知道它是怎么架构的，只有这样才能提升我们的职场竞争力，才能独当一面的去主导一个项目的开发！基于此，当你看到这篇文章的时候，我们就开始了通往前端尖兵的路上！祝大家学有所称，学有所用！项目结构vbenapp├─ src以上就是今天要讲的内容，本文基础篇，介绍了如何搭建基础的架子，安装依赖，运行项目，接下我们会继续深入。。

2023-04-28 00:00:20 911