- 博客(114)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用原生的 WebSocket API 在 Vue 3 中集成 WebSocket。
【代码】使用原生的 WebSocket API 在 Vue 3 中集成 WebSocket。
2024-04-16 15:31:58
307
原创 react使用useState更新数组失败
基本类型发生了改变，react会监听到，但是引用类型，如数组内部数据发生改变，react并不会监听到。
2023-12-27 10:23:54
813
原创 react的 Objects are not valid as a React child (found: object with keys {name, content, time}).问题
问题原因：无法直接赋值数组到html里，需要用map等方法进行渲染。
2023-12-19 11:45:46
49
原创 react点击事件
thisClick('参数')}>点击事件</button>//方法console.log('这里是点击结果',vm) //这里是点击结果 参数注意：不能直接写函数调用，这里事件绑定需要一个函数引用//按钮<button onClick={(e)=>thisClick(e,'参数')}>点击事件
2023-12-18 17:37:40
233
原创 nodejs的 Cannot set headers after they are sent to the client
【代码】nodejs的 Cannot set headers after they are sent to the client。
2023-12-06 17:05:13
102
原创 JWT 认证机制
为了保证JWT 字符串的安全性，防止JWT 字符串在网络传输过程中被别人破解，我们需要专门定义一个用于加密和解密的 secret 密钥:1)当生成JWT 字符串的时候，需要使用 secret 密钥对用户的信息进行加密，最终得到加密好的JWT 字符串2)当把JWT 字符串解析还原成JSON 对象的时候，需要使用 secret 密钥进行解密// secret 密钥的本质: 就是一个字符串(自定义)
2023-12-04 16:54:03
166
原创 session(登录注销)
在 Express 项目中，只需要安装 express-session 中间件，即可在项目中使用 Session 认证。调用 req.session.destroy( )函数，即可清空服务器保存的 session 信息。
2023-12-01 17:21:59
49
原创 接口的跨域问题（JSONP）
浏览器端通过<script>标签的src属性，请求服务器上的数据，同时，服务器返回一个函数的调用。这种请求数据的方式叫做JSONP。1)JSONP不属于真正的Ajax 请求，因为它没有使用XMLHttpRequest 这个对象。4)把上一步拼接得到的字符串，响应给客户端的<script>标签进行解析执行。否则JSONP接口会被处理成开启了CORS的接口。防止冲突，必须在配置CORS中间件之前声明JSONP的接口。3)根据前两步得到的数据，拼接出一个函数调用的字符串。要通过JSONP形式。
2023-11-29 16:30:59
63
原创 接口的跨域问题（CORS）
CORS (Cross-Origin Resource Sharing，跨域资源共享)由一系列HTTP 响应头组成，这些HTTP 响应头决定浏览器是否阻止前端 JS 代码跨域获取资源浏览器的同源安全策略默认会阻止网页“跨域”获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头就可以解除浏览器端的跨域访问限制。
2023-11-29 16:11:31
393
原创 自定义中间件
/ 导入 express 模块// 创建 express的服务器实例// 中间件的业务逻辑})为了优化代码的结构，我们可以把自定义的中间件函数，封装为独立的模块// middleware.js模块中的代码function bodyParser(req, res, next){ /*省略其它代码*/ }module.exports = bodyParser // 向外导出解折请求体数据的中间件函数// ---------------分割线--------------
2023-11-27 17:15:48
621
1
原创 Express内置的中间件
快速托管静态资源的内置中间件，例如: HTML 文件、图片、CSS 样式等 (无兼容性)自Express 4.16.0 版本开始，Express 内置了。解析 URL-encoded 格式的请求体数据 (，仅在 4.16.0+ 版本中可用)解析JSON 格式的请求体数据(，仅在4.16.0+ 版本中可用)
2023-11-27 16:42:45
319
原创 express中间件
可以使用 app.use()连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件定义的先后顺序依次进行// 第1个全局中间件req.one = "这里是第1个全局中间件"onsole.log("调用了第1个全局中间件")next()})// 第2个全局中间件req.two = "这里是第2个全局中间件"console.log("调用了第2个全局中间件 ")next()})// 请求这个路由，会依次触发上述两个全局中间件。
2023-11-24 17:23:13
722
原创 nodemon自动重启nodejs项目
在编写调试 Node.js 项目的时候，如果修改了项目的代码，则需要频繁的手动 close 掉，然后再重新启动，非常繁琐。现在，我们可以使用 nodemon (https://www.npmjs.com/package/nodemon) 这个工具，它能够监听项目文件的变动，当代码被修改后，nodemon 会自动帮我们重启项目，极大方便了开发和调试。
2023-11-17 15:49:20
174
原创 Express
官方概念：Express 是基于 Nodejs 平台，快速、开放、极简的 Web 开发框架通俗的理解：Express的作用和 Node.is 内置的http 模块类似是专门用来创建 Web 服务器的Express的本质：就是一个npm上的第三方包，提供了快速创建Web 服务器的便捷方法Express 的中文官网: http://www.expressjs.com.cn/
2023-11-16 17:29:15
56
原创 module.exports和exports
由于 module.exports 单词写起来比较复杂，为了简化向外共享成员的代码，Node 提供了 exports 对象。默认情况下，exports 和 module.exports 指向同一个对象。在自定义模块中，可以使用 module.exports 对象，将模块内的成员共享出去，供外界使用外界用 require0方法导入自定义模块时，得到的就是module.exports 所指向的对象。ps：使用require()模块时，得到的永远是module.exports指向的对象。exports 对象。
2023-11-15 16:11:47
64
原创 SQL语句
1).AND 表示必须同时满足多个条件，相当于 JavaScript 中的 && 运算符，例如 ifa!2).OR 表示只要满足任意一个条件即可，相当于 JavaScript 中的|运算符，例如 if(a!1).从 FROM 指定的[表中]，查询出[所有的]数据。2).从 FROM 指定的[表中]，查询出指定 列名称 (字段)的数据。2).按照降序对记录进行排序，可以使用 DESC关键字。1).查询语句中的 WHERE 条件。2).更新语句中的 WHERE 条件。3).删除语句中的 WHERE 条件。
2023-11-07 16:09:24
284
原创 vue3+ts实现拖拽功能
<template> <div class="about"> <h1>拖拽demo</h1> <p id="drag"></p> </div></template><script lang="ts">import { reactive, toRefs, onMounted } from "vue";export default { name: "about", .
2022-04-19 16:25:46
1378
原创 微信小程序-地区选择伪五级联动（选择国,省,市,县,镇）
这里采用的是自定义多列选择器pickermode="multiSelector"<view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value...
2022-03-29 16:23:52
2169
原创 arcGis在vue里事件操作
vue安装esri-loadernpm install --save esri-loader或者yarn add esri-loadernpm地址：https://www.npmjs.com/package/esri-loaderesri的api地址：https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.htmlnpm地址：esri-loader - npm介绍教程和api均在npm地址里有
2022-03-16 15:03:49
1830
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人