- 博客(658)
- 收藏
- 关注
原创 Node.js + Vue3 + TypeScript + Element Plus 实现Excel文件上传及接口实现
在现代Web应用中,文件上传是一个常见的功能需求,特别是Excel文件的上传和处理。本文将详细介绍如何使用Node.js作为后端,Vue3 + TypeScript + Element Plus作为前端,实现一个完整的Excel文件上传功能,方便以后遇到类似的直接拿来使用,避免再重复造轮子。
2025-07-23 18:28:43
1122
1
原创 uniapp:聊天消息列表(好友列表+私人单聊)支持App、H5、小程序
这是一款通用消息列表和聊天模板插件简单易用,助您轻松创建和管理消息与聊天内容。无论是与朋友互动还是团队沟通,都能满足您需求。立即尝试,畅享交流乐趣!
2024-04-07 10:15:45
15963
165
原创 第八篇:node模版引擎Handlebars及他的高级用法(动态参数)
模版引擎可以简单的理解为升级版的 html 文档,express可以用模版引擎来渲染前端页面,模版引擎有很多种,包括jade,ejs,nunjunks,Handlebars等等,express对每一种都提供了很好的支持,只需要几行代码就可以使用。我们今天来学习下Handlebars(简写hbs)
2024-02-02 10:04:07
2311
191
原创 《家的温暖,国庆团圆》
✅ 中秋节✅ 国庆节✅ 对未来的规划当然写了这么多,经过精心规划和准备,国庆假期的活动安排满满的,也希望这次回去都能圆满完成。开朗的豌豆,再见!
2023-09-28 13:41:17
2748
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
10109
207
原创 分享18个用于处理 null、NaN 和undefined 的 JS 代码片段
Null、NaN 和 undefined是程序员在使用JavaScript时遇到的常见值。有效处理这些值对于确保代码的稳定性和可靠性至关重要。因此,在今天这篇文章中,我们将探讨 18 个JavaScript代码片段,它们为处理null、NaN和未定义场景提供了便捷的解决方案。这些代码片段将帮助你通过有效处理这些值来编写更清晰、更优雅的代码。
2023-07-24 09:32:17
6128
200
原创 使用echarts+echarts-gl绘制3d地图,实现地图轮播效果
记录一下大屏开发中使用到的echarts-gl大屏的页面根据需求前前后后改了几个版本了,地图的样式也改了又改这里记录一下,因为echarts属性用到的比较多也比较杂,防止以后需要用到忘记了。
2023-07-11 17:51:57
15145
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
796
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
568
3
原创 告别局域网束缚!这款语音转文字工具结合cpolar远程用也超方便
Whisper Web 主要功能是将语音转换成文字,支持粘贴音频地址、上传音频文件、手机录入语音等多种方式,转写完成后可导出 TXT 或 JSON 格式,满足不同场景下的文本获取需求。作为经常需要处理采访录音的人,真心觉得它很好用:不用复杂配置,打开浏览器就能用,转写速度也不错,对于我这种技术小白来说,省去了搭建服务器的麻烦,非常友好。以前受限于局域网,只能在电脑旁使用,有了 cpolar 后就不一样了。出差时在酒店用手机打开公网地址,就能随时处理同事发来的音频文件;
2025-11-20 14:12:22
838
7
原创 FileRise 让文件管理变简单,搭配cpolar实现远程自由访问
FileRise 是一款轻量级开源网盘,支持文件上传下载、多格式预览、权限管理和分享等功能,适合个人存储资料、团队协作管理文件。它界面简洁,操作直观,即使是新手也能快速上手,还支持断点续传、分片上传,大文件传输更稳定。使用时发现,它的文件预览功能很实用,图片、视频、文档不用下载就能直接查看,文本和代码文件还能在线编辑,临时改个配置或记笔记特别方便。不过要注意,初次部署时需正确配置存储路径,避免数据丢失。
2025-11-06 20:12:34
931
10
原创 TypeScript泛型:让类型也“通用“的魔法
最让我头疼的就是泛型这个概念。什么T、U、K,看起来像密码一样神秘。但当我真正理解并开始使用泛型后,才发现它就像是TypeScript中的"瑞士军刀",能让我们的代码既灵活又类型安全。今天,我想和大家分享我对于TypeScript泛型的理解和实战经验。
2025-11-06 08:53:23
957
2
原创 TypeScript函数:给JavaScript函数加上“类型安全带“
TypeScript的函数特性就像给代码系上了安全带,让很多错误在编写阶段就能被发现。今天就来聊聊TypeScript中的函数,以及它和JavaScript函数的那些区别。
2025-11-06 08:39:47
986
原创 TypeScript枚举:让你的代码更有“选择权“
最开始我都是用普通的常量来定义,直到我发现了TypeScript的枚举(Enum)特性,它让我的代码变得更加清晰和类型安全。今天就来和大家聊聊这个既实用又有趣的特性。
2025-11-05 08:51:29
1473
1
原创 TypeScript类:面向对象编程的超级武器
面对"类"这个概念总是觉得有些抽象。直到在TypeScript中深入使用类之后,我才真正体会到面向对象编程的魅力。今天,我想和大家分享我在实际项目中运用TypeScript类的一些心得和技巧。
2025-11-05 08:46:53
589
原创 TypeScript接口:打造你的代码“契约”之道
在日常的TypeScript开发中,接口(Interface)是我最得力的助手之一。它就像一份严谨的"契约",让我的代码更加可靠和可维护。今天就来和大家聊聊这个看似简单却威力强大的特性。
2025-11-05 08:40:00
542
1
原创 TypeScript 类型系统漫游指南:从入门到爱上类型安全
如果使用 TypeScript,这个问题在编写阶段就会被发现。这就是类型系统的价值——它像是一个贴心的助手,在代码运行前就帮你找出潜在的问题。
2025-11-04 09:17:24
955
原创 从 JavaScript 到 TypeScript:我为什么选择了类型守护
还记得我第一次接触 TypeScript 时,内心是拒绝的。“JavaScript 用得好好的,为什么要多此一举?”——这是 2019 年我在重构一个大型后台管理系统时的真实想法。直到我在一个深夜被一个诡异的 bug 折磨了 3 个小时后,一切都改变了。
2025-11-04 09:00:49
559
原创 告别社交喧嚣,用 Moments+cpolar 建个自己的小天地
Moments 的功能很纯粹,就是让用户创建一个类似朋友圈的私人空间,可发布文字、图片、音乐链接等内容,专注于个人记录和小范围分享。用了一段时间 Moments,感觉特别舒服,没有乱七八糟的广告和推送,能安安静静地记录生活点滴,把喜欢的歌、看过的电影分享在这里,像是自己的一个数字日记本,很治愈~以前它只能在局域网用,换个地方就看不了,挺麻烦的。自从用了 cpolar,就彻底摆脱了这个限制。
2025-11-03 14:00:31
844
5
原创 让TS函数“说到做到“:返回值类型约束的实战心得
今天想和大家分享一些在TypeScript中约束函数返回值类型的实用技巧。这些方法都是我在实际项目中踩过坑后总结出来的,希望能帮你写出更可靠的代码。
2025-11-03 08:42:22
950
2
原创 TS泛型:让类型也学会“套娃”,但这次很优雅
记得我第一次接触泛型时,看着那一对尖括号<>,心里直犯嘀咕:这玩意儿到底有啥用?直到我在项目中写了这样的代码:
2025-11-03 08:33:39
376
原创 TS类型进阶:如何把对象“管”得服服帖帖
大家好,我是小杨。今天想和大家分享几个我在工作中常用的TS对象属性约束技巧。这些技巧曾无数次把我从潜在的Bug中拯救出来,希望能对你有所帮助。
2025-11-01 13:06:22
383
2
原创 从“any”战士到类型高手:我的TypeScript进阶心得
还记得我刚开始用TypeScript时,总觉得给每个变量都声明类型纯属多此一举。那时候我的代码里到处都是any,心想这不就是个带类型的JavaScript嘛,何必这么麻烦。
2025-11-01 12:06:02
898
原创 我的Vue项目胖成球了!用Webpack给它狠狠瘦个身
前几天我正准备下班,运维同事一个电话打过来:"小杨,你们前端打包后的文件怎么都快100M了?服务器都快被撑爆了!" 我老脸一红,赶紧打开那个久未关注的 dist 目录——好家伙,一个个chunk文件胖得跟球一样。
2025-10-31 10:29:52
1206
2
原创 Webpack打包:从“庞然大物”到“精致小可爱”
还记得我刚学前端的时候,最头疼的就是项目部署。一堆HTML、CSS、JS文件,还有各种字体图片,手忙脚乱地传到服务器,还老是报错,不是路径找不到就是文件漏传了。直到我遇到了Webpack,它就像个超级能干的助理,帮我把这一摊子"杂事"打理得井井有条。
2025-10-31 09:08:20
702
2
原创 从平台监控到自主可控:Briefing的视频会议隐私革命
Briefing的核心价值在于将"数据主权"还给用户。开源架构确保代码透明可审计,所有加密算法通过FIPS 140-2认证。支持私有化部署在企业内网,不依赖任何第三方云服务。创新的"洋葱路由"模式,使参会者IP地址对其他人完全隐藏,连服务器管理员都无法追踪谁参加了会议。作为法律咨询公司的IT负责人,我曾为会议安全头疼不已:客户敏感信息在商业视频平台上传送,总担心被数据挖掘;跨国会议因平台地域限制频繁中断。最严重的一次,竞争对手竟能引用我们内部会议的讨论内容,至今无法确定信息泄露途径。
2025-10-30 17:55:06
572
原创 Webpack配置魔法书:从入门到高手的通关秘籍
今天咱们来聊聊Webpack配置这个话题。很多人第一次看到webpack.config.js文件时,感觉就像在看天书一样。别担心,今天我就带你从零开始,一步步解锁Webpack配置的奥秘!
2025-10-30 08:40:22
906
1
原创 webpack了解吗,讲一讲原理,怎么压缩代码
大家好,我是小杨!今天我要带大家探索前端工程化的核心魔法——Webpack。很多人觉得Webpack很复杂,但其实掌握了它的原理,你就会发现它就像个智能的"代码料理机",能把各种原料加工成美味佳肴!
2025-10-30 08:34:52
789
原创 玩转小程序生命周期:从入门到上瘾
作为前端老司机,我经常被问到:“小杨,小程序的生命周期到底怎么玩?”今天我就用最接地气的方式,带你解锁小程序生命周期的正确打开方式。准备好,我们要发车了!
2025-10-30 08:28:46
618
原创 搭建团队文档!Docsify+cpolar开启零配置协作
Docsify的革命性在于将文档网站的复杂度压缩为"三个文件":index.html(入口配置)、README.md(主页内容)、_sidebar.md(导航结构)——全程无需编写一行JavaScript。作为非科班出身的产品经理,我从未想过能独立搭建媲美官方文档的项目站点,且每月服务器成本趋近于零(仅需本地运行)。从用户体验看,其细节设计堪称教科书级:支持"?"快捷键唤起搜索(模糊匹配标题和内容)、图片点击自动放大(无需额外插件)、URL锚点定位到具体段落(便于 issue 引用)。
2025-10-27 15:31:25
710
5
原创 小程序与H5的“握手言和”:无缝嵌入与双向通信实战
朋友们,我是小杨,一个在前端世界里乐于“搭桥修路”的工程师。不知道你们有没有遇到过这种让人头疼的情况:运营急着上一个大型活动页,要求能随时修改,但小程序发版审核至少要等一天;或者,公司有一段成熟复杂的业务H5,老板说:“把它搬进小程序,但人力有限,最好别重写!”
2025-10-23 09:00:31
1422
2
原创 小程序静默更新?用户却无感?一招教你“强提醒”
所以,今天我们就来聊聊,如何用小程序提供的 UpdateManager,主动、优雅地通知用户:“嘿,我们有新版本了,快来更新吧!”
2025-10-23 08:48:10
762
原创 告别商业网盘!Nextcloud+cpolar打造你的专属私有云
Nextcloud作为开源私有云平台的领军者,以文件同步共享为核心,集成在线Office编辑、日历联系人管理等丰富功能。所有数据存储在用户自有服务器,支持精细权限控制和第三方应用扩展。无论是中小企业搭建团队协作平台,还是个人用户管理海量文件,都能提供媲美商业服务的体验,同时确保数据主权完全掌控在自己手中。实际使用中,Nextcloud的跨平台同步能力令人印象深刻——Windows、macOS、Linux和移动设备无缝衔接,文件修改实时同步。
2025-10-15 19:37:51
851
12
原创 小程序登录不迷路:一篇文章搞定用户身份验证
记得我刚接触小程序开发时,最让我困惑的就是登录流程。明明调用了wx.login(),拿到了code,用户为什么还要点击授权?session_key到底是什么时候生成的?这些问题困扰了我好一阵子。
2025-10-11 08:54:16
815
1
前端开发WebSocket封装实现断网重连与自动心跳:提升实时数据传输稳定性及用户体验
2025-06-05
excel数据转换成波形图封装.html
2024-09-11
excel热成像封装+双线性插值算法
2024-09-11
用html和css实现五星红旗
2023-10-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