间距 组件css
vue项目中组件封装
移动端项目中使用 vut UI组件库。 比较常用的dialog弹出框和Picker 选择器，这两个的样式跟UI设计的不太一样，尤其是border边框在手机ios系统上有兼容问题。 dialog弹框组件 <template> <transition name="confirm-fade"> <div ......
vue中手动销毁keep-alive组件失效原因是什么，有什么解决方案
在Vue中手动销毁keep-alive组件可能失效的原因有以下几点： keep-alive组件内部被缓存，即使手动销毁组件，其实并没有真正销毁，而是被缓存起来了。因此，即使手动销毁了组件，下次再进入缓存周期时，组件还是会被复用，而不是重新创建。 keep-alive组件内部可能存在异步操作或定时器， ......
DevExpress WPF的电子表格组件，让您更快获得Excel体验（二）
DevExpress WPF的Spreadsheet控件拥有读取、写入、转换XLSx、XLS、CSV和TXT文件的功能，并且为终端用户提供了当今最流行的办公生产力套件才能获得的UI体验。它包括与Ribbon UI的完全集成，因此开发者可以以最小的代价交付受MS Excel启发的功能。 在上文中（点击 ......
[CSS 3] lv* dv* sv*
Refer to https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 he lvh, svh, and dvh units in CSS are used to specify heights relative to the vie ......
第十八篇 vue - 深入组件 - 组件事件
触发与监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中) $emit() 方法在组件实例上也同样以 this.$emit() 的形式可用 父组件可以通过 v-on (缩写为 @) 来监听事件 同样，组件的事件监听器也支持 .once 修 ......
第十七篇 vue - 深入组件 - Props
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props ......
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
组件化的思维
关于代码的组件化，我一直认为都是有必要的。我所坚持该观点主要来自于以下几项。 结构最小化 维护性 扩展性 抽象代码是结构最小化必备的思想。为什么？从编码角度，代码可以分为系统代码和业务代码。首先，系统代码是维护系统逻辑和业务逻辑必要的基石。抽象代码的目的，就是将业务逻辑和系统逻辑拆分，两者不冲突。最 ......
【THM】Putting it all together(网站组件协同工作介绍)-学习
本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/puttingitalltogether 本文相关内容：了解Web服务的所有单独组件如何协同工作，这种协同工作能让我们可以访问自己喜欢的网站。 简介 当我们在浏览器中请求网页信息时，幕后还发生了很多事情。 ......
CSS之渐变
一.渐变 推荐使用的网址：Grabient 这个网站上有很多关于渐变的源代码可以供我们使用 background-color: #4158D0; background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 效果 ......
自定义组件 事件处理 （包括 自定义组件的v-model ）
###点击事件 在组件内判断处理事件 ###点击事件 把子组件的事件抛出，在父组件中处理 ###可以通过传方式 在子组件内调用方法处理 父组件 调用 子组件 <risk-qa-form :item="selectedItem" v-if="riskQaFormModalVisible" v-mode ......
记录--开局一张图，构建神奇的 CSS 效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假 ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
react组件传值
1. 父子传值 父传子使用props，父组件更新视图改变props子组件会同步更新。 类组件 import React, { Component } from 'react'; class Father extends Component { state={ count: 0 } render(){ ......
Android开发-Android常用组件-RadioButton单选按钮
4.5 RadioButton(单选按钮) RadioButton (单选按钮) 基本用法与事件处理： 如题单选按钮，就是只能够选中一个，所以我们需要把RadioButton放到RadioGroup按钮组中，从而实现单选功能。先熟悉下如何使用RadioButton，一个简单的性别选择的例子：另外我们 ......
antd 修改组件样式除了在全局修改还有其他方法
修改input 框的 border-radius 第一步 安装less yarn add less less-loader --save-dev 第二步 在需要修改的文件下新建antdStyle.less 配置 antdStyle.less 在文件引入@import '~antd/dist/antd ......
Android开发-Android常用组件-ImageView图像视图
4.4 ImageView(图像视图) ImageView见名知意，就是用来显示图像的一个View或者说控件 需掌握的知识点： ImageView的src属性和blackground的区别； adjustViewBounds设置图像缩放时是否按长宽比 scaleType设置缩放类型 最简单的绘制圆形 ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
CSS选择器之基础选择器和复合选择器
本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器，复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。 ......
n1. 组件自定义事件
组件自定义事件 组件自定义事件是一种组件间通信的方式，适用于：子组件 > 父组件 使用 使用场景 A是父组件，B是子组件，B想给A传数据。 1. 使用@或v-on 在这之前，我们是使用通过A给B传递函数类型的props实现B给A传数据。 //父组件 <School :getSchoolName="g ......
css列数自适应的grid布局
近期做项目，遇到了一点样式上的问题，理论上通过直接改 / 嵌套一层来解决比较容易，但实际上，数据结构没我想象中的简单具体例子如下： demo 期望效果： 实际效果：（flex布局） 实际效果配合伪类（.main::after { width: 100px;content: '' } ） 当前效果产生 ......
css 元素根据其他判断条件才展示，展示时要有动画，这里用的transition
需求： textarea 输入框 的展示与否是根据，单选选中的是Yes 还是None. Yes时展示出来。 问题：一开始写的时候，我是这样写的，元素一开始不存在，只有选中Yes才存在。这样是加不了动画的 {dietaryTextVisible && <TextArea name={'dietaryR ......
这5个汽车组件单元最易遭到网络攻击
报告数据显示：在过去5年中，全球汽车行业因为网络化攻击造成的损失超过5000亿美元，而近70%的汽车安全威胁由远距离的网络攻击引发。攻击者不需要在车辆附近，只要能够连接到车辆的网络系统，就可以发起攻击。 ......
vue动态切换组件
多个组件挂在到同一个组件上，通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
界面控件DevExtreme Tree List组件——高性能的客户端树视图
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 De ......
[CSS]鼠标放到按钮上微微发光的效果
自用，可通过 :hover 和 opacity 实现。 .ico cursor pointer opacity .8.ico:hover opacity 1 ......
第十五篇 vue - 基础 - 组件基础
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C ......
vue 软键盘组件封装
场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 ......