不忘初心1995
码龄6年
关注
提问 私信
  • 博客：129,986
    社区：64
    130,050
    总访问量
  • 244
    原创
  • 59,799
    排名
  • 126
    粉丝
  • 0
    铁粉
  • 学习成就

个人简介：欢迎访问我的个人博客http://139.9.210.43/#/home，有更加详细的资料

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：四川省
  • 加入CSDN时间： 2018-06-13
博客简介：

qq_42451776的博客

查看详细资料
  • 原力等级
    成就
    当前等级
    4
    当前总分
    916
    当月
    0
个人成就
  • 获得181次点赞
  • 内容获得15次评论
  • 获得209次收藏
  • 代码片获得351次分享
创作历程
  • 10篇
    2024年
  • 236篇
    2021年
成就勋章
TA的专栏
  • 在线im
    4篇
  • 在线五子棋
    1篇
  • 医学记录
  • node
    9篇
  • king-ui-pro
    1篇
  • vue
    49篇
  • kl-ui
    15篇
  • 笔记
    22篇
  • 工作
  • vscode
    1篇
  • nginx
    1篇
兴趣领域 设置
  • 前端
    javascriptreact.js前端框架
  • 后端
    node.js
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

342人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

express+vue 在线五子棋(一)

示例本期难点1、完成了五子棋的布局，判断游戏结束2、基本的在线对战3、游戏配套im(这个im的实现，请移步在线im)下棋安排1、每步的倒计时设置2、黑白棋分配由玩家自定义3、新增旁观者4、悔棋5、自行创建一盘棋局感兴趣的，还请点个免费的收藏与关注，后续会一直跟进这个系列前端部分五子棋布局与游戏输赢判断<template> <div class="flex-wrap flex-justify-between"> <div cla
原创
发布博客 2024.06.23 ·
1495 阅读 ·
48 点赞 ·
2 评论 ·
32 收藏

express+vue在线im实现【四】

express+vue在线im实现【一】express+vue在线im实现【二】express+vue在线im实现【三】web端在线录制与发送音频
原创
发布博客 2024.06.20 ·
754 阅读 ·
17 点赞 ·
0 评论 ·
4 收藏

express+vue在线im实现【三】

支持各种类型的文件上传，常见文件类型图片，音频，视频等使用腾讯播放器完成视频播放,这个是本期亮点，支持自定义控件功能与样式,这儿示例了前进后退15s与设置里的配置音频使用html5标签audio播放其他类型统一为下载input chang方法// 有上传文件if (!// 图片// 发送消息})})})return// mp4if (type!this.$message.warning('请上传mp4格式的视频')return// 视频上传// 发送消息})})
原创
发布博客 2024.06.19 ·
1022 阅读 ·
20 点赞 ·
0 评论 ·
29 收藏

vue中通过自定义指令实现一个可拖拽，缩放的弹窗

指令代码vue组件代码，弹窗
原创
发布博客 2024.06.18 ·
1050 阅读 ·
26 点赞 ·
0 评论 ·
23 收藏

express+vue在线im实现【二】

本期示例本期完成了：1、心跳检测2、支持发送表情与图片3、新增了一些细节，消息固定位置，是否显示呢称，新消息来的闪烁提示等4、将整个模块独立了出来，在博客页新增了全局挂载。
原创
发布博客 2024.06.16 ·
573 阅读 ·
6 点赞 ·
2 评论 ·
13 收藏

express+vue在线im实现【一】

如果有道友有需要的也可以私聊我，我看到会回的。需要用邮箱注册一个账号。3、历史聊天，上拉加载。1、在线聊天(群聊)2、实时监控成员状态。需要用到下面这个插件。
原创
发布博客 2024.06.10 ·
464 阅读 ·
10 点赞 ·
0 评论 ·
4 收藏

如何搭建一个vue2组件库(king-ui-pro)

webpack.config.js 添加每个组件的打包。选择依赖，基本啥都不用安装。每个组件都需要一个注入方法。为仓库生成一个快捷方式。
原创
发布博客 2024.04.22 ·
489 阅读 ·
7 点赞 ·
0 评论 ·
5 收藏

axios封装

