间距 组件css
【HarmonyOS】自定义组件之JavaUI实现通用标题栏组件
【关键字】 标题栏、常用内置组件整合、JavaUI、自定义组件 【1、写在前面】 平时我们在开发一个应用时,我们都知道一个完整的项目中会有很多个页面,而这些页面中会有许多通用的部分,比如通用标题栏、通用Dialog、通用下拉菜单等等,在Android开发中我们可以通过LayoutInflater.f ......
微服务相关组件的启动方法
本篇文章是记录微服务相关组件的启动方法,安装流程可以百度查看网上博主文章,随便找一篇问题都不大,本文主要是因为运行的有点特殊,特意记录下来,日后忘记回来找笔记,都是在已经安装配置的基础上。 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' ......
css盒子跟随鼠标绘制点和线
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> html,body{ width: 100%; height: 100%; } #box{ height: 100px; width: 100 ......
界面控件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 ......
CSS 设置文字间距
CSS 设置文字间距 一、设置字符间距 在 CSS 中,可以使用 letter-spacing 属性来设置字符间距。该属性控制每个字符之间的距离,可以设置负值来让字符更接近,也可以设置正值来让字符之间的距离更远。 以下是一个示例,将字符间距设置为 0.1em: p { letter-spacing: ......
为什么你永远不应该在CSS中使用px来设置字体大小
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。 在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中,作者讨论了为什么不应该使用像素(px)作为网页字体大小的单位 ......
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 ......
css 渲染优化的方式
1、加载性能优化:css压缩、css单一样式、减少使用 @import, 而建议使用link; 2、 选择器性能优化: 避免使用通配规则 * 尽量少的去对标签进行选择,而是用class 不要去用标签限定ID或者类选择符:ul#nav,应该简化为#nav 尽量少的去使用后代选择器,降低选择器的权重值 ......
通过 css 控制 window.print 的样式
打印页面隐藏打印按钮 在 button 按钮加一个 class 样式 class="print-button-container" 调用 window.print 方法的页面加以下css <style scope lang="scss"> @media print { .table-print-di ......
CSS6大种选择器
一、常用的css基本选择器(4种) 1、标签选择器 结构: 标签名{css属性名:属性值}作用:通过标签名,找到页面中所有的这类标签,设置样式 注意:1.标签选择器选择的是一类标签,而不是单独的一个2.标签选择器无论嵌套关系有多深,都能够找到对应的标签 <style> p{ color: red; ......
你不知道的 CSS 之包含块
# 你不知道的 CSS 之包含块 一说到 CSS 盒模型,这是很多小伙伴耳熟能详的知识,甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块,有的小伙伴就懵圈了,什么是包含块?好像从来没有听说过这玩意儿。 <img src="ht ......
你是否了解 CSS 的属性计算过程呢?
有的同学可能会讲,CSS属性我倒是知道,例如: ```css p{ color : red; } ``` 上面的 CSS 代码中,p 是元素选择器,color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程,还真的不是很清楚。 没关系,通过此篇文章,能够让你彻底明白什么是 CSS ......
k8s架构组件说明
架构图组件实况图组件:k8s的node每个都有两个程序组件:kubelet和kube-proxy。kubelet在nonde上充当一个agent的作用。kube-proxy是负责对外访问的网络。k8s的master的组件详细说明:apiserver主要是集群入口和调度etcd:把全部连接信息等都会存 ......
css 移动端1px问题及解决
1、问题原因:移动设备推出一个设备像素⽐:dpr=window.devicePixelRatio,也就是设备的物理像素与逻辑像素的⽐值。在retina屏的⼿机上, dpr为2或3,css⾥写的1px宽度映射到物理像素上就有2px或3px宽度。 2、解决方法:border-image实现、backgr ......
HTML-CSS笔记
HTML 一、网页的基本结构和基础 1、html基础 <!doctype html> <html> <head> <!-- 可以通过meta标签来设置网页的字符集,避免乱码的问题--> <meta charset = "UTF-8"/> <title>网页的基本结构</title> </head> ......
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 将页面缩小/缩放到 90%
当我使用像笔记本电脑这样的设备时,它被放大了,当我缩小到 90% 时,它看起来好多了。 我使用了缩放:90%;首先,但这不适用于 Firefox 或 safari。通过一些研究,我发现 transform:scale (0.9); 是要走的路。 Zoom IE适用。 但是,当我这样做时 html 或 ......
一统天下 flutter - widget Sliver: SliverToBoxAdapter - 为不可滚动组件提供 sliver 效果
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Sliver: SliverToBoxAdapter - 为不可滚动组件提供 sliver 效果 示例如下: lib\widget\sliver\s ......
一统天下 flutter - widget Sliver: NestedScrollView - 为可滚动组件提供 sliver 效果
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Sliver: NestedScrollView - 为可滚动组件提供 sliver 效果 示例如下: lib\widget\sliver\nest ......
CSS样式 按钮颜色透明
.close{ background-color:transparent; border-style:none; color: #FFFFFF; font-size: 32rpx; text-align: center; } ......
组件的样式(含三元表达式)
04-组件的样式 import '../css/01.css' //导入样式 function App(){ var myname="lucax" var obj={ background:"red", fontSize:"40px" //font-size 所有样式的-都改为用驼峰写法去替代 } ......
html css 怎么导入外部css
在 HTML 文件中导入外部 CSS 样式表,可以使用 <link> 标签。具体步骤如下: 创建一个样式表文件(通常以 .css 扩展名为后缀),并将所有的 CSS 样式规则存放在该文件中。 在 HTML 文件中添加一个 <link> 标签,指定 rel="stylesheet" 属性和 href ......
vue学习 第四天 css ---元素显示模式 display
导学: 1)设置元素显示模式 display 2)block(块)、inline(行内)、inline-block(行内块) 3)每一种元素模式的特点 1、元素显示模式 : 独占一行 (块元素) 和 共用一行 (行内元素) HTML元素一般分为块元素和行内元素两个类型。 2、块元素:<h1>~<h6 ......
DRF的filter组件
DRF的Filter组件 如果某个API需要传递一些条件进行搜索,其实就在是URL后面通过GET传参即可,例如: /api/users?age=19&category=12 在drf中filter组件可以支持条件搜索。 1. 自定义filter # models.py from django.db ......