
前端
文章平均质量分 67
不老刘
Vibe Coding Brings a Happy Life to Coders.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cursor下利用Stagewise实现 “所见即改” 的前端开发体验~
Stagewise是一款AI辅助前端开发工具,通过可视化交互提升开发效率。它支持在浏览器中直接选择UI元素,并将DOM结构、样式等信息发送给AI编程助手,实现"所见即改"。主要功能包括:可视化元素选择、AI代码生成、多框架支持和安全轻量化设计。安装只需在编辑器中添加扩展,执行setup命令即可注入工具栏。该工具特别适合UI微调、低代码开发和团队协作场景,能显著减少手动操作,提升前端开发效率。原创 2025-07-27 20:57:22 · 837 阅读 · 0 评论 -
Claude Code 基于 VUE + Konva + Lorem Picsum 实现海报生成器
本文介绍了使用Vue + KonvaJS + Lorem Picsum开发海报生成器的过程。作者首先尝试免费工具未果,后转用anyrouter平台(签到可获25美元)快速完成开发。实现功能包括:上传背景图片、设置渐变背景、生成二维码、自定义文本内容等。核心代码展示了如何通过KonvaJS绘制海报元素,包括文本排版、图片处理、二维码生成等功能。最终效果对比了"卖家秀"和"买家秀"版本,花费5美元完成开发。文章提供了完整的Vue组件代码片段,包含图片上传处理、渐变背景设置原创 2025-07-25 12:59:38 · 260 阅读 · 0 评论 -
使用KonvaJS生成高清海报
KonvaJS是一款强大的HTML5 2D绘图库,可以轻松创建高清海报。通过设置舞台、添加图层,并运用矩形、文字、图片等元素构建海报内容。特别提供了高清导出功能,通过调整pixelRatio参数实现2倍或更高清输出。文章还分享了使用高分辨率素材、矢量图形优先等优化技巧,以及完整的代码示例,帮助开发者快速生成专业级海报作品。KonvaJS简化了程序生成海报的流程,是可视化设计的实用工具。原创 2025-07-25 10:38:33 · 302 阅读 · 0 评论 -
Windows下安装nvm管理多个版本的node.js
摘要: 使用NVM管理多版本Node.js(如同时保留14.7.3和高版本)的解决方案: 安装:下载NVM-setup.exe并安装,自动配置环境变量。 迁移旧版本:手动复制原Node.js文件至NVM目录(如D:\software\nvm\v14.7.3),或直接通过nvm install 14.7.3重装。 优化配置:修改settings.txt添加淘宝镜像加速下载。 验证:用node -v和where node确认版本切换成功。 常用命令:nvm install/use/ls等,支持版本切换与别名管理原创 2025-07-14 21:46:53 · 650 阅读 · 0 评论 -
深度使用Claude code两天,消费了$73,简单谈谈心得~
本文记录使用Claude Code开发项目的经历:7.11成功实现RAG知识库助手(花费$10);7.12尝试开发uniapp版体温单失败(花费$20);7.13改为React版本并配合Git版本控制,最终完成体温单开发(花费$40+)。文章总结了使用经验:1)掌握claude -c/-r等命令避免会话中断;2)不支持截图和@文件引用功能;3)发现Claude偏好使用生僻词汇。最后对比展示了新旧体温单效果,指出若无免费额度性价比不如Cursor。作者感叹AI辅助开发已成刚需。原创 2025-07-13 19:19:05 · 1320 阅读 · 0 评论 -
SSE( Server-sent Events )同大模型中常见的打字机式消息输出区别?
文章摘要: SSE(Server-Sent Events)与普通HTTP请求在实时数据推送场景中各有优劣。SSE基于长连接,适合服务器单向推送(如分步生成AI推荐),但需遵循特定数据格式且不兼容IE;普通HTTP请求(如Fetch)则适合一次性返回结果,兼容性更好。对于类似大模型的“打字机式”流式输出,SSE可实现逐字推送,但复杂交互场景更推荐WebSocket或HTTP流式响应。技术选型需权衡实时性、兼容性及交互需求:SSE适用于简单流式推送,WebSocket更适合双向交互的高频场景。 (约150字)原创 2025-07-08 08:09:35 · 974 阅读 · 0 评论 -
uniapp+vue3实现CK通信协议(基于jjc-tcpTools)
本文介绍了基于 jjc-tcpTools 插件的 TCP 通信实现方案。第一部分封装了 TcpService 类,提供创建服务端/客户端(支持字符串和字节数组模式)、数据发送(包括群发和指定发送)、连接管理等完整 API 接口,采用单例模式导出。第二部分开始构建 CKProtocol 类,用于适配特定硬件协议,包含命令类型枚举和初始化方法。方案严格遵循插件 API 规范,通过回调函数处理异步操作,并维护连接状态映射表。摘要聚焦核心实现,省略了部分细节代码。原创 2025-06-05 15:38:38 · 764 阅读 · 0 评论 -
Uniapp 串口通信原生插件开发指南(零基础版)
本文将介绍如何开发一个UniApp原生插件UniSerialPort,实现Android串口通信功能。开发前需要安装HBuilderX、Android Studio、Java JDK和Android SDK等工具。首先在HBuilderX中创建原生插件项目,然后导入到Android Studio进行开发。核心实现包括:1)添加Android串口库依赖;2)创建串口管理类SerialPortManager,封装串口的打开、关闭、读写等操作;3)创建JS接口模块SerialPortModule,作为插件与JS交原创 2025-05-26 15:14:16 · 1556 阅读 · 0 评论 -
安卓端智能耗材柜系统可行性方案(基于uniapp + Vue3)
智能柜管理系统技术方案摘要 采用uniapp+Vue3+TypeScript构建跨端应用,集成指静脉/RFID/门禁控制模块。硬件对接通过Android原生插件实现,采用MQTT/HTTPS双协议通信,支持离线模式。核心功能包括: 生物认证:调用ZAZH-M3指静脉设备SDK,特征值SM4加密存储 RFID管理:Impinj E710读写器优化防碰撞,EPC白名单过滤 门禁联动:GPIO控制电锁,震动传感器触发报警 离线同步:SQLite存储操作日志,网络恢复后自动补传 关键技术: 虚拟滚动优化万级数据渲染原创 2025-05-26 15:05:56 · 868 阅读 · 0 评论 -
在企业微信中,回调地址 redirect_uri 是允许包含端口号
企业微信允许回调地址带端口号是出于对企业内部复杂部署场景的支持,只要域名主体合法且协议为HTTPS即可。这与公众平台的设计差异体现了企业微信对灵活性的重视。原创 2025-04-30 13:22:35 · 760 阅读 · 0 评论 -
Uni-app网络请求AES加密解密实现
下面我将为你提供一个完整的 Uni-app 网络请求封装方案,包含 POST 请求的统一处理、请求参数和响应数据的 AES 加密解密。原创 2025-04-28 16:04:34 · 981 阅读 · 0 评论 -
uniapp 解决H5页面在微信下访问,显示双标题的问题
实现方法其实有很多,如果不需保留左侧返回键,那么直接在pages.json里给页面配置一下就行。或者在每个需要返回键的页面自己定一个返回效果。来自Cursor给出的方案,亲测可用~直接APP.vue 里。原创 2025-04-17 09:54:18 · 494 阅读 · 0 评论 -
uniapp实现图文聊天功能
下面我将介绍如何在 Uniapp 中实现一个基本的图文聊天功能,包括消息发送、接收和展示。原创 2025-04-16 09:47:33 · 857 阅读 · 0 评论 -
微信公众号第三方平台与网页授权模式区别
如需更详细的接口参数或错误处理,可参考微信官方文档或第三方平台开发指南。以下是更全面的对比分析,涵盖。原创 2025-04-08 16:59:28 · 923 阅读 · 0 评论 -
微信小程序使用 Vant Weapp 组件库教程
以上步骤涵盖了 Vant Weapp 的安装、配置和使用。如需更详细的示例或特定组件的用法,可查阅官方文档或参考相关教程。在项目根目录下运行以下命令,生成。文件夹,包含 Vant 组件。构建成功后,项目目录下会生成。正确指向小程序目录(如。原创 2025-04-01 14:44:49 · 2399 阅读 · 0 评论 -
微信小程序中使用Less样式方法
在微信小程序中使用Less样式,可以通过以下步骤实现。主要原理是借助Visual Studio Code(VSCode)的插件将Less文件自动编译为小程序支持的.wxss文件,或通过微信开发者工具的扩展功能直接集成Less编译环境。原创 2025-03-24 16:21:44 · 1369 阅读 · 0 评论 -
公司自研的H5系统嵌入企业微信并实现免登录
通过以上步骤,即可实现H5系统在企业微信内无缝嵌入及免登录功能。若需更复杂功能(如消息推送、审批流),可进一步调用企业微信API扩展。原创 2025-03-17 16:59:30 · 1817 阅读 · 0 评论 -
react 生命周期方法
你也可以在 componentDidUpdate() 中直接调用 setState(),但请注意它必须被包裹在一个条件语句里,正如上述的例子那样进行处理,否则会导致死循环。目前,如果 shouldComponentUpdate() 返回 false,则不会调用 UNSAFE_componentWillUpdate(),render() 和 componentDidUpdate()。在罕见的情况下,你需要强制 DOM 更新同步应用,你可以使用 flushSync 来包装它,但这可能会损害性能。原创 2023-08-13 10:24:45 · 879 阅读 · 0 评论 -
微信支付成功后,页面自动关闭,如果想自定义需要开通点金计划和商家小票
但是最近工作中需要个新需求,那就是微信支付成功后,需要让用户继续去支付配送费用,由于是支付到不同商户的,所以还不能合并到一块一次付款。那就只能去开通点金计划和商家小票了。其实很早就知道这个点金计划,但是一直没有做,正常微信支付成功后,页面关闭了,也没太大影响,因为返回到服务号里,也会收到缴费成功的推送消息。原创 2025-02-27 10:06:10 · 418 阅读 · 0 评论 -
如何获取第三方小程序的appId和path,以实现小程序跳转目的
一、首先查看小程序appId,这个很容易,在微信里打开小程序,点右上角三个点,里面更多资料里就可以查到。二、下面重点说一下如何获取第三方小程序的path路径!进入公众号管理后台,“新建图文素材”,点小程序,此处输入你想要跳转的小程序appId(第一步已获取),然后就会出现下图~这时候填上你自己的微信号,就可以实现复制任意页面路径,十分钟内有效。接下来就可以尽情跳转了!wx.navigateToMiniProgram({ appId: '', path:'',原创 2021-02-27 14:35:40 · 6166 阅读 · 0 评论 -
C-Lodop不同功能页根据打印机名称(型号)设定指定打印机
【代码】C-Lodop不同功能页根据打印机名称(型号)设定指定打印机。原创 2023-12-14 15:53:05 · 1785 阅读 · 0 评论 -
服务商的小程序微信支付api,一直报签名验证错误…解决办法
我调用小程序的微信支付api,一直报签名验证错误,参与签名的参数有timeStamp、nonceStr、package、signType。使用微信支付签名校验工具生成的签名跟我自己服务器生成的签名是一样的,但还是报签名错误。 err_desc: “支付验证签名失败”, err_code: “-1”, errMsg: “requestPayment:fail”wx.requestPay...原创 2018-07-05 13:06:37 · 21630 阅读 · 3 评论 -
微信小程序 --原生JS集成腾讯 IM实时聊天/实时音视频
为了实现小程序里腾讯云通信IM接入,翻阅各种文档。坑爹的腾讯demo,竟然用mpvue写的。具体步骤不写了,这里列一下开发过程中遇到的各种坑以及参照解决的各种有用(无用的就不发了)的帖子吧,毕竟一搜这类解决帖子实在太多了。https://blog.csdn.net/weixin_44622984/article/details/109626266https://blog.csdn.net/weixin_45758177/article/details/105249284基本上,看完这两个帖子就足够了原创 2021-01-15 14:00:15 · 1326 阅读 · 0 评论 -
uniapp中webview内嵌H5页面图片保存方法~
废话不多说,直接贴代码~ var imgUrl = "https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"; var down = plus.downloader.createDownload(imgUrl, {}, function(e, a) { console.log(e); plus.gallery.save(e.filename,function (e) { uni.showToast(原创 2022-01-28 09:41:10 · 7821 阅读 · 0 评论 -
node,yarn,cordova,quasar各种安装各种配置
1.安装VSCode2.安装Android studio3.安装nodeJS,我们选择的14.19版本重点说一下node配置在node.js安装目录下新建两个文件夹 node_global和node_cache 然后在cmd命令下执行如下两个命令:npm config set prefix "D:nodejs\node_global"npm config set cache "D:\nodejs\node_cache"更换镜像npm config set registry https:原创 2022-02-23 15:01:13 · 755 阅读 · 0 评论 -
微信里的H5页面,放大微信字体后,让页面不乱的方法
【代码】微信里的H5页面,放大微信字体后,让页面不乱的方法。原创 2022-09-28 10:13:17 · 878 阅读 · 0 评论 -
react antd 日期选择 WeekPicker MonthPicker 取值转为起止日期
默认WeekPicker 取值,返回的是2023年34周,这样后台用起来不方便。可以转化成指定周的起止日期。同样,MonthPicker 默认取值,返回的是2023-08,统一格式,转化成月的起止日期,代码如下。原创 2023-08-23 10:33:20 · 1349 阅读 · 0 评论 -
React 从入门到精通——本文来自AI创作助手
React是一个流行的JavaScript库,用于构建用户界面。原创 2023-09-10 13:34:45 · 766 阅读 · 0 评论 -
讲讲微信小程序分包——本文来自AI创作助手
微信小程序分包是为了解决小程序包体积过大而引入的一个功能。通过将小程序分为多个子包,每个子包可以独立加载和升级,从而让小程序的启动速度更快,用户体验更好。在实际开发中,需要根据小程序的业务逻辑和页面结构,合理拆分子包,同时也需要注意子包之间的依赖关系和加载顺序。的目录,用于存放子包相关的文件和页面。字段中添加子包的配置信息。将需要拆分到子包中的页面和组件移动到。在需要加载子包的页面中,根据需要通过。在小程序根目录下创建一个名为。原创 2023-09-10 13:49:11 · 439 阅读 · 0 评论 -
React 学习系列: 类组件生命周期方法
在类组件挂载的时候调用,用于构建一个类组件实例。在构建类组件实例的时候, 会先执行基类构造函数( React.Component ) 使用父组件传入的 props 来初始化 props 属性, 然后执行自定义构造函数来初始化 state 和 事件绑定。 如果类组件不需要初始化 state 和 事件绑定,就不需要自定义构造函数。挂载阶段, 组件实例构建完成(props、state 属性初始化完成)以后,render 方法执行之前执行。如果类组件提供了 getDerivedStateFromProps 方法,原创 2023-11-05 09:23:31 · 665 阅读 · 0 评论 -
Node.js, Bun, Deno 比较概述
Bun 凭借速度可能成为未来新宠,Deno 适合前瞻性项目,Node.js 仍是企业主流。根据需求权衡选择!🚀。原创 2025-02-27 09:17:20 · 703 阅读 · 0 评论