前端

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

Flutter && Dart

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

Flutter for OpenHarmony: Flutter 三方库 flutter_cors 应对鸿蒙 Web 与混合开发中的跨域挑战(网络兼容方案)

欢迎加入开源鸿蒙跨平台社区:# 前言在进行 OpenHarmony 的跨平台开发时,我们不仅开发原生 HAP,有时也会涉及 Flutter Web 或是在鸿蒙端侧运行 Webview 混合应用。这时,一个经典的“拦路虎”就会出现:CORS (跨源资源共享) 限制。当你的 Web 端尝试访问一个未配置跨域头部的后端 API 时&#

微前端解决方案-qiankun实战及部署

先来张图片压压惊 image.png 在线demo:wzs.bengdada.com/ 单独访问在线子应用: subapp/micro-react subapp/micro-vue2 subapp/micro-vue3 一.导读 1.什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值:

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

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

Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR

简介 Sword:一个可以给 Kotlin 函数增加代理的第三方库,基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程,如何使用 Sword 以及如何通过 KSP 为 InvocationHandler

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

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

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

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

iOS 组件化(二) - 远程/本地管理私有库

iOS 组件化(一) - CocoaPods原理理论篇 iOS 组件化(二) - 远程/本地管理私有库 iOS 组件化(三) - 组件化工程介绍 一、前言 1.了解组件化 组件化就是将单一工程的项目按照功能职责或者业务职责划分成一个一个模块,模块间解耦调用。 2.组件化解决耦合问题 当一个项目开发初期的时候,开发人员较少,业务较为简单,此时采用单一工程开发的模式,能保证开发效率。当项目越来越大,开

从vw/vh到clamp(),前端响应式设计的痛点与进化

目录从vw/vh到clamp(),前端响应式设计的痛点与进化一、原生响应式设计的痛点1、使用 vw/vh/% 的蜜月期与矛盾点2、以 px+@media 为主轴实现多端样式兼容二、clamp():响应式设计的新思路1、clamp() 是什么?2、优势分析三、实际应用场景示例1、标题文字大小2、布局容器宽度3、按钮与间距4、配合calc()实