间距 组件css
CSS基础-3D变形
在DevExpress v23.1发布周期中，官方扩展了DevExpress BI Dashboard项的导出功能，这些增强功能适用于WinForms、WPF和Web平台，包括以下选项： 将自定义Dashboard项导出到Excel并自定义导出的文档本身 在导出期间自定义Pivot Grid Das ......
tailwindcss -原子化 CSS 框架
原子化 CSS 框架 我记得很久之前有时候为了少写些css，我们通常会有如下的样板代码 .block { display: block; } .flex { display:flex } .flex-center { align-items: center; justify-content: cen ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
小程序组件使用
在小程序中，父子组件之间可以通过属性和事件来进行数据的传递。 1. 使用属性传递数据： - 父组件可以通过在子组件的标签上绑定属性，将数据传递给子组件。 - 子组件可以在组件的 `properties` 属性中定义接收父组件传递的属性，并在组件内部使用。 - 父组件通过改变绑定的属性的值，可以实现向 ......
paging组件的用法和意义
一.Paging组件的意义 分页加载是在应用程序开发过程中十分常见的需求，我们经常需要以列表的方式加载大量的数据，这些数据通常来自网络或本地数据库。然而，如果一次性将所有数据全部加载出来，必然会消耗大量的时间和数据流量，而且用户可能只是需要一部分数据就行。因此，Google便推出了paging组件， ......
CSS 添加上标
CSS 添加上标 心彻关注IP属地: 浙江 2016.01.20 14:37:46字数 184阅读 10,017 有两种方式：一、添加上标元素1、使用<sup>元素1.1、HTML代码：<span>好好学习，天天向上<sup>热</sup></span>1.2、CSS代码：无需CSS代码。1.3、效 ......
微信小程序 scroll-view 组件的 bindscroll 不触发不生效
使用微信小程序基础组件中的scroll-view，但是滑动的时候 bindscroll 一直不生效。 <view class="container log-list"> <scroll-view scroll-y style="height:100%;white-space:nowrap;" scr ......
js设置时间组件
var date = new Date(), y = date.getFullYear(), m = date.getMonth(),d = date.getDate(); var monthFirstDay = new Date(y, m-1, d); var timeArr = [monthFi ......
OpenHarmony组件复用示例
本文转载自《#2023盲盒+码# OpenHarmony组件复用示例》，作者zhushangyuan_ ● 摘要：在开发应用时，有些场景下的自定义组件具有相同的组件布局结构，仅有状态变量等承载数据的差异。这样的组件缓存起来，需要使用到该组件时直接复用， ● 减少了创建和渲染的时间，可以提高帧率和用户 ......
【Angular】 在组件内使用生命周期钩子函数如 OnDestroy 时，必须先 implements 么？
不是必须，就算不`implements`，它也能被成功识别为生命周期钩子函数。但是最佳实践建议加入`implements`，可以增加钩子函数的数据类型检查，以及阻止某些因为未加入`implements`导致的错误。 **参考：** [Angular Lifecycle Interface OnCha ......
vue~el-autocomplete实现组件化
# el-autocomplete核心参数 可以实现异步的数据拉取，从异步返回的数据中，选择需要的结果，并回显到文本框中。 ## fetch-suggestions 回调列表，异步的方式获取数据列表，显示在列表框中 ## @select 当选中某一项时，会触发这个方法，将数据获取到，这时，我们可以将 ......
vue3 setup访问子组件的 DOM 元素
使用setup的情况下这个时候我们无法使用this，注意在setup中setup是封闭的，不会将子组件事件暴露出来，所以要用defineExpose()，将需要在父组件调用的函数暴露出去，子组件代码如下： ``` 哈哈哈哈 ``` 父组件： ``` import { ref, onMounted } ......
vue--day75--vuex多组件共享数据
1.Person.vue <template> <div> <h1>人员列表</h1> <h1 style="color: red;">Count 组件的求和为{{ sum }}</h1> <input type="text" placeholder="请输入名字" v-model="name">< ......
日志开源组件（六）Adaptive Sampling 自适应采样
# 业务背景 有时候日志的信息比较多，怎么样才可以让系统做到自适应采样呢？ ## 拓展阅读 [日志开源组件（一）java 注解结合 spring aop 实现自动输出日志](https://houbb.github.io/2023/08/06/auto-log-01-overview) [日志开源组 ......
element-ui中table组件的全选禁用遇到的坑？
elementui只提供了除全选之外其他复选框的禁用方法： <el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column> // 禁用table中的复选框 ......
How to fix the Tailwind CSS output.css not work All In One
How to fix the Tailwind CSS output.css not work All In One
......
常用的CSS样式
隐藏input输入框的增减按钮/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;} / ......
Vue【原创】基于【日历组件】的【节假日管理】功能整合
基于日历组件（lilo-canlendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5 ......
css flex 布局注意事项
1.父容器主要设置的 属性 flex-flow(flex-direction主轴方向 和 flex-wrap 如何换行 的简写) : 默认为 row nowrap 即 水平左起点 不换行 第一个值的其他可能:row-reverse：水平,右; column：垂直,起点在上沿; column-reve ......
为什么要用模块化、组件化才能完成 Android 项目中类加载功能?
模块化 模块： 最初的目的是将同一类型的代码整合在一起； 所以模块的功能相对复杂，但都同属于一个业务； 不同模块之间也会存在依赖关系； 但大部分都是业务性的互相跳转，从地位上来说它们都是平级的 特点： 分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行； 以页面、功能或其他不同粒度划 ......
Vue【原创】日历组件
最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> ......
15 CSS总结
##### 15 CSS总结 到此，css的知识就结束了，掌握这些知识，搞爬虫足够了。如果朋友还有兴趣可以去css其他学习网站去看看其他的一些属性用法，（菜鸟教程 https://www.runoob.com/css/css-tutorial.html ），以下是总结的知识点： 。 ! ......
2023-08-28 关于uview组件u-number-box的一些错误使用示范 ==》尽量不要给change事件传递参数
此处记录我对u-number-box的错误使用： <u-number-box v-model="item.num" @change="onChangeNum(item,index)"></u-number-box> 业务：修改购物车数量，遍历数据data给u-number-box赋值，u-numbe ......
组件发布新版本至线上
项目环境 vue 2 1. 在 build 文件夹下新建文件 npm-auth.js 内容如下： const registry = '' // 要发布的线上地址 const alwaysAuth = true function getNpmAuth (username, password) { co ......
使用 Vitest 进行组件测试
原文：[试试使用 Vitest 进行组件测试，确实很香。](https://juejin.cn/post/7129667747134308389 "试试使用 Vitest 进行组件测试，确实很香。") 参考：[Vitest：https://cn.vitest.dev/guide/ui.html](h ......
animate.css动画库
使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画（官网：https://animate.style/） // 安装 npm install animate.css （npm安装） https://unpkg.com/animate.css@3.5.2/anima ......