组件element-plus messagebox样式
超大文件上传和断点续传的组件
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
TileServer GL的样式怎么配置图层层级
在 TileServer GL 的样式中，可以通过 minzoom 和 maxzoom 属性来配置图层的层级范围。 minzoom 属性用于指定最小层级，即在什么层级下才会显示该图层。例如，如果将 minzoom 属性设置为 10，则该图层只会在层级大于等于 10 时显示。 maxzoom 属性用于 ......
TileServer GL图层样式的layout属性
在 TileServer GL 的样式中，layout 属性用于定义图层布局参数。以下是一些常见的 layout 属性及其说明： visibility：指定图层是否可见。 line-cap：指定线条末端的外观样式（butt、round、square）。 line-join：指定连接线段的类型（mit ......
vue主应用，qiankun 子应用切换主应用样式错乱问题
vue主应用，qiankun 子应用切换主应用样式错乱问题 const childRoute = ['/flinkdashboard', '/dolphinscheduler', '/datainsight' ] //子应用路径 const isChildRoute = (path) => chil ......
uniapp 动态修改 css 样式
css 使用 var 注入变量， 达到设置动态样式的需求 声明 css 变量时， 变量名前面要加两根连词线（--）； 变量使用 kebab-case 命名方式，即 --header-color 而不是 --headerColor； 变量名大小写敏感，--header-color 和 --Header ......
go之logrus自定义日志样式
日志功能配置：logrus.go package core import ( "bytes" "fmt" "github.com/sirupsen/logrus" "io" "os" "path" ) const ( red = 31 yellow = 33 blue = 36 gray = 37 ......
动力节点老杜Vue框架教程【三】Vue组件化
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
老杜Vue实战教程完整版笔记（三）Vue组件化
接上篇文章，分享动力节点老杜全新版Vue教程笔记 学习の地止：https://www.bilibili.com/video/BV17h41137i4 3 Vue组件化 3.1 什么是组件 传统方式开发的应用 一个网页通常包括三部分：结构（HTML）、样式（CSS）、交互（JavaScript） 传统 ......
老杜2023最新Vue实战精讲（三）Vue组件化
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
排序三角组件
效果 排序三角组件 <template> <div class="order"> <div class="order-text" @click="textBtnFn"> <slot></slot> </div> <div class="order-icon" @click="nabFn"> <div ......
Vue3 + element-plus使用注意
1.给组件设置ref="xxx" 例如： <el-table ref="tableRef" 定义tableRef时，需要注意尽量使用 ref() 而非 ref(null) const tableRef = ref(); 因为使用ref(null）会得不到$el的相关属性，即 undefined 例如 ......
Element-Plus中表格的使用
table的使用 基础使用 el-table是整个表格，其中的data是整个列表要展示的数据。一般我们使用表格所展示的内容都是数组嵌套对象的形式，width就是指定整个表格的宽度，也就是基础的css样式。 其中每一列使用el-table-column来包裹，在el-table-column中prop ......
qiankun 框架是怎么做的样式隔离
Qiankun 是一个微前端框架，它在技术上采用了 Web Components 技术实现样式隔离。具体来说，Qiankun 利用 Shadow DOM 的特性，在应用程序容器中创建一个隔离的 DOM 树，使得每个子应用都可以拥有自己独立的样式作用域。 在 Qiankun 中，每个子应用都被封装为一 ......
【HarmonyOS】自定义组件之JavaUI实现通用标题栏组件
【关键字】 标题栏、常用内置组件整合、JavaUI、自定义组件 【1、写在前面】 平时我们在开发一个应用时，我们都知道一个完整的项目中会有很多个页面，而这些页面中会有许多通用的部分，比如通用标题栏、通用Dialog、通用下拉菜单等等，在Android开发中我们可以通过LayoutInflater.f ......
easyExcel自定义样式和内容
需求背景 项目框架导出Excel功能使用easyExcel，需要导出的Excel样式较为复杂，只使用注解样式实现不了，因此考虑到了easyExcel提供的“拦截器”。 需求： 导出Excel，多个sheet页，每个sheet页数据格式相同，内容不同，表头上方增加一行特殊信息，每个sheet页工点断面 ......
微服务相关组件的启动方法
本篇文章是记录微服务相关组件的启动方法，安装流程可以百度查看网上博主文章，随便找一篇问题都不大，本文主要是因为运行的有点特殊，特意记录下来，日后忘记回来找笔记，都是在已经安装配置的基础上。 Redis 分布式缓存，单机Redis的启动方式。 # 启动Redis redis-server redis. ......
vue3-sign 手写签名组件
一个简易签名组件，基于vue3和canvas。 #安装 npm i @sangtian152/vue3-sign -S # or yarn add @sangtian152/vue3-sign 引入 在 main.js 中写入以下内容： import { createApp } from 'vue' ......
界面控件DevExtreme使用指南 - 折叠组件快速入门（二）
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 请注 ......
springcloud介绍之微服务架构常见组件使用
放本地文件夹都快吃土了，准备清理文件夹，关于SpringCloud的！ 官网 1、eureka eureka github 参考文档 单机版: spring-cloud-eureka-700 <!-- https://mvnrepository.com/artifact/org.springfram ......
Element 级联选择器（Cascader）点击文字（或者一行）选中样式回显
预览图 实现的效果 1、选中最后一级，下拉框收缩 2、下拉框的每一行点击都可以选中 3、点击radio，也能实现选中最后一级，下拉框收缩 组件代码 <el-cascader ref="cascaderHandleRef" v-model="languageIds" class="width-260" ......
flume组件以及通过命令监控大数据平台转态
实验一、Flume 组件安装配置 1、下载和解压 Flume 可 以 从 官 网 下 载 Flume 组 件 安 装 包 ， 下 载 地 址 如 下 URL 链 接 所 示 https://archive.apache.org/dist/flume/1.6.0/ [root@master ~]# l ......
vue3 自定义组件双向绑定（modelValue）
参考链接：https://huaweicloud.csdn.net/638edf68dacf622b8df8d152.html 父组件： <Customabc ref="editor" v-model="data.introduction" :min-height="400" name="职能" p ......
vue移动端使用(pdfh5) 组件预览PDF
1、安装插件 npm i pdfh5 2、在页面内引入组件 import Pdfh5 from "pdfh5";import "pdfh5/css/pdfh5.css"; 3、写一个展示pdf文件的容器 <div id="pdfType"></div> 4、封装在事件中 initPdf() { th ......
基于原生alert或者confirm的样式修改
<style> #alertModel {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0, 0, 0, 0.6);display: -webkit-box;displa ......
通过 css 控制 window.print 的样式
打印页面隐藏打印按钮 在 button 按钮加一个 class 样式 class="print-button-container" 调用 window.print 方法的页面加以下css <style scope lang="scss"> @media print { .table-print-di ......
k8s架构组件说明
架构图组件实况图组件：k8s的node每个都有两个程序组件：kubelet和kube-proxy。kubelet在nonde上充当一个agent的作用。kube-proxy是负责对外访问的网络。k8s的master的组件详细说明：apiserver主要是集群入口和调度etcd：把全部连接信息等都会存 ......
ai问答：使使用 Vue3 组合式API 和 TypeScript 父子组件demo
这是一个使用 Vue3 组合式 API 和 TypeScript 的简单父子组件示例 父组件 Parent.vue: <template> <div> <p>{{ msg }}</p> <Child /> </div> </template> <script lang="ts"> import { ......
layui学习4（弹出组件）
1.弹出组件 使用方法 1.作为独立组件使用：下载layer引入js文件，加载1.8版本以上的jQuery的js文件和layer.js文件 2.layui模块化使用：只需要引入layui中的css与js文件，在script中使用layui.use()加载模块即可 下载layer组件： layer 弹 ......
你真的掌握样式优先级和选择器优先级吗？
css选择器以及优先级 1.样式优先级 最近的祖先样式比其他祖先样式优先级高 "直接样式"比"祖先样式"优先级高 选择器优先级 内联样式 > id选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 组合选择符 分类 后代选择符 .a .b{} 子选择符 .a > ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......