- 博客(35)
- 收藏
- 关注
RSS订阅
原创 node.js使用Sequelize ORM操作数据库
ORM是在数据库和编程语言之间建立一种映射关系，这样可以让我们有非常简单的代码，来实现各种数据库的操作。例如：使用mysql去查找表（表名称为Articles）但是我们使用ORM的话，就有更便捷的方法去查找表Article，表示先找到Article这个模型。注意下，这里Article是单数形式，这并不是我写错了，而是 ORM 的就这么规定的。模型名是单数，对应的表名是复数。这样子，它就会自动找到Articles表上。all()，就是查询所有的数据了。整行的意思就是，查询Articles表的所有数据。
2024-10-20 17:26:27
1631
原创 uni-app项目中引入uview-plus组件库并全局使用
uview-plus是一个基于uni-app框架开发的组件库，提供了丰富的组件和模板，可以帮助开发者快速构建跨平台应用。uview-plus具有响应式布局、主题定制、插件扩展等特性，可以大大提高开发效率和用户体验。同时，uview-plus还提供了一些常用的功能模块，如网络请求、数据存储、权限管理等，方便开发者快速集成到自己的应用中。
2024-04-18 08:27:49
4350
4
原创 webSocket的基本使用以及心跳检测、断线重连
为了获取实时数据，前端需要和后端保持通信，HTTP 协议只能是客户端向服务器发出请求，服务器返回查询结果。这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。我们只能使用"轮询"：每隔一段时候，就发出一个询问，了解服务器有没有新的信息。
2024-02-20 17:00:50
10047
2
原创 react实现上传图片到阿里云OSS以及问题解决（保姆级）
前端直传利用了浏览器与 OSS 之间的直接连接，能够充分利用用户的网络带宽。相比之下，后端传递文件时，文件需要经过后端服务器的中转，可能会受到后端服务器网络环境和处理能力的限制，从而影响上传速度。此外，前端直传还可以通过并发上传等方式进一步提高上传效率。：由于前端直传能够提高上传速度，用户在上传文件时能够更快地看到上传进度和完成结果，减少等待时间，从而提升用户体验。同时，前端直传可以在前端实现更友好的上传交互，如实时显示上传进度条、支持断点续传等功能，让用户对上传过程有更好的掌控感。
2025-04-04 20:22:18
217
原创 nvm版本管理工具保姆级下载教程
相比于仅安装 node.js，我们可以使用 nvm 直接下载或卸载 node.js，可以同时安装多个 node.js 版本，并动态的切换本地环境中的 node.js 环境版本等，在开发过程中更加的便捷。，nvm 是一个 node.js 的。
2024-12-13 18:02:07
617
原创 如何创建一个node.js项目并配置
-no-view是不使用视图的意思，因为node.js主要是为了开发接口，前端的话会使用vue、react等框架，cd 是切换到你创建的项目。将文件中的render改为json，并且去掉index，将title改为message，因为目的是开发接口。用编辑器打开你创建的项目，不论是vscode还是webstrom。如果此时我们在编辑器里修改代码，回到浏览器刷新发现不会发生改变。打开编辑器找到package.json将start改为。找到routers目录下的index.js文件。所以下载一个监听的库。
2024-10-11 19:00:32
1620
原创 局域网中实现一对一视频聊天（附源码）
WebRTC（Web Real-Time Communication）是一项支持网页浏览器进行实时语音对话或视频对话的API技术。它允许直接在浏览器中实现点对点（Peer-to-Peer，P2P）的通信，而无需任何插件或第三方软件。WebRTC 旨在提供通用的实时通信能力，使得开发者能够在网络应用中构建丰富的实时通信功能，如视频会议、直播、即时消息等。
2024-09-24 09:26:52
1178
1
原创 Css属性transform详解（变形、旋转、缩放）
1.变形就是指通过css来改变元素的形状或位置 2.变形不会影响到页面的布局(不会脱离文档流) 3.平移元素，百分比是相对于自身计算的1.通过旋转可以使用元素沿着x y 或 z旋转指定的角度(transform)
2024-07-26 09:56:47
596
原创 调用上传文件接口出现格式错误
json等的header是这样的application/json;但是传递文件的应该是form-data，我们只需在封装的接口里加一个header更改就行。那就是json、和form-data，一定要看仔细接口。如果还是按照json的方式去传就会报错。
2024-05-31 17:43:13
1692
原创 Hbuliderx创建完项目之后运行到微信开发者工具出现app.json未找到
找到project.config.json文件，在appid上边添加"miniprogramRoot":"unpackage/dist/dev/mp-weixin"
2024-05-20 16:33:55
623
原创 前端大文件上传
这种方法可以减少单个请求的数据量，提高上传效率，并且可以在上传失败后只重新上传失败的部分，而不需要重新上传整个文件。这种方法可以保证上传的连续性，避免上传失败后需要重新上传整个文件，同时也可以提高上传效率。在Vue中，你可以使用相关的库来简化文件上传和切割的过程，比如vue-upload-component、axios等，具体使用方式可以参考它们的文档。续传处理：如果上传过程中断，下次继续上传时，通过查询后端已保存的文件片段信息，得知已经成功上传的文件片段，从断点处继续上传剩余的文件片段。
2024-05-15 17:09:18
1480
原创 VUE项目实现双token无感刷新
当 accessToken 过期时，调接口，会返回201，表示token过期，这个时候需要调用 refreshToken 接口，重新获取新的token，在这个期间执行的请求，都存放到一个新的请求队列中，当获取新的token之后再重新调用，接口返回202的时候表示 refreshToken 过期，需要给用户提示，重新登录页面，跳转到登录页。当客户端检测到access token即将过期或已经过期时，自动在后台向认证服务器发起请求，携带refresh token换取新的access token。
2024-05-15 17:01:55
458
原创 实现对好友列表按首字母排序
的计算属性，其值为将已排序的好友列表数据按照首字母进行分组后的结果。具体来说，遍历已排序的好友列表数据，将每个好友根据昵称首字母放入对应的分组中，并将分组结果保存在。这个函数返回一个 Promise 对象，当 Promise 被 resolved 时，将好友列表数据传递给。中的用户信息对象数组进行排序，排序规则是根据用户昵称的首字母进行比较，使用。方法将每个好友对象中的用户信息提取出来，并存储到。方法中，首先将获取到的好友列表数据赋值给。打印排序后的好友列表数据，以便进行验证。来获取已排序的好友列表数据。
2024-03-25 20:46:21
295
原创 app端用uView Plus实现省市选择器
ps：columns 里面写的是初始化列表，如果再添加一组数据，就会有三列（省市区），columnData 里面写的是每个省对应的市，要做到位置一一对应。
2024-03-17 08:25:11
914
1
原创 用小程序中的uni方法实现uView中的upload组件并将图片上传到腾讯云
这样就能用uni.chooseimage的方法选择图片并且将图片做处理然后上传到腾讯云上。获取secretId和secretKey。1.新建upload.js文件。
2024-03-09 19:57:45
1991
1
原创 vue项目中websocket、心跳检测、断线重连封装以及使用（源码）
【代码】vue项目中websoket、心跳检测、断线重连封装以及使用（源码）
2024-02-25 14:50:01
693
1
原创 使用uni-icon时，设置margin不起效果的问题
在写项目时发现一个问题，使用uView的u-icon时候直接设置u-icon的margin属性在浏览器调试下能起到效果，但是运行到微信开发者工具时没有作用。此时margin-left不能达到自己想要的效果，是因为我没有设置label，这里的margin控制的是label与icon之间的距离。可以在外面加一个盒子，然后使用绝对定位就能解决，position:absolute;在浏览器运行下会显示出本来的效果，但是运行到微信开发者工具后就没有效果了。
2024-02-19 09:58:22
330
1
原创 npm创建项目卡在still idealTree build Deps和更换淘宝镜像
http://npm.taobao.org和http://registry.npm.taobao.org。
2024-01-24 19:35:34
595
2
原创 react中类方法this指向问题
组件的首字母必须大写，参考jsx的语法规则，如果是小写则会转化为对应的html标签从而报错。此中的this时undefined，因为在babel翻译下会开启严格模式。注意：1.类式组件必须继承React.Component。2.必须写render(){}3.render必须有返回值。
2024-01-22 21:02:49
445
原创 ZXing库实现扫描二维码
因为在用uniapp的scan时扫描二维码在h5端不适用，因此h5端需要自己引入三方库，我这里用的是。直接使用ZXing提供的方法就行，如果需要更改视频清晰度等等，请参考官方文档。有两种引入方法，npm引入和js文件直接引入。摄像头权限需要https协议才能调用。
2024-01-21 09:42:56
1692
10
原创 vue中的路由守卫
使用原理：在登陆之前判断token是否存在，如果存在就允许跳转，不存在就不允许跳转。全局前置守卫在每次路由切换前都会执行，而全局后置钩子只有在路由切换完成后才会执行。如果在全局前置守卫中没有调用next（）函数，那么导航将会被中断，并抛出一个错误。如果在全局前置守卫中调用了next（）函数，则不会执行全局后置钩子。全局前置守卫中，next（）函数必须调用，否则导航将无法继续。1. to：即将要进入的目标路由的对象。2. from 当前路由正要离开的路由。使用场景：登录注册页面。3.next 确认放行。
2023-12-09 17:07:57
688
1
原创 uni-app开发微信小程序获取当前经纬度（附源码）
当时在写项目时搜索了很多帖子都不是很有用，以下是我的获取经纬度过程（包括当前时间以及扫码获取二维码信息）
2023-12-09 15:50:09
1228
原创 vue-cli脚手架的安装与配置
弹出一下选择，上下可以选择创建vue2或者vue3项目或者手动选择自己项目中要用到的技术，选中后点击回车。如果没有出现下图的字样，可以关闭cmd窗口，再进入重试，如果还是不行就参考以下链接。npm install -g @vue/cli这两个命令。输入一下命令创建一个项目name可以换成你的项目名称。创建完成后输入npm run serve运行。如果出现vue不是内部或外部命令，就再输入。出现以下打开local端口服务器正常运行。建立或者打开一下文件夹目录。出现这个就代表安装成功。
2023-12-07 17:08:02
674
1
原创 uni开发封装请求（axios）
在core里创建一个createError.js文件，把AxiosError.js文件里的内容复制粘贴到新建的文件里。3.查看项目node_model中axios包下lib/core/文件包。2.在Hbuilderx中下载adapter。根据自己项目的需求改动（baseurl等）然后再运行就不会报错，而且请求也正常。在Hbuilderx上下载一个包。继续使用axios第三方库。
2023-11-25 10:46:25
1057
原创 VUE2中的组件间通信（全局事件总线）
1.原理图：tips：小粉就是中间负责传输数据的2.vue与vuecomponent的关系3.将x（全局都能看见的组件）加在vue的原型对象上，因为只有一个vue原型对象（prototype）在哪引入的vue就在哪操作vue的原型对象（main.js）$bus:总线放置函数：触发回调触发。
2023-11-12 16:17:44
385
1
原创 JS中的节流和防抖
节流是一种限制函数执行频率的技巧。它确保函数以固定的时间间隔被调用，即不论你多频繁地触发事件，函数都会以一定的速率执行。总之，节流和防抖都是用于控制函数的触发频率，但它们的行为略有不同，根据具体的应用场景选择其中之一以优化性能和用户体验。节流函数通常在触发事件后等待一段时间后执行一次，如果在等待时间内再次触发事件，它会被忽略。防抖函数会在触发事件后等待一段时间，如果在等待时间内再次触发事件，等待时间会重新计时。滚动事件：限制滚动事件的处理频率，以避免过于频繁的触发，例如实现无限滚动加载。
2023-10-29 10:38:13
73
1
原创 关于两台服务器之间的跨域问题
两个不同端口的服务器之间进行请求和回复请求会出现跨域问题，从而导致无法拿到数据，其中请求发出去了，另一个服务器也回复请求了，但是违反了同源协议，导致回复被浏览器扣下，那如何解决这个问题呢？先了解一下什么叫同源策略。
2023-10-19 22:09:57
668
1
原创 VUE3与VUE2中的计算属性和监视属性
vue3中的computed函数与vue2中的computed配置功能一样。与vue2中的watch配置功能一样。但是有两个容易踩的“坑”
2023-10-08 15:58:28
82
1
原创 JS中的浅拷贝和深拷贝及区别
5.JSON.parse(JSON.stringify()) //深拷贝（深度克隆），拷贝的数据不能有函数，否则处理不了。拷贝之后不会生成新的数据，而是拷贝引用.修改拷贝后的数据会影响原数据。3.Array.prototype.concat() //浅拷贝。4.Array.prototype.slice() //浅拷贝。特点：拷贝的时候生成新数据，修改拷贝后的数据不会影响原数据、拷贝之后会生成一份新的数据，修改以后的数据不会影响原数据。特点： 拷贝的引用，修改拷贝后会影响原数据。
2023-10-05 05:00:00
64
原创 JS中的回调地狱问题以及解决方法
如果在回调函数中再传入一个函数，就会出现一个嵌套结构如此层层嵌套回调就会形成回调地狱。业务中有时在请求数据时会出现这种情况，需要发送多个AJAX请求，第1个正常发送，但是第2个需要第1个请求的数据结果中的某一个值作为参数，第3个请求需要第2个请求的数据结果中的某一个值作为参数，如此层层嵌套回调就是回调地狱。这样的代码就很难去维护且业务逻辑复杂代码可读性也不好。
2023-10-04 20:10:46
472
1
原创 向github仓库提交代码
如果出现上图代码就代表已经有了ssh，再输入ssh-keygen -t rsa命令，期间不需要输入代码，一直敲回车就可以，之后我们电脑上就会生成两个文件分别为id_rsa和id_rsa.pub，即密钥id_rsa和公钥id_rsa.pub. ，存放的地方代码里写的有存放路径，windows系统可以去找c盘，文件名是.ssh。由于github是国外的东西，想要在浏览器正常打开就需要翻墙或者加速器，在这里给大家推荐一个比较方便的，也比较好用的，直接在Microsoft store里搜索。
2023-09-09 21:04:47
756
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人