Vue
el-input 限制输入只允许输入浮点型的解决思路

本文介绍如何在 Vue 和 Element UI 环境下,通过结合 oninput 原生事件与 @input 自定义方法,限制 el-input 仅允许输入浮点数。方案涵盖数字、小数点及正负号的过滤,解决多小数点、中文拼音干扰及格式校验问题,确保输入即时合规。

10.31
热度 512
Vue中onMounted获取不到DOM的原因及解决方案

本文分析Vue中onMounted生命周期获取DOM失败的原因,重点探讨v-if和v-for指令对DOM渲染的影响。对比v-if与v-show在DOM存在性上的差异,并提供nextTick和onUpdated两种解决方案,帮助开发者避免常见坑点。

10.31
热度 340
Vue权限管理几种实现方法

本文介绍了Vue前端权限管理的几种实现方法,涵盖接口、按钮、菜单和路由四个维度。详细对比了动态挂载路由、后端返回菜单等方案的优缺点,并提供了基于路由meta和自定义指令的按钮权限控制示例,帮助开发者根据项目需求选择合适的权限控制策略。

10.31
热度 290
Vue封装Echarts通用组件:Vue2/Vue3 JS/TS三种模板及常用配置事件详解

本文详细介绍如何在Vue项目中封装通用的Echarts图表组件,提供Vue2 JavaScript、Vue3 JavaScript及Vue3 TypeScript三种实现模板。内容涵盖组件创建、页面调用方法,以及鼠标交互、自适应、轮播动画等常用事件和Tooltip、AxisPointer、渐变处理等核心配置参数的具体用法。

10.31
热度 354
JavaScript与Vue中禁用鼠标右键菜单的实现方法

本文介绍了在JavaScript和Vue项目中禁用鼠标右键菜单的方法。通过oncontextmenu事件和addEventListener监听contextmenu事件,结合preventDefault()阻止默认行为。在Vue中,利用@contextmenu指令实现自定义右键菜单功能,并处理显示、定位及隐藏逻辑。

10.31
热度 602
JavaScript实现给数字添加千位分隔符

本文详细介绍在JavaScript中为数字添加千位分隔符的多种实现方式,包括手动遍历字符串、使用正则表达式、toLocaleString及Intl.NumberFormat方法。同时提供在Vue项目中创建并全局挂载数字格式化过滤器的完整步骤,便于在页面中直接复用。

10.31
热度 597
ECharts中clear()与dispose()的区别及Vue组件销毁实践

本文详细解析ECharts中clear()与dispose()方法的区别。clear仅清空图形缓存,不释放DOM及事件资源;dispose则彻底销毁实例,释放所有资源。在Vue等前端框架中,建议在组件销毁周期调用dispose并置空实例,以彻底避免内存泄漏。

10.31
热度 552
Vue中使用Canvas绘制圆与半圆的完整指南

本文详解在Vue环境中使用Canvas API绘制圆与半圆的方法。重点解析arc函数的六个参数,包括圆心坐标、半径、起始与结束角度及绘制方向。通过描边与填充两种方式的代码示例,展示如何控制顺时针与逆时针效果,并指出起止角度相同时无法绘制圆形的注意事项。

10.30
热度 223
Vue集成ArcGIS API for JS实现地图加载与3D视图配置

本文介绍在Vue项目中集成ArcGIS API for JS的方法,涵盖地图实例创建、2D与3D视图配置及显示流程。通过具体代码示例,展示如何设置底图、中心点、缩放级别及初始范围,帮助开发者快速实现Web地图应用。

10.30
热度 497
JS、C++与Vue交互通信及数据传递实现

本文详解JS、Vue与C++之间的交互通信机制。涵盖在Vue中暴露方法供JS调用、JS通过webview与C++双向通信传递参数,以及利用localStorage监听实现Vue与JS间的数据同步方案,提供关键代码片段与逻辑说明。

10.30
热度 412
Vue渲染数组时实现最后一项不加逗号

本文介绍在Vue项目中处理后端返回列表数据时,如何在每个元素后添加逗号但最后一项不显示的技巧。通过利用map循环遍历数组,对非最后项拼接逗号,实现表格项鼠标悬停提示时的格式要求。

10.30
热度 156
JavaScript获取地址栏参数的多种实现方案

本文详细解析如何在JavaScript原生及Vue、Angular、React等主流框架中获取地址栏参数。涵盖正则匹配、字符串截取等原生方法,以及Vue的useRouter、Angular的ActivatedRoute和React的路由配置,提供查询参数与路径参数的具体代码实现。

10.30
热度 421

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署