vue

志尊宝2 小时前
前端·javascript·vue·html·vue3
Vue3 零基础每日笔记(038):亲手封装 useDebounceFn 与 useThrottleFn——高频事件的流量阀009 篇搜索联想留了个尾巴:连续快速输入会发一堆请求。今天还账——亲手封装 useDebounceFn(防抖) 和 useThrottleFn(节流)。这两个函数是前端面试手写题 Top 3,也是性能优化的万金油。别背八股,跟着场景把原理写出来。
愛芳芳10 小时前
前端·javascript·css·elementui·typescript·electron·vue
基于 Electron + Vue3 的仿 PC 微信客户端项目实战目录一、项目介绍二、项目结构1.vscode项目截图:2.项目依赖三、项目截图1.登录页2.聊天主页3.好友通讯录
梦想的颜色11 小时前
ai·前端框架·大模型·vue·react·html5·vibecoding
【AI科普】AI 时代,纯 H5+CSS PK React & Vue:前端技术孰优孰劣深入剖析AI 代码生成、Agent 自动写前端已经不再是 Demo 玩具,已经进入工程落地阶段。 过去我们选型前端技术栈,关注点是:性能、生态、团队学习成本。
志尊宝13 小时前
前端·javascript·vue·html·vue3
Vue3 零基础每日笔记(043):defineModel 与 defineExpose 的 TS 用法——3.4+ 新 API 进阶027 篇学过 defineModel 的基础用法,033 篇用过 defineExpose 开门——本篇给这两个"新 API"穿上 TS 盔甲:模型 ref 的类型怎么标?父组件拿到的子组件实例怎么声明类型?033 篇"InstanceType 伏笔"今天兑现。
avi911113 小时前
中间件·vue·公用状态·文件间通信
无厘头 -- 基于vue 公用状态机,已用于放置类篮球卡牌Game或者关键是用了 pinia 这个库,好像专门用于保存状态调用方法例如,可用于当前金币,任务列表啊,和技能等级等等;
半生过往1 天前
vue·il8n
Vue i18n 国际化全套适配实战:一步一步从零到工程化落地标签:Vue 3 · vue-i18n · 国际化 · TypeScript出海项目开发中,前端多语言是绕不开的需求。很多开发者最开始简单认为国际化只是把页面中文替换成英文,真正落地才会发现这是一套完整的工程问题。本文基于 Vue3 + vue-i18n + TS,从基础安装配置、语言包管理,到组件内外调用、语言持久化,再到插值复数、日期数字格式化、语言包懒加载、路由接口联动、RTL布局适配完整落地,附带可直接运行的业务代码,同时补充工程化配套方案与踩坑总结。
志尊宝1 天前
笔记·vue·html·前端开发·软件开发
Vue3 零基础每日笔记(035):什么是 Composables——mixin 之死与逻辑复用新方案组件篇结束,新阶段开始:组合式函数(Composables)篇。本篇先回答"为什么需要它":Vue2 时代的逻辑复用方案 mixin 为什么被淘汰?Composables 凭什么成为官方钦定的答案?012 篇埋的"toRefs 在第五阶段天天见"也从这篇开始兑现。
志尊宝1 天前
笔记·vue·html·前端开发·软件开发
Vue3 零基础每日笔记(030):动态组件与 keep-alive——切换组件与页面缓存多 Tab 页面是后台系统的标配:帖子、收藏、订单几个面板来回切。用 v-if/v-show 能实现,但代码散;Vue 有专门的组合技:<component :is> 动态组件 + keep-alive 缓存。今天还顺手解决一个真实痛点——Tab 切走再切回,用户填了一半的表单还在不在?
志尊宝2 天前
前端·javascript·vue.js·vue·前端开发
Vue3 零基础每日笔记(029):插槽 slot 三连——默认、具名、作用域一次讲透props 传数据、emit 传事件,但父组件想把**一段模板(HTML 结构)**塞进子组件呢?比如卡片组件:外壳统一,中间装什么内容每个页面都不一样。这就是插槽 slot:子组件挖坑,父组件填内容。默认、具名、作用域三种,一个比一个强,Element Plus 的表格弹窗全是它的深度应用。
尾善爱看海2 天前
前端·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 端也跑通了,准备打包交付给集团内三家分厂使用。结果在上线评审会上,法务只问了一句:
caoerzhong3 天前
java·python·开源·vue
JeeWMS 开源仓库管理系统权限与域验证解析:Java WMS 如何把数据权限管到仓、货主与人> 选题编号:20(权限与域验证)在仓库管理系统里,"能不能看"和"能不能改"从来不是一个可有可无的附属功能。一套 WMS 上线之后,仓管员、拣货员、叉车司机、客户货主、财务对账人员、总部运营,几十号甚至上百号人会在同一套系统里同时操作。如果权限只做到"菜单能不能点"这一层,就会出现很典型的现场事故:A 货主的库存被 B 货主的客服看到了,某仓的盘点差异表被另一个仓的人导出走了,临时工账号离职三个月还在能改出库单。
caoerzhong3 天前
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 种跨平台桌面方案横向比了一遍——不比口号,只比能测出来的东西:安装包多大、靠什么渲染、前端代码能不能直接搬、分发和签名要折腾多少、以后要不要重写。
YWL4 天前
前端·javascript·vue·时间轴
vue-time-axis-plus进阶:双进度条+跨空白续播+播放指针,打造专业级监控回放体验入门篇跑通了基础功能,但实际监控回放场景还需要:全天录像概览(双进度条)、播放指针居中跟随、点击空白自动续播。这篇文章把这些进阶功能都实现了。
尾善爱看海7 天前
前端·javascript·vue.js·面试·vue
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析上一篇讲了 Vue 核心基础,这一篇进入进阶——也是中高级前端面试的分水岭。这是 Vue 面试系列的第 2 篇(第 1 篇:核心基础 + 响应式 + 组件通信,点这里回看)。基础篇决定你能不能过初筛,进阶篇决定你能拿多少薪。
明耀7 天前
vue
vue chart 强行刷新高度,宽度修改key 就会强行刷新
YWL8 天前
前端·vue·openlayers
OpenLayers弹窗Overlay深度实战做地图应用,点击要素弹出信息窗是最常见的交互。但OpenLayers的Overlay API比较底层,直接用会遇到很多问题——弹窗位置偏移、重复创建、关闭按钮事件失效、Vue响应式丢失。这篇文章把两种实现方式(HTML字符串 vs Vue组件)和踩过的坑都整理出来了。
YWL8 天前
前端·信息可视化·vue·echarts·openlayers
OpenLayers+ECharts联动:地图点击联动图表,数据可视化大屏方案领导说"做一个数据大屏,左边地图右边图表,点击地图上的区域,右边图表跟着变"。这就是典型的地图+图表联动场景。但OpenLayers和ECharts是两个独立的库,怎么联动?这篇文章把完整方案写出来了。