- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 “从零开始:Pinia快速入门指南“!!
Pinia 是一个专为 Vue 3 设计的状态管理库,它的设计目标是提供一个更简洁、更直观的 API,使得状态管理变得更容易理解和使用。它的前身 是Vuex5,它是Vuex5的下一个迭代实验,它实现了Vuex5中的大部分功能。它最大特点是轻量级: 相比于 Vuex,Pinia 更加轻量,没有不必要的抽象层,这有助于提高性能和减小包大小。
2024-07-30 16:02:17
722
原创 Vue3 如何封装一个合格的【获取验证码组件】
上面的组件封装的太简单了,一个好的组件需要具有比较好的自定义性、拓展性,所以我们需要完善一下组件的封装可以把这个组件拆成两个部分:CountdownInput输入框CountButton按钮。
2024-07-30 09:28:45
280
原创 十分钟学会WebSocket
WebSocket 协议通过建立一条持久化的连接来实现双向通信,从而避免了 HTTP 协议中频繁建立和断开连接的过程,减少了网络开销和服务器的负担。心跳机制的目的是定期发送小的探测消息,以确保连接仍然有效,如果连接断开或出现问题,可以及时发现并采取措施。客户端通过发送特定的HTTP请求进行握手,服务器收到请求后进行验证,如果验证通过,则会建立WebSocket连接。通过这些步骤,你可以实现WebSocket的心跳机制,确保连接的持续稳定,以适应长时间的通信需求。的消息时,你需要检查它是否是心跳消息。
2024-02-26 17:13:28
979
1
原创 在Vue2中实现多tab页
在这个示例中,tabs数组中的每个元素 { label: 'Tab 1', checked: true } 表示一个tab页,label属性为tab页的名称,checked属性表示该tab页是否选中。toggleTab方法用于切换当前tab页的选中状态,通过遍历tabs数组将选中状态设置为当前点击的tab页,其他tab页的选中状态则设置为false。4. 在每个tab页的HTML内容中添加一个checkbox框,绑定到对应tab页的checked属性,并通过v-model指令实现双向数据绑定。
2024-01-29 17:15:39
717
原创 有哪些短小却令人惊叹的 JavaScript 代码?
3、复制到剪切板(使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板上)5、找出一年中的某一天(即给出一个日期,程序给出属于本年的第多少天)12、从日期中获取“时分秒”格式的时间。//通过将x、y设置为0来实现。7、计算两个日期之间相差的天数。1、获取浏览器cookie值。2、将RGB转换为16进制。11、从URL中获取查询参数。18、获取用户选定的文本。6、将字符串首字母大写。17、检查数组是否为空。4、检查日期是否有效。9、生成随机16进制。
2023-12-22 10:24:41
453
原创 前端工程化:使用require.context()实现前端自动化导入
的api,require.context主要用来实现前端自动化导入模块,它会遍历文件夹中指定文件,然后自动导入,不需要每次使用的时候使用import导入模块。require.context(directory,useSubdirectories,regExp)接受三个参数。值得注意的是require.context()执行后返回值是一个函数,并且这个函数有3个属性。1、require.context是什么。从一个文件夹中引入多个模块。
2023-06-15 16:50:08
258
原创 计算机毕业设计:基于springboot社区疫情防控管理系统+论文
社区疫情防控管理系统,主要的模块包括用户管理,在线交流信息,人员检测信息,外来人员报备,防疫须知信息,公告信息,疫情用品信息,订单信息,评价信息功能。系统中管理员主要是为了安全有效地存储和管理各类信息,还可以对系统进行管理与更新维护等操作,并且对后台有相应的操作权限。随着社会的发展,社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。开发工具:idea (eclipse) 环境:jdk1.8 mysql。基于springboot mybatis 开发。
2023-06-15 09:55:52
125
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人