- 博客(28)
- 收藏
- 关注
RSS订阅原创 微信小程序基于Canvas实现头像图片裁剪（上）
嘿，打工人混迹职场这么久，图片处理肯定都没少碰。不过咱说实话，大部分时候都是直接 “抄近道”，用现成的三方组件😏。就像我，主打一个会用工具，毕竟善用工具可是咱人类的 “超能力”，不会用那可就真成 “原始人” 啦🤣。最近在搞微信小程序开发时，遇到个需求：用户上传图片得能裁剪。我瞅了瞅 UI 给的效果图，好家伙，找遍了都没发现合适的组件，这下没办法，社畜的 “使命感” 上身，只能自己动手，丰衣足食咯😅。
2025-04-03 09:19:56
829
原创 【Nova UI】五、解锁 SASS 魔法，优雅实现 BEM 规范
此前，我们领略了JavaScript为BEM规范在交互逻辑实现上的精彩呈现🎯，而在样式设计领域，不同工具各有所长。本文将深入剖析SASS实现BEM规范的方法与技巧，为你的前端开发工具箱增添关键技能。
2025-04-02 09:01:15
996
原创 【Nova UI】四、JavaScript 与 BEM 规范的梦幻联动：前端开发新动能
我们已经领略了 BEM 规范在 CSS 样式管理方面的强大功能，它为我们的样式代码带来了秩序与高效。但在前端开发中，JavaScript 作为交互逻辑的核心语言，与 CSS 紧密协作，该如何实现呢？
2025-04-01 08:51:26
550
原创 【Nova UI】三、探秘 BEM：解锁前端 CSS 命名的高效密码
上一篇文章中，我们一步一个脚印，扎实地完成了 Vue 组件库搭建的环境搭建工作。当我们把目光聚焦到组件库的样式设计时， BEM规范，自然而然地进入了我们的视野，让我们一同深入探寻 BEM 规范的奥秘。
2025-04-01 08:34:01
317
原创 【Nova UI】二、解锁 Vue 组件库环境搭建秘籍：pnpm、TS 与 Monorepo 的协同
回顾上文，我们已全方位洞悉搭建 Vue 组件库所需的技术选型，也透彻明晰后续搭建步骤的整体规划。此刻，我们即将正式踏入实战的首站 —— 环境搭建，让我们一同深入探索，解锁其中蕴藏的奥秘。
2025-03-31 08:40:12
389
原创 【Nova UI】一、探秘 Vue 组件库搭建：从技术选型到持续迭代
此前，我潜心钻研了如何搭建一个组件库✨，然而一直未曾将所学整理并分享出来，实在是有点小遗憾呢。近期恰好得闲，便抓紧时间梳理一番，将其呈现于此，希望能对大家有所帮助哦。
2025-03-31 08:26:12
1735
原创 [特殊字符]【Chatterbox（话匣子）】如何实现拖拽、粘贴文件上传？
话匣子已经上线了一段时间了，有些小伙伴在使用过程中觉得图片上传太鸡肋了，想要类似于微信一样的上传功能。点击选择文件上传步骤比较多，不太友好。下面就简单聊一下我对于粘贴文件、拖拽文件上传的实现。
2025-03-30 09:55:57
642
原创 [特殊字符]【Chatterbox（话匣子）】如何在自己的网站中接入QQ登录？
🎈Chatterbox（话匣子）实时聊天系统已经重构上线有两周了，有些小伙伴们觉得使用邮箱验证码登录太麻烦了，可是个体微信不让扫码登录呀😡。那咱们只能退一步，加一个QQ登录吧！
2025-03-30 09:46:31
697
原创 [特殊字符]我在 Chatterbox（话匣子）中 WebRTC 的使用-下篇（实际应用-实现实时语音视频通话）
🎈在上篇文章中我介绍了一下WebRTC的基本概念。这篇我们来简单聊一聊WebRTC的基本用法、两个客户端之间的通讯，以及我在Chatterbox（话匣子）中的应用方式。
2025-03-30 09:29:02
838
原创 [特殊字符]我在 Chatterbox（话匣子）中 WebRTC 的使用-上篇（基本介绍）
我的上篇文章中介绍了即时聊天Chatterbox（话匣子）中WebSocket的应用，那定少不了实时语音、视频通话功能。那就得聊一下WebRTC Web Real-Time Communication
2025-03-29 17:24:46
856
原创 [特殊字符]我在 Chatterbox（话匣子）中 Websocket 的使用-下篇（实际应用）
🎈在上篇文章中我介绍了一下WebSocket的基本概念以及它的基本使用。这篇我们来简单聊一聊WebSocket的两个客户端之间是如何通讯的，以及我在Chatterbox（话匣子）中的应用方式。
2025-03-29 16:16:19
1039
原创 [特殊字符]我在 Chatterbox（话匣子）中 Websocket 的使用-上篇（基本介绍）
认识我的人应该知道我最近重构了即时聊天系统并改名为 Chatterbox（话匣子），既然是聊天系统那必然少不了使用WebSocket。下面简单聊一下Chatterbox是如何使用WebSocket的。
2025-03-29 10:08:58
1057
原创 用空闲时间做了一个小程序-二维码生成器
一直在摸鱼中赚钱的大家好呀~ 自从国庆前的文字转语音的工具上线到现在已经将近有1个月没有更新小程序了。但是今天终终终终终于又有个小工具上线了，希望这个小工具可以帮助到更多的鱼友们(没错就是你们)。
2025-03-29 10:04:40
994
原创 【vue】聊一聊嵌套路由使用keep-alive缓存的实现
大家应该都写过类似布局的页面，一个顶部导航、一个侧边菜单和一个主要内容区域。其中只有主要内容区域是变化。在这个基础上实现缓存大家应该都有经历过。那多层嵌套路由怎么实现呢？
2025-03-27 09:07:01
1809
原创 用空闲时间做了一个小程序-文字转语音2.0（语音播放进度条）
这篇文章就接着上文继续往下实现语音播放进度的解决方案。这篇文章会讲到播放进度条的实现，希望这篇文章可以给更多的鱼友们的解决一些开发中遇到的问题或者启发，也希望楼主的小程序有更多的鱼友加入。
2025-03-27 08:51:48
620
原创 用空闲时间做了一个小程序-文字转语音2.0（获取语音时长）
自从小程序上次增加了一个文字转语音的功能之后，使用的用户不是很多，可能与这个功能实现有关系。当时只支持转换及下载，使用起来不是很友好，于是我就开始做语音分享给好友的功能。
2025-03-26 09:14:58
756
原创 【vue】聊一聊拖拽改变DOM大小的实现
大家或多或少应该有遇到过通过拖拽改变DOM大小的需求：比如说页面的侧边栏支持拖拽调整大小，使内容可视区变大。
2025-03-25 20:16:42
285
原创 用空闲时间做了一个小程序-用户隐私协议
大家一定都有收到关于微信小程序隐私保护指引设置公告。涉及处理用户个人信息的小程序，需通过弹窗等明显方式提示用户阅读隐私政策等收集使用规则。就是要需要用户明确同意用户隐私协议才能调用微信提供的部分接口。
2025-03-24 19:21:55
498
原创 用空闲时间做了一个小程序-文字转语音
刚发布小程序的时候只有作者交流群里面的小伙伴进行了抢先体验，之后用户增长就没有那么的乐观了。为了不辜负知名UI设计的出的UI图，这里浅浅的贴一下知名UI设计师的原图。将生成的文件保存到服务器中，然后请求接口的时候返回对应的资源路径（弊端就是占用我服务器内存）。这次更新的内容是一个可以将文字转为语音的一个小工具，先来看下知名UI设计师设计的页面。下面就是下载语音的功能了，当做到这边的时候发现。
2025-03-20 20:30:46
532
原创 [特殊字符]大家好，我是拖孩（好市民）[特殊字符]
哈喽，大家好呀👋，我是拖孩（群友们也叫我好市民），超开心能在活力满满且创意无限的稀土掘金平台，和各位超厉害的开发者大大们相遇🎉！ 作为一名专注于前后端开发领域的 “搬砖人”，我投身这个行业已有数年
2025-03-20 20:26:36
521
原创 一个即时聊天系统，我叫它 Chatterbox（话匣子）
🎈Chatterbox（话匣子）是im-vue重构后的即时聊天系统🆕。 是通过 Websocket 实现了消息的实时传递 和 通过 RTCPeerConnection 实现了语音通话、视频通话。
2024-06-21 17:13:01
827
原创 用空闲时间做了一个小程序
自从接触了小程序开发之后，就想做一个自己的小程序项目。这不，从摸鱼时间中挤出了部分空闲时间不断完善和踩坑，一点点的墨迹出来了。由于我自己做出来的界面不能说富丽堂皇，但是确实也上不了台面，所以高价聘请知名设计师设计了亿下下。
2023-09-01 15:18:20
149
原创 【vue】聊一聊Element UI的自定义主题颜色
ElementUI组件库相信大家一定都接触过。但是自定义主题颜色的需求有接触过的应该不多，至今我是没有遇到类似的需求。之所以讲这个需求，是因为在我的开源项目中有做到这个需求，所以在这里和大家聊一聊。
2023-06-09 10:28:03
6122
原创 【vue】聊一聊监听Element的边界尺寸
上面两种方式都是实现需求，但是都有相同的一个弊端：如果有很多组件里面都需要监听，那所有的组件都要写这些重复的代码。显然这样并不是我们所希望的，有没有什么方式可以不用这样做呢？当然是有。下面我就带领大家使用自定义指令的方式基于ResizeObserver来实现这个需求。由上文介绍的ResizeObserver中知道它的回调函数返回的是一个数组，那我们就可以得出它是可以监听多个Element的。以上代码就可以实现需求，但是并不能满足所有场景，比如有些场景可能需要Element。
2023-06-08 16:20:52
292
原创 【vue3】聊一聊组件的二次封装
在实际开发中都有经历过对组件进行二次封装，在进行封装的时候要保留组件已有的功能，这时需要重写组件方法，当组件已有大量功能时候，则需要重写很多重复代码。且组件功能进行修改的时候，封装的组也需要对应修改。
2023-06-07 17:23:01
4190
2
原创 Vue3 + ElementPlus的管理后台系统
Java+Vue有很多优秀的后台管理系统，但是为了可以高效的开发后台权限管理系统，作者就自己开发出vue3-element-plus-admin。是一个基于Vue3+Element-plus+Java的多企业后台权限管理系统，提供了完善的权限体系，让开发者把注意力集中到具体业务当中，降低开发成本，提高项目效率。可以用于网站管理后台、SAAS、CMS、CRM、OA、ERP等，企业和个人都可以免费使用。欢迎提交PR（需求），若开发中遇到问题可以上Github提Issues。...
2022-07-19 08:53:40
9577
3
原创 Vue3.0+element-plus+typescript
先上源码地址：https://github.com/1240235512/vue3vue3主要目的在于学习vue3+ts,功能还未很完善,目前只有基础的RBAC权限控制,后续会持续迭代更新。简介vue3是一个管理后台基础功能框架，基于vue3、element-plus和typescript实现。内置了 i18n 国际化，动态路由，权限验证。在线预览默认 master 分支默认使用 composition-api ，若需要 class 风格请使用class-sty...
2021-05-09 15:24:06
1590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人