2、对所有的get添加了自定义缓存时间，与主动取消缓存。1、对所有的get添加了防抖，每两秒只能请求一次。
原创
发布博客 2024.04.22 ·
156 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

vue中如何控制一个全局接口的调用频率

在app.vue，created中调用了一个同步用户信息的接口，但不希望每个页面刷新都会调用，并限制在页面的调用频率。
原创
发布博客 2024.04.22 ·
323 阅读 ·
4 点赞 ·
0 评论 ·
0 收藏

前端如何实现-服务监控

【代码】前端如何实现-服务监控。
原创
发布博客 2024.04.22 ·
269 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

vue switch组件

示例功能描述自定义两种状态下的颜色对比el-switch新增了v-model 的值自动和配置的两个状态值保持一致使用 <kl-switch :default="switchRule" v-model="isOk"></kl-switch> data() { return { isOk: '1', switchRule: ['1', '2'], } },实现<te
原创
发布博客 2021.12.31 ·
2458 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

步骤条制作 -- vue

示例使用使用 <kl-steps :active="activeStep"> <kl-step title="步骤 1"> <p class="f-14">步骤 1 --补充 步骤 1 --补充步骤 1 --补充</p></kl-step > <kl-step title="步骤 2"> 步骤 2 --补充 <
原创
发布博客 2021.12.25 ·
722 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

SVG基础

svg
原创
发布博客 2021.12.12 ·
3 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

模糊搜索框 el-select的优化版

演示左侧是el-input右侧是kl-input优化问题el-input传递的配置项，只有value有用在数据量较大，频繁搜索可能会出现搜索内容与显示内容不匹配当鼠标移动到下拉框框，使用键盘上下键切换，不能正常翻页功能介绍模糊搜索上下键 翻页根据渲染的options的长度，添加不同时长的节流~~自定义滚动条 ~~使用<template> <div> <h2> {{ currentVal }} </h
原创
发布博客 2021.12.05 ·
290 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

js 图片压缩公共方法的封装

文章目录示例使用实现存在问题示例使用<template> <div class="img-compress"> <span> 输入宽高压缩比 </span> <el-input v-model="ratio"></el-input> <input type="file" ref="fileRef" @change="fileChange" /> <div> <
原创
发布博客 2021.12.02 ·
591 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

阿里图标svg 的使用方式

第一步，下载到本地只要iconfont.js这个文件，再main.js终导入即可import '@/assets/svg/iconfont.js';页面使用注意这儿的user1 就是图标的名字 <svg aria-hidden="true" width="20" height="20"> <use xlink:href="#icon-user1"></use> </svg>...
原创
发布博客 2021.11.30 ·
2522 阅读 ·
4 点赞 ·
0 评论 ·
3 收藏

vue锚点组件优化版 (kl-anchor)

文章目录示例功能使用方式实现kl-anchorkl-anchor-itemB站演示地址—有空再录制示例功能组件使用了elementui的部分组件，使用时注意导入点击tab栏，展示区切换到指定区域展示区滚动，tab栏自动切换到对应区域(我这儿的tab栏是自制，也可以使用elementui的相关组件)kl-anchor下只能套kl-anchor-itemkl-tab制作地址使用方式<template> <div class="anchor"> <
原创
发布博客 2021.11.28 ·
1326 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

kl - tab vue导航栏实现(底部线动画）

使用<template> <div class="demo"> <kl-tab :tabOptions="tabOptions" @change="changeCom" /> <div class="main"> <component :is="activeName"></component> </div> </div></template><
原创
发布博客 2021.11.27 ·
765 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

两端等高布局

示例实现<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &
原创
发布博客 2021.11.26 ·
183 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue excel文件上传预览和修改组件封装

前言本组件的封装使用了部分elemenu-ui的组件，使用时，需要注意导入上传的组件使用了我自己制作的kl-upload ，大家也可以直接使用elementui的上传，并不影响功能，这儿也附上这个组件的制作地址 kl-upload组件功能描述提供单个或多个excel,csv文件的上传(简单的行列容易对应的表格)前端解析文件，生成表格(el-table)两份，一份的table1，一份冻结的table2，都支持下载为excel和收集为json数据上传表格分页展示支持在线修改和删除使用方式
原创
发布博客 2021.11.25 ·
864 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏
加载更多