vue

ynchyong1 小时前
typescript·vue·ts·unwraprefsimple
VUE 中 不能将类型“R[]”分配给类型“UnwrapRefSimple<R>[]”摘要:本文针对 Vue 3 + TypeScript 中泛型 ref 赋值报错 不能将类型“R[]”分配给类型“UnwrapRefSimple<R>[]” 的问题,分析了其根源在于 ref 的深度响应类型解包与泛型约束之间的冲突,并给出两种解决方案:方案一为 ref 不传初始值(影响最小),方案二为使用 shallowRef 配合 triggerRef 手动触发更新;最后补充了 toRaw 在需要绕过响应式代理、直接操作原始数据场景下的用法。
Leaderxin6 小时前
rust·vue·跨平台·tauri·桌面应用
还在用 Electron?6 种跨平台桌面方案横评:Rust + Vue 把安装包从 224MB 干到 4.7MB桌面端选型是个吵了十年的话题。前几天我把自己一个 A 股盯盘工具从「Electron 那一套」换成了 Rust + Vue(Tauri 2),顺手把市面上主流的 6 种跨平台桌面方案横向比了一遍——不比口号,只比能测出来的东西:安装包多大、靠什么渲染、前端代码能不能直接搬、分发和签名要折腾多少、以后要不要重写。
YWL7 小时前
前端·javascript·vue·时间轴
vue-time-axis-plus进阶:双进度条+跨空白续播+播放指针,打造专业级监控回放体验入门篇跑通了基础功能,但实际监控回放场景还需要:全天录像概览(双进度条)、播放指针居中跟随、点击空白自动续播。这篇文章把这些进阶功能都实现了。
尾善爱看海4 天前
前端·javascript·vue.js·面试·vue
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析上一篇讲了 Vue 核心基础,这一篇进入进阶——也是中高级前端面试的分水岭。这是 Vue 面试系列的第 2 篇(第 1 篇:核心基础 + 响应式 + 组件通信,点这里回看)。基础篇决定你能不能过初筛,进阶篇决定你能拿多少薪。
明耀4 天前
vue
vue chart 强行刷新高度,宽度修改key 就会强行刷新
YWL5 天前
前端·vue·openlayers
OpenLayers弹窗Overlay深度实战做地图应用,点击要素弹出信息窗是最常见的交互。但OpenLayers的Overlay API比较底层,直接用会遇到很多问题——弹窗位置偏移、重复创建、关闭按钮事件失效、Vue响应式丢失。这篇文章把两种实现方式(HTML字符串 vs Vue组件)和踩过的坑都整理出来了。
YWL5 天前
前端·信息可视化·vue·echarts·openlayers
OpenLayers+ECharts联动:地图点击联动图表,数据可视化大屏方案领导说"做一个数据大屏,左边地图右边图表,点击地图上的区域,右边图表跟着变"。这就是典型的地图+图表联动场景。但OpenLayers和ECharts是两个独立的库,怎么联动?这篇文章把完整方案写出来了。
YWL5 天前
前端·javascript·vue·openlayers
OpenLayers地图分享:URL参数同步+分享链接生成,让用户一键分享地图视角产品要求"用户可以分享当前地图视角给其他人"。听起来简单,但需要解决:URL参数同步(缩放、中心点、图层状态)、分享链接生成、状态恢复。这篇文章把完整方案写出来了。
程序员蜡笔熊6 天前
前端·javascript·vue
Vite 8 换芯实测:Rolldown 替掉双引擎,构建快 3.19 倍前情:TS 7.0(Go)React Compiler(Rust)Rspack 2.0(Rust)Bun(Zig→Rust)
YWL7 天前
前端·vue·openlayers
OpenLayers导出功能:地图截图+GeoJSON导出完整方案,从Canvas合并到PDF生成产品要求"用户可以导出当前地图视图为图片"。听起来简单,但OpenLayers的地图是由多个Canvas图层叠加的,直接截图只能拿到最顶层。我花了两天研究Canvas合并、跨域处理、PDF生成这些问题,最终实现了一个完整的导出方案。
上单带刀不带妹7 天前
缓存·小程序·vue·uniapp
小程序图片缓存问题:时间戳和版本号解决图片不更新服务器上的图片已经更新了,但是页面上显示的还是旧图片。这种情况很多时候是因为图片 URL 没有发生变化,客户端继续使用了之前缓存的图片。
wxwx_bscxy3228 天前
mysql·node.js·vue·高校学业预警
NodeJS 高校学业预警系统10551随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,教育行业当然也不能排除在外。高校学业预警系统是以实际运用为开发背景,运用软件工程开发方法,采用Node.JS技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析,得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等;详细设计主要包括模块实现的关键代码,系统数据库访问和主要功能模块的具体实现等。最后对系统进行功
爱折腾的编程老炮8 天前
spring boot·小程序·vue·mybatis·uniapp
潮玩品牌自建抽盒机小程序——商城 + 抽盒 + 一番赏 + 会员 + 社区,一套代码怎么搭一个潮玩品牌(卖盲盒、手办、IP 周边)想在小程序里做生意,最容易踩的坑是:只做一个抽盒页面。看起来抽盒是核心玩法,其实它只是整个生意的冰山一角。用户来了要逛、要买、要抽、要晒、要复购,任何一个环节断了,流量就漏了:
蜡台9 天前
数码相机·vue·uniapp·camera·nvue·取景框
ux-camera 跨平台相机组件跨平台相机组件,支持 取景框、拍照、图片裁剪、水印、闪光灯、手势缩放、点击对焦、横竖屏切换,兼容 H5 / APP / 小程序,Vue2 / Vue3 双版本支持。
新中地GIS开发老师10 天前
前端·vue·webgis
WebGIS开发入门 | 从 Web 开发到地图开发,差别在哪儿?WebGIS 开发本身也是一个 Web 开发的过程,它同样会有三端,主要就是一个前后端交互,中间还有服务器层。
JavaEdge.12 天前
开发语言·vue
scoped 样式与 data-v-* 属性选择器(写给 Javaer)写给 Javaer 的 Vue 知识点系列 —— 揭开 <style scoped> 编译产物 [data-v-*] 的神秘面纱
sunphp开发者12 天前
vue·php·uniapp·js·贴图
明灯智慧地图导览系统制作教程一,如何将手绘图片生成智慧地图呢?二,制作思路1,绘制手绘地图。2,将手绘地图切割成瓦片图。3,将瓦片图上传到明灯地图导览系统。
南城以南溫暖如初14713 天前
java·spring boot·mysql·vue·mybatis
社交裂变商城系统设计与实战开发指南社交裂变商城,本质上是一套以“用户关系链”为传导媒介、以“利益激励”为驱动引擎的电商交易系统。与传统电商平台不同,其核心差异并不在于商品管理或订单流程,而在于用户邀请关系的建立、裂变路径的追踪、以及多级奖励的自动结算。当前主流的社区团购、校园电商、本地生活类平台,均会在其基础商城之上叠加社交裂变模块,以降低获客成本。
南城以南溫暖如初14713 天前
java·spring boot·mysql·架构·vue·mybatis
分享返现商城系统开发实战:技术架构与运营经验指南分享返现商城,本质上是在传统电商交易链路中嵌入一层“分账+激励”的逻辑,其核心价值在于通过利益驱动帮助平台完成用户裂变和留存。从技术角度看,开发一套可落地的分享返现商城系统,关键在于构建一个高可用、可追溯、防刷单的返现计算与结算引擎。本文结合主流开源电商与社区系统的通用技术方案,从架构设计、数据库建模、返现核心链路、风控策略及多端部署五个方面,系统梳理开发过程中的关键决策与实战经验,供正在规划此类项目的研发团队参考。
阿图灵13 天前
前端·vue·个人网站·deepseek·开发报告
MakerHub 开发报告:v1.0.0 → v1.1.0(单日 26 提交,图片渲染、目录跟随与数据真实化)版本基线:v1.0.0 → v1.1.0 署名:Maker × DeepSeek 联合打造 单日提交:26 个(5fdd70a → 65bb39b) 质量状态:171/171 单元与组件测试(37 文件)· E2E 13/13 · lint 0 error · build ✅