- 博客(249)
- 资源 (26)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 nodejs+express实现用户登录或者注册通过邮箱发送验证码（redis验证）
❤️砥砺前行，不负余光，永远在路上❤️❤️砥砺前行，不负余光，永远在路上❤️简要目录实现思路一、后端部分（文件目录可以看图2）1.redis部分2.nodemailer部分3.发送邮件的接口4.后端校验验证码是否有效二、前端部分（使用的element-admin）1.正则验证输入的是否是邮箱号2.前端login页面完整代码可以参考（有部分字段需要修改），这个包括60秒倒计时的效果。总结实现思路有帮助的话各位哥哥可以点个关注收藏哦后端生成六位随机验证码，存入redis（key：邮箱号，v.
2022-04-06 16:33:51
4194
7
原创 nodejs + express 实现文件上传，文件预览，浏览器预览pdf文件，解决跨域
nodejs + express 实现文件上传，文件预览，浏览器预览pdf文件，解决跨域
2022-03-23 11:07:13
4037
1
原创 #1024#1024#1024
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2024-10-24 22:50:56
665
原创 利用abcjs和@tonejs/midi 将mid文件转换为乐谱
这是vue实现的一个效果 upload组件可以自己处理，拿到可以访问的mid文件地址即可，我这里getImg 处理了一些文件路径问题，没有的话可做相关修改，谱子可能不是很精准，自测。
2024-10-12 10:28:40
186
原创 Node.js 中的图片压缩技术
在开发 Node.js 应用时，图片优化是不可忽视的一环。通过合理使用图片压缩技术和工具，我们可以有效地减小文件大小，提高页面加载速度，从而提升用户体验。sharp、imagemin 和 tinify 是在 Node.js 中实现图片压缩的常用工具，开发者可以根据项目需求选择合适的工具进行优化处理。希望本文能够帮助读者更深入地了解 Node.js 中的图片压缩技术，以及如何在实际项目中应用这些技术，从而提升应用性能和用户体验。通过持续地优化图片加载，我们可以为用户提供更流畅、更快速的网络体验。
2024-03-14 14:49:19
2146
原创 使用Excel4Node库创建精美的Excel文档之（添加图片进excel）
excel4node是一个用于在Node.js环境中生成Excel文件的库。它提供了丰富的功能，可以帮助你创建包含数据、图表、样式和图片的Excel工作簿。简单易用：excel4node的API设计非常简单，容易理解和使用，即使对于没有Excel编程经验的开发者也很友好。丰富的功能：它支持创建工作簿、工作表、单元格、图表、样式和图片，并能够设置各种属性和格式。支持图片：excel4node允许你在Excel文档中插入图片，这在制作报告和数据可视化时非常有用。跨平台。
2023-09-10 23:58:14
1075
原创 微信小程序websocket使用protobuf，发送arraybuffer
小程序中使用websocket，区分房间、空间现在遇到了一个需求是小程序接入 io-game 的websocket 和unity 游戏端同时使用一个websocket，io-game那边收发websocket消息都是采用 Protobuf 处理的。//加载awesome.proto对应的json var Login = protobuf . Root . fromJSON(loginConfig);//这就是我们的Message类。
2023-06-01 21:58:43
3823
1
原创 Sequelize：Node.js 中的强大 ORM 框架
在现代的 Web 开发中，与数据库进行交互是常见的任务。为了简化和加速与数据库的交互过程，许多开发人员选择使用 ORM（对象关系映射）框架。ORM 框架提供了一种将数据库记录映射到对象的方式，使开发人员可以使用面向对象的编程方式来处理数据库操作。在 Node.js 生态系统中，Sequelize 是一个备受青睐的 ORM 框架，本文将介绍 Sequelize 的特性和用法。Sequelize 是一个基于 Promise 实现的 Node.js ORM 框架，用于与关系型数据库进行交互。
2023-05-31 00:33:52
8488
1
原创 nodejs 中使用websocket 并且区分空间，实现收到客服端消息 同步给房间内所有连接，小程序中使用websocket，区分房间、空间
因为业务需要我这里是小程序 结合 nodejs来实现的websocket通信。
2023-05-30 17:44:45
1395
原创 TypeError: Cannot read properties of undefined (reading ‘canGetCode‘)
uniapp + uview2.0 Code 验证码输入框 运行到支付宝小程序发验证码报错。
2023-04-28 11:16:20
636
原创 Uncaught TypeError:Cannot read properties of null (reading ‘isCE‘) at Cc (1cl-test-ui.mjs:1564:9)
组件发布之后使用可能会遇到报错，错误信息：Uncaught TypeError:Cannot read properties of null (reading ‘isCE’)
2023-04-11 12:10:57
6089
1
原创 property based on the prop‘s value. Prop being mutated: “value“ found in ---＞ ＜UCell＞ at uni_modul
Uniapp 中使用uview 2.0的cell 运行到支付宝小程序报错解决found in。
2023-04-11 11:47:25
862
原创 vue3 中 pinia 数据持久化配置使用sessionStorage
现在，Vue 的官方状态管理库已更改为 Pinia，它由 Vue 核心团队维护，Vue 官方推荐使用 Pinia。
2023-04-05 23:31:18
4685
4
原创 记录一次Vue3中自定义audio标签实现拖拽滑动进度和音量的控制
isListen : false , positionY : 0 , voice : 100 , total : 0.00 , }) const audio = ref() const percentage = ref(0) //播放还是暂停 let timer = null const changePause =() => {//暂停 } else {//播放 if(timer) {
2023-04-05 22:44:46
4121
原创 记录一次uniapp中实现选择上传其他文件
相关插件：https://ext.dcloud.net.cn/plugin?id=4109https://ext.dcloud.net.cn/plugin?id=1015从插件市场导入可以直接使用，下载插件的话引入一下组件，注册一下选择文件写个方法调组件内部的方法就行。
2022-10-24 16:00:59
980
原创 python获取每日油价信息（存入数据库）
数据来源：油价网 http://youjia.chemcp.com/，自己想做一个小程序的时候发现外边api都是收费的，这玩意能忍？那还不如自己写一个获取数据的东西出来，然后再服务器设置一个定时任务，每天去更新一下这个数据就行了。需要注意的是如果是第一次运行代码的话 要把sql语句换成insert，后边每次都是修改数据，没有考虑原数据的保存。
2022-09-15 15:52:03
872
原创 实现一个待办提示，包含监听页面滚动到底部重新获取数据
回想起上次写博客还是上次了，本次需求是实现一个代办提示，点击按钮弹出列表，本来是要结合websocket完成的，我这里还没有调试完成那些东西，先做个记录，包含监听页面滚动效果，加载分页数据。实现效果图。
2022-09-14 12:02:55
330
原创 解决[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “previewList”网上好多说是直接data中赋值给另外一个变量，好像没用，我这直接.
2022-06-23 15:49:43
664
原创 两种方法解决elementui的el-dialog 移动端中使用百分比显示问题，自适应（响应式）
一、几行css就搞定，不需要去动态的监听获取屏幕宽度啥的，来更改width，这里的意思就是当屏幕宽度小于600px并且大于220px的时候设置为90%显示，如果仅仅需要小于某一个值的话用一个and就行，大于某一个值也是一样。二、根据document.body.clientWidth设置width在mounted中或者created中获取一下宽度给dialog赋值一下就行。个人感觉还是css3的media方便一点，方法很多，看自己咋个用吧...
2022-06-22 10:14:59
3806
2
原创 解决nodejs报错：_http_outgoing.js:722 throw new ERR_INVALID_ARG_TYPE(‘first argument‘, ^TypeError [ERR_IN
nodejs中使用request报错：_http_outgoing.js:722 throw new ERR_INVALID_ARG_TYPE(‘first argument’, TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer or Uint8Array. Received an instance of Object给参数body转为json字符串就行，要
2022-06-20 15:54:13
2168
原创 nodejs中数据库关联表查询返回数组对象
我这里是有一个用户表和用户角色表，以及一个用户角色关联表，我想在查询用户列表的时候也同事返回用户的角色信息，纯前端不是很懂数据库，这里采用了最愚笨的方法，性能方面有些不妥，数据过多的话查询时间就会变的很长，可能操作有些那啥，但是写小项目能用，有啥更好的方案望指出。用户表角色表关联表三、后端接口首先查询用户信息，根据用户去使用关联查询拿到用户的角色信息，在处理一下数据，然后返回，这里因为result 是一个数组，后边遍历去查询又是一个异步操作，所有用了一下那个promis，等到所有遍历异步结束之后
2022-06-15 15:56:08
1181
1
原创 解决报错 We‘re sorry but doesn‘t work properly without JavaScript enabled. Please enable it to continue.
vue项目打包发布到线上之后报错 修改router模式之后重新打包上传就可以了。
2022-06-12 13:50:48
42964
10
原创 element ui el-table 表头内容超出省略，悬浮时显示（Tooltip 文字提示效果）
element ui el-table 表头内容超出省略，悬浮时显示（Tooltip 文字提示效果）
2022-06-08 16:48:07
5048
原创 出行限号小程序，限行小程序
小程序端目前是直接前端设置的限号数字，后期可能会更换为后端配置的方式。地址：https://download.csdn.net/download/qq_31754591/85572273
2022-06-07 09:26:24
489
原创 python django项目常用指令（启动，创建用户）
❤️砥砺前行，不负余光，永远在路上❤️目录前言django常用指令前言django常用指令python manage.py runserver #启动项目python manage.py migrate #初始化数据库python manage.py createsuperuser #创建管理员用户...
2022-05-27 09:17:41
317
原创 微信公众号网页用户授权，拿到用户唯一openid和access_token，换取用户信息
❤️砥砺前行，不负余光，永远在路上❤️目录前言一、配置回调地址二、用户同意授权，获取code三、前端传回code 换取openid结语前言说实话前几天好想看到用户信息那玩意接口又改了，有点e心了就，老改来改去的。官方网页授权文档：点击直达步骤;第一步：用户同意授权，获取code第二步：通过code换取网页授权access_token第三步：刷新access_token（如果需要）第四步：拉取用户信息(需scope为 snsapi_userinfo)一、配置回调地址二、用户.
2022-05-17 17:33:33
1934
原创 vue中防抖函数，element select组件
❤️砥砺前行，不负余光，永远在路上❤️目录前言一、vue中防抖函数前言节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时一、vue中防抖函数使用场景：这里下拉框多选之后，三秒获取后边条件的列表数据（根据前边选择的内容获取新数据），直接使用@change 的话选一个就会请求数据。//防抖函数(select改变)debounce(func, wait = 3000, immediate = false).
2022-04-24 10:37:56
997
原创 控制台Mixed Content 多种解决办法
Mixed Content: The page at ‘https://xxxxx.com/dashboard’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://xxxxxx/api-sys/sys/account/getMenuList?id=5a1dc8c8191d4921b84cef55204ae67c’. This request has been blocked; the conten
2022-04-20 11:16:41
1770
原创 整个canvas玩一玩，做一个简单的水印相机小程序
目录前言一、知识点介绍1、小程序camera组件2、腾讯位置微信sdk3、微信小程序Canvas相关API（就不多说了）二、拍照添加水印（核心部分）前言核心js代码粘在下面了，需要的宝贝可以看看思路，末尾会有一个源码地址，后期应该还会更新一些功能，比如说图片的裁剪合并，现在九宫格切割已经做好了（只是还有些bug…）一、知识点介绍1、小程序camera组件camera详细介绍2、腾讯位置微信sdk解析当前位置，需要获取附近位置3、微信小程序Canvas相关API（就不多说了）咱就是啥也
2022-04-19 22:15:22
2612
3
原创 uniapp 开发的app检测版本实现自动下载更新（展示下载进度）
目录前言检测是安卓还是ios版本号对比直接调用默认浏览器打开下载地址的方法完整检测更新和下载文件代码data部分前言组件库环境：uview 1x检测是安卓还是ios首先在onload中检测是安卓还是ios，ios的话 要做啥操作另外修改一下，这里主要是针对apk的更新onLoad() { //检测更新 const type = uni.getSystemInfoSync().platform console.log(type, '机型') type == 'ios' ? '' : this
2022-04-12 12:36:40
6519
2
原创 前端面试题之性能优化详细篇
简要说明网站性能说简单点就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否够快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。在MDN上对web性能的定义是网站或应用程序的客观度量和可感知的用户体验。比如减少页面加载事件(减少文件体积，减少HTTP请求，使用预加载)，让网站尽快可用(懒加载或者分片加载)，平滑的交互性(使用CSS替代JS动画，减少UI重绘)，感知表现(加载动画，loading等给用户感觉快)，性能测定(性能指标，性能测试，性能监控以便持续优化，毕竟性能优化是个持续的
2022-04-08 09:37:53
2744
原创 canvas节点转换成img
问题描述项目发货单中生成二维码，使用的是qrcode，调用window.print()，不显示二维码部分，这玩意是用的一个canvas生成的二维码图像，这里将canvas转为img 就可以显示了。解决方案：//从 canvas 提取图片 image canvasToImage(canvas) { //新Image对象，可以理解为DOM var image = new Image(); // canvas.toDataURL 返回的是一串Base
2022-04-07 10:32:05
1506
原创 vue中富文本回显问题（tinymce）
this.$nextTick(() => window.tinymce.get('节点id').setContent('回显的值'));
2022-04-01 11:39:38
4247
2
原创 前端将Html中某一个Dom节点转换为pdf格式文件、前端生成pdf（vue）
## js使用window.print()打印某一个Dom节点直接使用window.print()会调用浏览器的打印，打印内容是整个页面（body）的内容，如果采用生成新元素替换原来body 在替换回去的话会导致原有的事件丢失掉，可以使用新元素遮罩原来的打印完成移除元素。
2022-03-31 15:58:08
1856
1
原创 自定义Uview的Album 相册组件添加删除功能
功能需要，直接使用了Album组件 不用自己去调样式了，直接可以大图预览，对超出限制数量的照片可以折叠修改组件先找到组件中图片的位置。添加一格删除图标，给图标添加点击事件,我这里显示图片的地址是包含文件id的 从删除的点击事件在预览地址中取出文件id就行传回父组件就想行。这里有个事件冒泡，需要处理下，不然会点击也有预览效果<view @click.stop="del(item)" class="delIcon"> <image src="@/static/delete.png
2022-03-25 11:12:31
2128
ILSpy：icsharpcode/ILSpy
2023-09-21
校园网跑腿小程序，跑腿小程序
2022-06-19
基于Vue的个人博客系统设计与实现
2022-05-27
基于Bootstrap影视网站的设计与实现
2022-05-27
pygame 飞机大战 pyhton游戏
2022-04-12
python 终端学生管理系统，学生增删改查
2022-04-12
python ocr识别证件号码，识别验证码，调用摄像头
2022-04-12
富文本组件 Tinymce Vue组件
2022-03-08
python flask 框架 查询数据库时间问题
2022-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人