间距 组件css
Vue实现可自定义时间倒计时功能组件
一,创建countDown.vue(倒计时组件) let time = parseInt(new Date().getTime() / 1000) + '';//获取10位时间戳 let time = new Date().getTime();//获取13位的时间戳 使用说明: 1)endTime是 ......
Vue2 自动注册组件
Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式,把 ......
css常用技巧
1、多行文本溢出隐藏 ```css div{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; // ......
Ant Design Pro版中后台原型模板及Axure rplib元件库组件
Ant Design Pro版中后台原型模板及Axure rplib元件库组件, Ant Design服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。 AntDesign是阿里巴巴开源的一套admin框架,是当前非常主流的设计方案。本套 ......
《深入解析 css》笔记
第一章:层叠、优先级和继承 1.优先级:!important>行内样式>id 选择器>类选择器>标签选择器 2.两条经验法则:选择器少用 id;少用!important。 3.使用 inherit 属性使元素属性继承自父元素,方便修改。 4.使用简写属性的时候会默认给细化的属性赋默认值,如标签 h1 ......
《css 揭秘》笔记
粗读了《css 揭秘》这本书,里面提到的很多技巧和操作暂时用不到,可以在用到时当工具书看,目前对我有帮助的几个技巧做了个笔记。 尽量使用相对单位。line-height 与 font-size 的比例而不要使用绝对值。em 单位(相对于当前元素的字体大小)可以在修改字体尺寸同时修改其他的数值。rem ......
【HarmonyOS】低代码开发使用module中的自定义组件
“Module是应用/服务的基本功能单元,包含了源代码、资源文件、第三方库及应用/服务配置文件,每一个Module都可以独立进行编译和运行。一个HarmonyOS应用/服务通常会包含一个或多个Module,因此,可以在工程中创建多个Module,每个Module分为Ability和Library两种 ......
VUE框架组件中通信方式(2)
## 全局事件总线 全局事件总线可以实现任意组件通信,在vue2中可以根据VM与VC的关系推出全局事件总线。 点击查看全局事件总线代码示例 ``` // main.js import Vue from 'vue' import App from './App.vue' // 创建一个Vue实例作为事 ......
CSS实现根据子元素数量应用不同样式
theme: condensed-night-purple highlight: atelier-cave-light 在前端的页面布局中经常会出现在子元素个数使用不同的样式的需求,比如文章列表,在较少内容下单列表现,而在元素内容较多时使用双列表现。再比如在页面排版上,可以根据元素内容的多少来修改内 ......
react的函数式组件中使用ref获取到子组件的方法为undefined
我暂时遇到了两种情况。 ### 第一种情况:useImperativeHandle函数写错 useImperativeHandle的第二个参数的返回值是作为ref.current的值,但是我写箭头函数写快了,忘记返回值了。 ``` useImperativeHandle(ref, () => {fo ......
VUE框架组件中通信方式(1)
## 在vue2中组件通信方式如: props:可以实现父子组件,子父组件,兄弟组件通信 自定义事件:实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模式实现任意组件通信 vuex:集中式状态管理容器,实现任意组件通信 ref:父组件获取子组件实例VC,获取子组件 ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
css颜色变淡和变浅方法收集(模拟sass的darken和lighten函数)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
selenium中使用CSS 定位
CSS 是一种语言,用来描述 HTML 和 XML 文档的表现。CSS 使用选择器为页面元素 绑定属性。 CSS 选择器可以较为灵活地选择控件的任意属性,一般情况下,CSS 定位速度比 XPath 定位速度快 通过 CSS Selector 选择单个元素的方法是 find_element(By.CS ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下: ![](https://p3-juejin.byteimg. ......
【Vue3】Vue3中常用的组件传参方式
# props/$emit 父传子 (自定义属性 props) ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父(自定义this.$emit) `` ......
微前端中的CSS
我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟,样式始终是任何UI 片段所需要的东西,然而,它也是全局共享的东西,因此是潜在的冲突来源。 在这篇文章中,我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理,那么也可以考虑研究“微前端的艺术” ......
组件结构 - 在React中构建可重用和可维护的组件
我们将探讨组件结构的重要性以及它如何有助于创建高度可重用、模块化且易于维护的组件。 在 React 中构建可重用和可维护的组件不仅仅是编写代码;还需要编写代码。它涉及采用最佳实践并遵循合理的架构原则。 通过仔细构建我们的组件,遵守单一职责原则,并采用原子设计和组件组合等概念,我们可以创建更加模块化、 ......
【CSS】写一个原生的透明 input 标签输入框
![在这里插入图片描述](https://img-blog.csdnimg.cn/d10ff2650c664d6894f16763995e460d.png#pic_center) ```html ``` ```css .search { height: 32px; width: 204px; dis ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点: 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
【TypeScript】Element 组件导入在 TypeScript 5 报错:模块 ““element-plus““ 没有导出的成员。。。
## 报错现象 ![在这里插入图片描述](https://img-blog.csdnimg.cn/5adc5b09840341cb9e7c902be31b55ba.png#pic_center) ## 解决方法 typescript 5.0版本升级,使用了 `compilerOptions.modu ......
form组件
# form组件 在我们日常填写注册信息或者报名信息时,所访问的网页,在输入信息有错误时就显示一些后端传入的提示。 [![img](https://img2023.cnblogs.com/blog/2987404/202212/2987404-20221221202652169-1052672256 ......
vue 电池样式组件 css样式
效果如图:(背景图片自行替换) 这是用纯css写的电池样式,获取数据后,找出最大值,并计算长条的宽度,从而完成样式。 话不多说上代码: <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
css属性中的 filter 和 backdrop-filter 使用
filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil ......
【HarmonyOS】低代码项目中设置拖拽组件背景色透明度问题
【关键字】 HarmonyOS、低代码开发、拖拽组件、背景色透明度 【问题描述】 使用拖拽式组件开发HarmonyOS项目时,想给组件设置背景色透明度,有如下几个问题: 1)使用DevEco Studio自带的颜色选择器,无法设置透明度,只能手动输入 2)在子模块library中给组件手动输入#ff ......
css关键字unset的含义?
unset是css的关键字,将一个属性的属性值设置为unset,目的是将一个属性重新重新设置为其从父母那继承的属性值,如果没有继承则是重置成初始值。 它可以应用到所有的css属性上,包括css简写。 转自:https://www.cnblogs.com/Janejxt/p/7490997.html ......
Kubernetes 关键组件和概念(二)
### 序 上一篇我们介绍了 k8s 的基本架构,我们在这篇文章将介绍 `Kubernetes` 关键组件和概念。 还是先来一张图: ![1_2pdatNn7KzcQZpc8cOALOQ.webp][1] 根据上图我们分别对`Deployment`、`ReplicaSet`、`Pod`详细的介绍,其 ......
视频直播网站源码,CSS实现吃豆豆效果
视频直播网站源码,CSS实现吃豆豆效果 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht ......
Vite 组件化开发
## 什么是 Vite? Vite 是一个基于 ES 模块的构建工具,旨在提供快速、轻量级的开发体验。与传统的打包工具不同,Vite 利用浏览器原生支持的模块加载能力,实现了更快的冷启动和热模块替换。它支持 Vue.js、React 和其他前端框架,并且具有开发服务器和优化的构建配置,可以大大提升前 ......