- 博客(662)
- 收藏
- 关注
RSS订阅
原创 Node.js + Vue3 + TypeScript + Element Plus 实现Excel文件上传及接口实现
在现代Web应用中，文件上传是一个常见的功能需求，特别是Excel文件的上传和处理。本文将详细介绍如何使用Node.js作为后端，Vue3 + TypeScript + Element Plus作为前端，实现一个完整的Excel文件上传功能，方便以后遇到类似的直接拿来使用，避免再重复造轮子。
2025-07-23 18:28:43
1159
1
原创 uniapp:聊天消息列表（好友列表+私人单聊）支持App、H5、小程序
这是一款通用消息列表和聊天模板插件简单易用，助您轻松创建和管理消息与聊天内容。无论是与朋友互动还是团队沟通，都能满足您需求。立即尝试，畅享交流乐趣！
2024-04-07 10:15:45
16026
165
原创 第八篇：node模版引擎Handlebars及他的高级用法（动态参数）
模版引擎可以简单的理解为升级版的 html 文档，express可以用模版引擎来渲染前端页面，模版引擎有很多种,包括jade，ejs,nunjunks，Handlebars等等，express对每一种都提供了很好的支持，只需要几行代码就可以使用。我们今天来学习下Handlebars（简写hbs）
2024-02-02 10:04:07
2320
191
原创 《家的温暖，国庆团圆》
✅ 中秋节✅ 国庆节✅ 对未来的规划当然写了这么多，经过精心规划和准备，国庆假期的活动安排满满的，也希望这次回去都能圆满完成。开朗的豌豆，再见！
2023-09-28 13:41:17
2786
234
原创 从Vue 2到Vue 3：深入了解路由配置的变化与升级建议
欢迎阅读本篇文章，我们将带您深入探索Vue 2和Vue 3的路由配置。在现代前端开发中，路由是构建交互式Web应用程序不可或缺的一部分。Vue.js作为一种流行的JavaScript框架，在版本2和版本3之间进行了重大改进和升级。在这篇文章中，我们将比较Vue 2和Vue 3的路由配置，并介绍它们之间的主要区别和新特性。我们将探讨Vue Router的使用方法，包括路由的定义、嵌套路由的设置、路由守卫的应用等。我们还将深入研究Vue 3中的新特性，例如如何影响路由配置的方式。
2023-07-28 18:36:49
10160
207
原创 分享18个用于处理 null、NaN 和undefined 的 JS 代码片段
Null、NaN 和 undefined是程序员在使用JavaScript时遇到的常见值。有效处理这些值对于确保代码的稳定性和可靠性至关重要。因此，在今天这篇文章中，我们将探讨 18 个JavaScript代码片段，它们为处理null、NaN和未定义场景提供了便捷的解决方案。这些代码片段将帮助你通过有效处理这些值来编写更清晰、更优雅的代码。
2023-07-24 09:32:17
6186
200
原创 使用echarts+echarts-gl绘制3d地图，实现地图轮播效果
记录一下大屏开发中使用到的echarts-gl大屏的页面根据需求前前后后改了几个版本了，地图的样式也改了又改这里记录一下，因为echarts属性用到的比较多也比较杂，防止以后需要用到忘记了。
2023-07-11 17:51:57
15344
19
原创 uniapp请求方法封装
uiapp请求方法封装// 请求接口const commoneUrl = "http://xxxxxxxxxx.com/";// new 域名//get请求封装function getRequest(url, data) { var promise = new Promise((resolve, reject) => { var postData = data; uni.request({ url: commoneUrl + url, data: postData
2022-04-21 00:00:00
803
3
原创 原生瀑布流布局
下载插件http://tk.shangpreechina.com/themes/Ewdade/default/js/modernizr.js <!-- 瀑布流 --> <ul class="puBu" id="grid"> <if condition="$res_r"> <volist name="res_r" id="vo" mod="2" key="k"> <li class="puB..
2022-04-20 16:19:42
575
3
原创 TypeScript和JavaScript到底有什么区别
简单来说，所有合法的JavaScript代码都是合法的TypeScript代码。但TypeScript在此基础上，添加了强大的类型系统和其他现代语言特性。
2025-12-21 17:56:36
605
原创 小团队也能有高效管理工具！Leantime + cpolar太香了
Leantime 的主要功能是帮助团队进行项目管理，包括制定项目计划、分配任务、追踪进度、记录时间开销、管理项目文档以及促进团队成员沟通协作等，能让团队的工作流程更规范。作为小团队的一员，我觉得 Leantime 特别适合我们。之前用商业项目管理软件，每月要交不少订阅费，对我们来说是一笔负担。换了 Leantime 后，不仅免费，功能还能满足我们的需求，任务分配清晰，大家能清楚知道自己该做什么，项目进度也一目了然，团队协作效率提高了不少。
2025-12-18 15:03:36
779
5
原创 处理 JSON 数据就用 JSON Crack，用cpolar突破网络限制后太方便了
JSON Crack 的主要功能是将各种结构化数据转换成可视化图表，用户可以点击钻取任意节点，快速筛选和搜索关键信息，让嵌套复杂的数据变得一目了然。作为经常和 API 接口打交道的开发者，用 JSON Crack 查看响应格式特别方便，之前对着纯文本找字段要翻半天，现在看图表一眼就能定位，还能标注重难点，效率提升不少。以前它只能在局域网用，有次和远程团队对接，我得截图或者录屏分享数据结构，沟通起来很费劲。
2025-12-08 15:37:28
1250
9
原创 Drawdb：用图表串联团队思路，简单好用的协作工具
Drawdb 是一款专注于绘图协作的工具，能通过图表将团队分散的想法整合起来，适合产品、开发、设计等团队用于梳理流程、规划方案。它操作直观，上手快，支持多人实时编辑，让团队沟通更高效。用 Drawdb 时，建议提前确定图表主题，比如流程图、架构图，这样团队成员能更有针对性地贡献想法。另外，实时保存功能很实用，但最好定期导出备份，避免意外丢失内容。但 Drawdb 默认在局域网内使用，当团队有远程成员时，无法实时参与绘图协作，只能通过截图或文件传输分享，不仅麻烦，还可能错过实时讨论的关键信息。
2025-12-06 20:52:08
902
5
原创 告别局域网束缚！这款语音转文字工具结合cpolar远程用也超方便
Whisper Web 主要功能是将语音转换成文字，支持粘贴音频地址、上传音频文件、手机录入语音等多种方式，转写完成后可导出 TXT 或 JSON 格式，满足不同场景下的文本获取需求。作为经常需要处理采访录音的人，真心觉得它很好用：不用复杂配置，打开浏览器就能用，转写速度也不错，对于我这种技术小白来说，省去了搭建服务器的麻烦，非常友好。以前受限于局域网，只能在电脑旁使用，有了 cpolar 后就不一样了。出差时在酒店用手机打开公网地址，就能随时处理同事发来的音频文件；
2025-11-20 14:12:22
898
9
原创 FileRise 让文件管理变简单，搭配cpolar实现远程自由访问
FileRise 是一款轻量级开源网盘，支持文件上传下载、多格式预览、权限管理和分享等功能，适合个人存储资料、团队协作管理文件。它界面简洁，操作直观，即使是新手也能快速上手，还支持断点续传、分片上传，大文件传输更稳定。使用时发现，它的文件预览功能很实用，图片、视频、文档不用下载就能直接查看，文本和代码文件还能在线编辑，临时改个配置或记笔记特别方便。不过要注意，初次部署时需正确配置存储路径，避免数据丢失。
2025-11-06 20:12:34
964
10
原创 TypeScript泛型：让类型也“通用“的魔法
最让我头疼的就是泛型这个概念。什么T、U、K，看起来像密码一样神秘。但当我真正理解并开始使用泛型后，才发现它就像是TypeScript中的"瑞士军刀"，能让我们的代码既灵活又类型安全。今天，我想和大家分享我对于TypeScript泛型的理解和实战经验。
2025-11-06 08:53:23
979
2
原创 TypeScript函数：给JavaScript函数加上“类型安全带“
TypeScript的函数特性就像给代码系上了安全带，让很多错误在编写阶段就能被发现。今天就来聊聊TypeScript中的函数，以及它和JavaScript函数的那些区别。
2025-11-06 08:39:47
1002
原创 TypeScript枚举：让你的代码更有“选择权“
最开始我都是用普通的常量来定义，直到我发现了TypeScript的枚举（Enum）特性，它让我的代码变得更加清晰和类型安全。今天就来和大家聊聊这个既实用又有趣的特性。
2025-11-05 08:51:29
1506
1
原创 TypeScript类：面向对象编程的超级武器
面对"类"这个概念总是觉得有些抽象。直到在TypeScript中深入使用类之后，我才真正体会到面向对象编程的魅力。今天，我想和大家分享我在实际项目中运用TypeScript类的一些心得和技巧。
2025-11-05 08:46:53
607
原创 TypeScript接口：打造你的代码“契约”之道
在日常的TypeScript开发中，接口（Interface）是我最得力的助手之一。它就像一份严谨的"契约"，让我的代码更加可靠和可维护。今天就来和大家聊聊这个看似简单却威力强大的特性。
2025-11-05 08:40:00
555
1
原创 TypeScript 类型系统漫游指南：从入门到爱上类型安全
如果使用 TypeScript，这个问题在编写阶段就会被发现。这就是类型系统的价值——它像是一个贴心的助手，在代码运行前就帮你找出潜在的问题。
2025-11-04 09:17:24
968
原创 从 JavaScript 到 TypeScript：我为什么选择了类型守护
还记得我第一次接触 TypeScript 时，内心是拒绝的。“JavaScript 用得好好的，为什么要多此一举？”——这是 2019 年我在重构一个大型后台管理系统时的真实想法。直到我在一个深夜被一个诡异的 bug 折磨了 3 个小时后，一切都改变了。
2025-11-04 09:00:49
569
原创 告别社交喧嚣，用 Moments+cpolar 建个自己的小天地
Moments 的功能很纯粹，就是让用户创建一个类似朋友圈的私人空间，可发布文字、图片、音乐链接等内容，专注于个人记录和小范围分享。用了一段时间 Moments，感觉特别舒服，没有乱七八糟的广告和推送，能安安静静地记录生活点滴，把喜欢的歌、看过的电影分享在这里，像是自己的一个数字日记本，很治愈～以前它只能在局域网用，换个地方就看不了，挺麻烦的。自从用了 cpolar，就彻底摆脱了这个限制。
2025-11-03 14:00:31
850
5
原创 让TS函数“说到做到“：返回值类型约束的实战心得
今天想和大家分享一些在TypeScript中约束函数返回值类型的实用技巧。这些方法都是我在实际项目中踩过坑后总结出来的，希望能帮你写出更可靠的代码。
2025-11-03 08:42:22
968
2
原创 TS泛型：让类型也学会“套娃”，但这次很优雅
记得我第一次接触泛型时，看着那一对尖括号<>，心里直犯嘀咕：这玩意儿到底有啥用？直到我在项目中写了这样的代码：
2025-11-03 08:33:39
381
原创 TS类型进阶：如何把对象“管”得服服帖帖
大家好，我是小杨。今天想和大家分享几个我在工作中常用的TS对象属性约束技巧。这些技巧曾无数次把我从潜在的Bug中拯救出来，希望能对你有所帮助。
2025-11-01 13:06:22
393
2
原创 从“any”战士到类型高手：我的TypeScript进阶心得
还记得我刚开始用TypeScript时，总觉得给每个变量都声明类型纯属多此一举。那时候我的代码里到处都是any，心想这不就是个带类型的JavaScript嘛，何必这么麻烦。
2025-11-01 12:06:02
906
原创 我的Vue项目胖成球了！用Webpack给它狠狠瘦个身
前几天我正准备下班，运维同事一个电话打过来："小杨，你们前端打包后的文件怎么都快100M了？服务器都快被撑爆了！" 我老脸一红，赶紧打开那个久未关注的 dist 目录——好家伙，一个个chunk文件胖得跟球一样。
2025-10-31 10:29:52
1222
2
原创 Webpack打包：从“庞然大物”到“精致小可爱”
还记得我刚学前端的时候，最头疼的就是项目部署。一堆HTML、CSS、JS文件，还有各种字体图片，手忙脚乱地传到服务器，还老是报错，不是路径找不到就是文件漏传了。直到我遇到了Webpack，它就像个超级能干的助理，帮我把这一摊子"杂事"打理得井井有条。
2025-10-31 09:08:20
712
2
原创 从平台监控到自主可控：Briefing的视频会议隐私革命
Briefing的核心价值在于将"数据主权"还给用户。开源架构确保代码透明可审计，所有加密算法通过FIPS 140-2认证。支持私有化部署在企业内网，不依赖任何第三方云服务。创新的"洋葱路由"模式，使参会者IP地址对其他人完全隐藏，连服务器管理员都无法追踪谁参加了会议。作为法律咨询公司的IT负责人，我曾为会议安全头疼不已：客户敏感信息在商业视频平台上传送，总担心被数据挖掘；跨国会议因平台地域限制频繁中断。最严重的一次，竞争对手竟能引用我们内部会议的讨论内容，至今无法确定信息泄露途径。
2025-10-30 17:55:06
588
原创 Webpack配置魔法书：从入门到高手的通关秘籍
今天咱们来聊聊Webpack配置这个话题。很多人第一次看到webpack.config.js文件时，感觉就像在看天书一样。别担心，今天我就带你从零开始，一步步解锁Webpack配置的奥秘！
2025-10-30 08:40:22
914
1
原创 webpack了解吗，讲一讲原理，怎么压缩代码
大家好，我是小杨！今天我要带大家探索前端工程化的核心魔法——Webpack。很多人觉得Webpack很复杂，但其实掌握了它的原理，你就会发现它就像个智能的"代码料理机"，能把各种原料加工成美味佳肴！
2025-10-30 08:34:52
796
原创 玩转小程序生命周期：从入门到上瘾
作为前端老司机，我经常被问到：“小杨，小程序的生命周期到底怎么玩？”今天我就用最接地气的方式，带你解锁小程序生命周期的正确打开方式。准备好，我们要发车了！
2025-10-30 08:28:46
626
原创 搭建团队文档！Docsify+cpolar开启零配置协作
Docsify的革命性在于将文档网站的复杂度压缩为"三个文件"：index.html（入口配置）、README.md（主页内容）、_sidebar.md（导航结构）——全程无需编写一行JavaScript。作为非科班出身的产品经理，我从未想过能独立搭建媲美官方文档的项目站点，且每月服务器成本趋近于零（仅需本地运行）。从用户体验看，其细节设计堪称教科书级：支持"?"快捷键唤起搜索（模糊匹配标题和内容）、图片点击自动放大（无需额外插件）、URL锚点定位到具体段落（便于 issue 引用）。
2025-10-27 15:31:25
722
5
前端开发WebSocket封装实现断网重连与自动心跳：提升实时数据传输稳定性及用户体验
2025-06-05
excel数据转换成波形图封装.html
2024-09-11
excel热成像封装+双线性插值算法
2024-09-11
用html和css实现五星红旗
2023-10-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人