前端

el-form的el-input 输入框按回车页面刷新问题

1、问题:当页面只有一个输入框时,获取焦点时,点击回车整个页面被刷新了 <el-form :model="Form" label-width="100px"> <el-form-item label="名称"> <el-input v-model="Form.name"></el-input> </el-form

JavaScript 中 var、let、const 的核心区别与实战应用

要理解 const、var、let 的区别,我们可以从 作用域、变量提升、可重复声明、可修改性 这几个核心维度展开,这些也是新手最容易混淆的点。一、核心概念铺垫首先明确两个基础概念,能帮你更好理解区别: 函数作用域:变量只在声明它的函数内部可访问(var 是函数作用域)。 块级作用域&#xff1a

h5 IOS微信浏览器input输入账号键盘闪烁

问题 由项目需求 只能在手机微信浏览打开h5页面 在登录界面。输入账号时,ios手机软键盘反复闪烁 原因 因为微信浏览器的重绘行为; 简单理解就是,自ios11开始,苹果手机的浏览器就有了自动填充密码的功能, 具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。 解决方案 autoComplete="off" 和 autoComplete="n

el-table二次封装

在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用,提高开发效率,减少重复代码,这篇博客对el-table进行简单的二次封装: 一、安装引入 Element官方文档 npm安装element-ui: npm i element-ui -S 可以看文档按需引入,这里为了方便直接全局引入了: import Vue from 'vue' import App fro

Flutter && Dart

/// Dart 弱类型(var、object、dynamic) /// Dart中没有=== 运算符。 /// 简介写法: /// 三元运算符??: t ?? 'test'是t!=null ? t : 'test'的缩写。 /// 级联操作符(依次进行调用),允许对同一对象或函数进行一系列操作,testObj.add('t')..delete('d')..show(); 类: 命名构造函数 cl

Windows 搭建 Gitea

一、准备工作1. 安装 Git:Gitea 依赖 Git 进行代码管理,所以首先需要确保系统中安装了 Git。下载地址: 安装数据库(可选)默认情况下,Gitea 使用 SQLite 作为内置的轻量级数据库,但如果需要&#xff0c

开源多数据库管理工具DBX使用教程

       日常开发与运维工作中,通常会接触多种类型的数据库,不同数据库往往需要搭配对应的客户端进行管理,频繁切换工具会降低工作效率。本文介绍一款基于 Rust、Tauri 2 + Vue 3 开发的开源跨平台数据库客户端 DBX,该工具可统一管理多款主流数据库,下文将完整讲解其功能、安装、配置及基础使用流程。   

玩转ClaudeCode:使用Figma-MCP编写前端代码1:1还原UI设计图

目录本轮目标具体实践一、开启 Figma 的 MCP 服务器二、Claude Code 连接 Figma MCP三、Claude Code 代码实现 Figma 设计稿本轮目标本轮目标是制作数字化大屏的一个前端组件,要求和UI设计图还原度达到1:1。本轮目标需要我们提前准备好figma客户端,且登录帐号具有开发模式的权限(没有可以去某夕)

HarmonyOS Web加载完成时延优化实战:从网络请求到JS执行完整方案

引言Web组件在HarmonyOS应用中承担越来越多的页面展示任务,但加载完成时延过高成为用户体验的绊脚石。从页面请求开始到页面视口内容加载完成,建议控制在900ms以内,让用户感知到页面加载响应及时。本文将从实际案例出发,系统讲解Web加载完成时延的分析与优化方法。 一、性能分析工具组合拳Web加载性能分析需要两个核心工具&#xff1a