vue

半生过往11 小时前
vue·il8n
Vue i18n 国际化全套适配实战:一步一步从零到工程化落地标签:Vue 3 · vue-i18n · 国际化 · TypeScript出海项目开发中,前端多语言是绕不开的需求。很多开发者最开始简单认为国际化只是把页面中文替换成英文,真正落地才会发现这是一套完整的工程问题。本文基于 Vue3 + vue-i18n + TS,从基础安装配置、语言包管理,到组件内外调用、语言持久化,再到插值复数、日期数字格式化、语言包懒加载、路由接口联动、RTL布局适配完整落地,附带可直接运行的业务代码,同时补充工程化配套方案与踩坑总结。
志尊宝17 小时前
笔记·vue·html·前端开发·软件开发
Vue3 零基础每日笔记(035):什么是 Composables——mixin 之死与逻辑复用新方案组件篇结束,新阶段开始:组合式函数(Composables)篇。本篇先回答"为什么需要它":Vue2 时代的逻辑复用方案 mixin 为什么被淘汰?Composables 凭什么成为官方钦定的答案?012 篇埋的"toRefs 在第五阶段天天见"也从这篇开始兑现。
志尊宝19 小时前
笔记·vue·html·前端开发·软件开发
Vue3 零基础每日笔记(030):动态组件与 keep-alive——切换组件与页面缓存多 Tab 页面是后台系统的标配:帖子、收藏、订单几个面板来回切。用 v-if/v-show 能实现,但代码散;Vue 有专门的组合技:<component :is> 动态组件 + keep-alive 缓存。今天还顺手解决一个真实痛点——Tab 切走再切回,用户填了一半的表单还在不在?
志尊宝20 小时前
前端·javascript·vue.js·vue·前端开发
Vue3 零基础每日笔记(029):插槽 slot 三连——默认、具名、作用域一次讲透props 传数据、emit 传事件,但父组件想把**一段模板(HTML 结构)**塞进子组件呢?比如卡片组件:外壳统一,中间装什么内容每个页面都不一样。这就是插槽 slot:子组件挖坑,父组件填内容。默认、具名、作用域三种,一个比一个强,Element Plus 的表格弹窗全是它的深度应用。
尾善爱看海1 天前
前端·javascript·vue.js·面试·vue
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)系列最后一篇。把这 30 道题吃透,Vue 面试你可以反向输出。这是 Vue 面试系列的最终篇(第 1 篇:核心基础 | 第 2 篇:Composition API 进阶 | 第 3 篇:Router/Pinia/响应式源码)。
caoerzhong2 天前
java·开发语言·开源·vue
JeeWMS 开源仓库管理系统 GPL-3.0 合规指南:Java WMS 二次开发前必须弄清的授权边界> 选题编号:23(30 选题轮换 · GPL-3.0 合规)## 一、一个真实的尴尬场景某制造企业 IT 负责人兴冲冲地把一套开源 WMS 仓库管理系统改完了:字段加好了、拣货逻辑调顺了、PDA 端也跑通了,准备打包交付给集团内三家分厂使用。结果在上线评审会上,法务只问了一句:
caoerzhong2 天前
java·python·开源·vue
JeeWMS 开源仓库管理系统权限与域验证解析:Java WMS 如何把数据权限管到仓、货主与人> 选题编号:20(权限与域验证)在仓库管理系统里,"能不能看"和"能不能改"从来不是一个可有可无的附属功能。一套 WMS 上线之后,仓管员、拣货员、叉车司机、客户货主、财务对账人员、总部运营,几十号甚至上百号人会在同一套系统里同时操作。如果权限只做到"菜单能不能点"这一层,就会出现很典型的现场事故:A 货主的库存被 B 货主的客服看到了,某仓的盘点差异表被另一个仓的人导出走了,临时工账号离职三个月还在能改出库单。
caoerzhong2 天前
java·架构·开源·vue
JeeWMS 开源仓库管理系统多租户架构解析:一套 Java WMS 如何同时服务多个货主与多个仓库> 选题编号 19 · 多租户架构> 官方仓库:https://gitee.com/erzhongxmu/JEEWMS
ynchyong3 天前
typescript·vue·ts·unwraprefsimple
VUE 中 不能将类型“R[]”分配给类型“UnwrapRefSimple<R>[]”摘要:本文针对 Vue 3 + TypeScript 中泛型 ref 赋值报错 不能将类型“R[]”分配给类型“UnwrapRefSimple<R>[]” 的问题,分析了其根源在于 ref 的深度响应类型解包与泛型约束之间的冲突,并给出两种解决方案:方案一为 ref 不传初始值(影响最小),方案二为使用 shallowRef 配合 triggerRef 手动触发更新;最后补充了 toRaw 在需要绕过响应式代理、直接操作原始数据场景下的用法。
Leaderxin3 天前
rust·vue·跨平台·tauri·桌面应用
还在用 Electron?6 种跨平台桌面方案横评:Rust + Vue 把安装包从 224MB 干到 4.7MB桌面端选型是个吵了十年的话题。前几天我把自己一个 A 股盯盘工具从「Electron 那一套」换成了 Rust + Vue(Tauri 2),顺手把市面上主流的 6 种跨平台桌面方案横向比了一遍——不比口号,只比能测出来的东西:安装包多大、靠什么渲染、前端代码能不能直接搬、分发和签名要折腾多少、以后要不要重写。
YWL3 天前
前端·javascript·vue·时间轴
vue-time-axis-plus进阶:双进度条+跨空白续播+播放指针,打造专业级监控回放体验入门篇跑通了基础功能,但实际监控回放场景还需要:全天录像概览(双进度条)、播放指针居中跟随、点击空白自动续播。这篇文章把这些进阶功能都实现了。
尾善爱看海7 天前
前端·javascript·vue.js·面试·vue
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析上一篇讲了 Vue 核心基础,这一篇进入进阶——也是中高级前端面试的分水岭。这是 Vue 面试系列的第 2 篇(第 1 篇:核心基础 + 响应式 + 组件通信,点这里回看)。基础篇决定你能不能过初筛,进阶篇决定你能拿多少薪。
明耀7 天前
vue
vue chart 强行刷新高度,宽度修改key 就会强行刷新
YWL7 天前
前端·vue·openlayers
OpenLayers弹窗Overlay深度实战做地图应用,点击要素弹出信息窗是最常见的交互。但OpenLayers的Overlay API比较底层,直接用会遇到很多问题——弹窗位置偏移、重复创建、关闭按钮事件失效、Vue响应式丢失。这篇文章把两种实现方式(HTML字符串 vs Vue组件)和踩过的坑都整理出来了。
YWL7 天前
前端·信息可视化·vue·echarts·openlayers
OpenLayers+ECharts联动:地图点击联动图表,数据可视化大屏方案领导说"做一个数据大屏,左边地图右边图表,点击地图上的区域,右边图表跟着变"。这就是典型的地图+图表联动场景。但OpenLayers和ECharts是两个独立的库,怎么联动?这篇文章把完整方案写出来了。
YWL8 天前
前端·javascript·vue·openlayers
OpenLayers地图分享:URL参数同步+分享链接生成,让用户一键分享地图视角产品要求"用户可以分享当前地图视角给其他人"。听起来简单,但需要解决:URL参数同步(缩放、中心点、图层状态)、分享链接生成、状态恢复。这篇文章把完整方案写出来了。
程序员蜡笔熊9 天前
前端·javascript·vue
Vite 8 换芯实测:Rolldown 替掉双引擎,构建快 3.19 倍前情:TS 7.0(Go)React Compiler(Rust)Rspack 2.0(Rust)Bun(Zig→Rust)
YWL10 天前
前端·vue·openlayers
OpenLayers导出功能:地图截图+GeoJSON导出完整方案,从Canvas合并到PDF生成产品要求"用户可以导出当前地图视图为图片"。听起来简单,但OpenLayers的地图是由多个Canvas图层叠加的,直接截图只能拿到最顶层。我花了两天研究Canvas合并、跨域处理、PDF生成这些问题,最终实现了一个完整的导出方案。
上单带刀不带妹10 天前
缓存·小程序·vue·uniapp
小程序图片缓存问题:时间戳和版本号解决图片不更新服务器上的图片已经更新了,但是页面上显示的还是旧图片。这种情况很多时候是因为图片 URL 没有发生变化,客户端继续使用了之前缓存的图片。
wxwx_bscxy32210 天前
mysql·node.js·vue·高校学业预警
NodeJS 高校学业预警系统10551随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,教育行业当然也不能排除在外。高校学业预警系统是以实际运用为开发背景,运用软件工程开发方法,采用Node.JS技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析,得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等;详细设计主要包括模块实现的关键代码,系统数据库访问和主要功能模块的具体实现等。最后对系统进行功