组件opentiny版本vue
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
DependencyInjection组件的综合应用案例（3）
目的：通过一个较综合的案例演示依赖注入的使用 需求：有配置服务、日志服务，然后再开发一个邮件发送器服务。 可以通过配置服务来从文件、环境变量、数据库等地方读取配置， 可以通过日志服务来将程序运行过程中的日志信息写入文件、控制台、数据库等。 说明：配置服务和日志服务.net中都有现有的框架，这篇文章只 ......
DependencyInjection组件的综合应用案例（4）
延续上一篇文章，这篇文章新增一个Ini文件配置提供者，并从注入环境变量配置修改为注入Ini配置的步骤，让大家体验下依赖注入的便捷 Ini配置： class IniConfigProvider : IConfigProvider { public string Path { get; set; } p ......
验证码组件开发，本地缓存倒计时
vue组件 <template> <div class="verifyCode mt-24"> <div class="header"> <span class="logo inline-block mr-6 w-[26px] h-[26px] bg-black-0"></span> <span c ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
kettle组件控制操作MySQL
使用kettle执行脚本：然后保存执行实现以下效果；转换参数：实现变量转换：delete from test where userid='${userid}';实现效果：100被删除 ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
vue3.0基础
1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
SpringBoot与SpringCloud的版本对应详细版
最新的使用 版本兼容 <!-- 统一管理jar包版本 --> <properties> <spring-cloud.version>2021.0.5</spring-cloud.version> <spring-boot.version>2.7.6</spring-boot.version> </p ......
数据库版本历史的总结-信创部分
数据库版本历史的总结-信创部分 背景 总结了开源和国外商业数据库的非常简单的历史. 发现想总结一下国产的数据库非常困难. 云和恩墨的数据库排行榜上面, 国产数据库有 接近300种 我感觉我这边几乎是无法进行学习和总结的. 所以只能够将几种比较常见的数据库进行一些总结. 人大金仓 人大金仓应该是国内第 ......
vue3使用cesium
1、安装vite-plugin-cesium： npm i -D vite-plugin-cesium 2、 安装cesium： npm i -S cesium 3、vite.config.js中配置如下： import cesium from 'vite-plugin-cesium' plugin ......
C++ Qt开发：TreeWidget 树形选择组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`TreeWidget`树形选择组件的常用方法及灵活运用。`QTreeWidget` 是 Qt 中的树形控件组件，... ......
Vue 过渡 & 动画
在 Vue 的过渡效果中，.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名，用于控制过渡的不同阶段。 .enter-active：表示进入过渡的活动状态。在元素插入到 DOM 中时添加，然后在过渡结束时移除。通过设置此类的样式 ......
Vue的生命周期
Vue的生命周期 vue的生命周期，主要经历了如下几个阶段，分别是 beforeCreate，created，beforeMount，mounted，beforeUpdate，update，beforeDestroy，destroy ，主要由这四对八个组成 主要分为四个流程，创建流程，挂载流程，更新 ......
vue3 相关知识汇总
1 组合式api 和选项式api 1.1 概念 选项式api：用包含多个选项的对象来描述组件的逻辑。 组合式api：组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api： 不需要使用构建工具 或者低复杂度的场景， ......
【HarmonyOS】鸿蒙应用安装三方包后，为什么每次同步更新都会将三方包更新成最新版本？
【关键字】 鸿蒙应用三方包安装，ohpm三方包安装 【问题详情】 进行鸿蒙应用开发时，我们经常会通过ohpm命令安装三方包实现某些功能，但是可能会存在这种情况：当三方包发布新版本后，点击同步工程，会出现默认更新安装的三方包版本情况；但是因为功能版本兼容问题，我们往往不想升级版本，本篇文章介绍为什么会 ......
JDK版本特性（三）JDK9
JDK9新特性 概述 java9提供了近150项新功能，包括： 模块化系统 jShell命令 多版本兼容jar包 接口的私有方法 钻石操作符的升级使用 语法改进：try String存储结构 集合特性：of() 增强streamAPI 全新HTTP客户端API Deprecated的相关API ......
JDK版本特性（二）StreamAPI
Stream API 1 概述 Stream是java8中处理集合的关键抽象概念 它可以指定对集合进行的操作，比如执行肥非常复杂的查找、过滤和映射等操作 还可以使用Steam API来进行并行操作 2 Steam实例化 2.1 集合创建 实现自接口collection.stream() @Tes ......
JDK版本特性（一）JDK8
Java8新特性 速度更快：如HashMap底层使用红黑树 代码更少 强大的Stream API 便于并行 最大化减少空指针异常：Optional Nashorn引擎：在JVM上运行JS应用 1 Lambda表达式 1.1 Lambda表达式的格式 (o1, o2) -> Integer.compa ......
spirng、springboot、jdk、maven、tomcat版本问题
引入springboot依赖时会自动安装spring对应依赖，版本由springboot决定。 springboot2.x.x及以下使用jdk11、jdk8都可以，springboot3.x.x最低要求jdk17 maven与jdk版本关系，参照链接：https://maven.apache.org ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
十三、组件-通用属性-点击事件
组件是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。 @Entry @Component struct Click { @State text: string = '' build() { Column ......
React useEffect 在组件挂载时运行了两次
在使用 useEffect 这个 hook 时，发现useEffect会执行2次 useEffect(() => { console.log("执行 useEffect"); }, []); 控制台输出： 执行 useEffect 执行 useEffect 查看 疑难解答 官方文档，官方解释如下： ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
OB指定开源版本MySQL模式单节点安装
OB指定开源版本MySQL模式单节点安装 yum源处理 yum install -y yum-utils yum-config-manager --add-repo https://mirrors.aliyun.com/oceanbase/OceanBase.repo yum install -y ......
C++ Qt 开发：ListWidget列表框组件
`QListWidget` 是 Qt 中的一个列表框组件，用于显示一列项目，并允许用户进行选择。每个项目可以包含一个图标和文本，可以使用 `QListWidgetItem` 类来表示。`ListWidget`组件与`TreeWidget`有些相似，区别在于`TreeWidget`可以实现嵌套以及多字... ......
Mac Vue-cli脚手架搭建
安装node环境 官网地址：http://nodejs.cn/download/ 我选择版本：v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
ruoyi-vue-activiti执行npm i出现node-sass报错
解决方法：把ruoyi-ui下面的package.json里对应的这两项，改成如下图所示的版本，再次执行npm install && npm run dev就可以了 参考资料： https://blog.csdn.net/qq_40095911/article/details/119253908 ......
Unreal入门，自定义Actor组件实现浮动效果
这里浮动效果主要实现方式是周期性的改变目标的Z轴坐标偏移，SetRelativeLocation或者AddActorWorldOffset都可以实现这个效果 1. 新建用来实现浮动效果的ActorComponent 随便整个名字 双击打开事件图表 在EventTick后面添加一些改变目标位置的节点， ......