- 博客(24)
- 收藏
- 关注
RSS订阅原创 Apifox（一款国内的类似postman的好用软件）
我们在日常编程开发过程中经常实行的是前后端分离架构的模式，一个项目的落地会通过产品、开发、测试三方会审，对项目需求评审过后，前后端开发会制定一些接口，他们通常会用以下方式：开发指定接口文档Reg后端开发依据接口文档开发接口，一边开发一边测试（Postman前端开发需要（Mock）数据供前端调用。开发完成后，测试通过（PostmanJmeter）去进行接口测试。为了能让各个产品项目负责人落地更加便捷，Apifox应运而生实现了API设计开发测试一体化协作。
2024-01-02 14:43:34
580
原创 http模块
HTTP请求可以使⽤不同的HTTP⽅法，例如GET、POST、PUT、DELETE等。根据不同的⽅法，我们可 以执⾏不同的操作。HTTP服务器允许我们监听HTTP请求，并对这些请求进⾏响应，这对于构建Web应⽤程序和API⾮常重 要。以在回调函数中编写处理逻辑，然后使⽤server.listen()来指定服务器监听的端⼝。当我们的电脑下已经安装了node.js的环境下，就可以引入http模块了。此时服务就运行成功并可以根据不同的方法，执行我们不同的操作。2.创建http的服务器。3.处理HTTP请求。
2024-01-02 14:34:03
429
原创 Vue+Sass
Sass ⼊⻔Sass (英⽂全称：Syntactically Awesome Stylesheets) 是⼀个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语⾔。是⼀种强化 CSS 的辅助性的⼯具，在 CSS 原本的语法 基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导⼊ (inline imports) 等⾼级功 能，通过这些扩展能够让 CSS 更加优雅、强⼤。
2024-01-02 14:26:04
361
原创 错误处理-
语句来捕获同步操作期间可能发生的错误。如果同步操作成功完成，将输出一条消息表示数据库已成功同步。如果同步操作失败，将捕获到的错误对象打印到控制台，并可以在此处添加更多的错误处理逻辑。在Sequelize中，错误处理是非常重要的。当同步操作失败时，Sequelize会抛出一个错误，我们需要捕获这个错误并采取适当的措施来处理它。语句来捕获同步操作期间可能发生的错误，并执行相应的错误处理逻辑。在上面的代码中，首先定义了一个名为。函数来执行同步操作。
2024-01-02 14:07:38
374
原创 node.js中cors解决跨越请求
在中，可以使用CORS（跨域资源共享）来解决跨域问题。CORS是一种机制，它允许服务器告诉浏览器哪些网站可以访问其资源。跨域不一定会有跨域问题。因为跨域问题是浏览器对于ajax请求的一种安全限制：一个页面发起的ajax请求，只能适用于当前页同域名的路径，这能有效的阻止跨站攻击。因此：跨域问题 是针对ajax的一种限制。但是这却给我们的开发带来了不变，而且在实际生成环境中，肯定会有很多台服务器之间交互，地址和端口都可能不同，怎么办？
2024-01-02 11:58:00
346
原创 模版引擎介绍
EJS（Embedded JavaScript）是⼀种流⾏的模板引擎，⽤于将动态数据嵌⼊到静态HTML中。Express框架⽀持EJS，允许您轻松地创建动态Web应⽤程序，动态⽣成HTML⻚⾯，以及向⻚⾯ 中注⼊数据。官⽹：https://ejs.bootcss.com/
2024-01-02 11:50:13
334
原创 ES6简介
作⽤：解决"回调地狱"问题 特点： Promise对象: 代表了未来某个将要发⽣的事件(通常是⼀个异步操作) 有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数 ES6的Promise是⼀个构造函数, ⽤来⽣成promise实例。特点： 模板字符串必须使⽤``包含 变量部分使⽤${...}定义。不是⼀定要将结构对象中所有的属性都解构出来，⽤⼏个写⼏个即可。特点： 定义的属性名字要和解构对象中属性的名字⼀致。1 let 作⽤：与var类似，⽤于声明⼀个变量。
2024-01-02 11:38:46
316
原创 Pinia状态管理
或者使⽤ cnpmVue3中// 导⼊pinia// 创建pinia实例// 使⽤piniaStore (如 Pinia) 是⼀个保存状态和业务逻辑的实体，它并不与你的组件树绑定。换句话说，它承载着全 局状态。它有点像⼀个永远存在的组件，每个组件都可以读取和写⼊它。它有三个概念，state、getter 和 action，我们可以假设这些概念相当于组件中的 data、 computed 和 methods。应该在什么时候使⽤ Store?⼀个 Store 应该包含可以在整个应⽤中访问的数据。
2024-01-02 11:26:17
354
原创 vue脚手架——如何创建一个vue项目
Vue-cli是什么：vue-cli是vue的脚⼿架，建筑上的脚⼿架就是先搭个架⼦，然后⼯⼈们慢慢往⾥⾯砌砖 头，直到建筑成型。5. 终端进⼊到上⾯创建的项⽬⽂件夹，可以使⽤命令 cd xxx ，(xxx为上⾯的项⽬⽬录)，也可以在 vscode中选中项⽬⽂件夹右键在终端中打开。3.x 以上版本创建⽅法： 执⾏指令 vue create xxx (xxx为项⽬名)，或者采⽤图形化界⾯创建，执⾏指令 vu e ui。注意：以上指令是基于Wabpack⽣成的，然后现在Vue更推荐基于Vite的⽅式创建。
2024-01-02 11:06:45
369
原创 Vue 3 中安装并使用 Axios 详细步骤
4.创建一个 Axios 实例，并进行必要的配置。您可以根据需要添加全局的默认配置和拦截器等。在您的 Vue 3 项目中创建一个用于发送 HTTP 请求的模块或文件，比如。并使用创建的 Axios 实例发送请求。例如，在组件的方法中使用。这里的 baseURL 是可选的，根据您的需要进行设置。5.在需要发送请求的组件中导入。
2024-01-02 10:53:38
575
原创 vue项目中获取个人位置信息
5.创建完之后返回之前的JS API配合vue选项中去（由于这里只是教学怎么获取位置，里面还可以将自己当前的位置以map地图的方式展现出来，有感兴趣的话可以另外学习）4.新建key，tip:您在2021年12月02日以后申请的key需要配合您的安全密钥一起使用。在地图组件 MapContainer.vue 中引入 amap-jsapi-loader。选择web端）（JSAPi），由于我们的项目是基于js上的则要选择相对应。最后在通过以下方法保证key的安全性（使安全key得以使用）
2024-01-01 23:57:20
1076
原创 Sequelize概述与安装
这些类型包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL 和 NUMERIC)，以及近似数值数据类型(FLOAT、REAL 和 DOUBLE PRECISION)。字符串类型指CHAR、VARCHAR、BINARY、VARBINARY、BLOB、TEXT、ENUM和SET。表示时间值的日期和时间类型为DATETIME、DATE、TIMESTAMP、TIME和YEAR。每个时间类型有一个有效值范围和一个"零"值，当指定不合法的MySQL不能表示的值时使用"零"值。
2024-01-01 23:25:15
1028
原创 express连接数据库
总结：这样通过连接数据库的值不便于更改以及新添，更推荐用Sequelize。改：由于企业中会保存一些客户重要数据，一般是不用删的方法改用改。
2024-01-01 23:19:35
461
原创 JavaScript中常用的事件
console.log("您按下的是Q");console.log("您按下的是W");console.log("您按下的是E");console.log("您按下的是R");console.log("键盘按下了");console.log("键盘抬起了");//页面的任何的位置.按下键盘,获取按键的值。当键盘按下或者抬起任意按键的时候触发。
2023-11-02 11:45:49
21
原创 Ajax的使用方法（jQuery）
ajax() 方法用于执行 AJAX（异步 HTTP）请求。所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。
2023-11-02 11:25:43
63
原创 JavaScript中一些经典函数
javascript常规函数包括以下9个函数：(1)alert函数：显示一个警告对话框，包括一个OK按钮。(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。(3)escape函数：将字符转换成码。(4)eval函数：计算表达式的结果。(5)isNaN函数：测试是(true)否(false)不是一个数字。(6)parseFloat函数：将字符串转换成符点数字形式。(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。(8)prompt。
2023-11-02 11:11:58
21
原创 CSS动画（2D，3D的转化）
CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。包含两个参数值，分别表示X轴和Y轴倾斜的角度，如果第二个参数为空，则默认为0，参数为负表示向相反方向倾斜。translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。rotate()方法，在一个给定度数顺时针旋转的元素。其本质上和2D并无太大的差异性，只是多了一个2D变化的z轴，可变性更多了。matrix 方法有六个参数，包含旋转，缩放，移动（平移）和倾斜功能。
2023-11-02 10:52:31
20
原创 CSS弹性布局
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。flex-wrap属性定义，如果一条轴线排不下，如何换行。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。flex-direction属性决定主轴的方向（即项目的排列方向）。justify-content属性定义了项目在主轴上的对齐方式。
2023-11-02 10:15:44
24
原创 iFly Code使用介绍
ifly code 是科大讯飞开发的一款智能编码助手插件，可以在程序员编程过程中沉浸式交互生成代码建议，助力程序员提升编码效率和企业敏捷开发。
2023-11-01 16:38:11
335
1
原创 前端框架LayUI介绍及用法
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。 由国人开发，16年出厂的框架，其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。 官网：https://www.layui.com。
2023-11-01 16:11:32
222
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人