css属性css3
CSS transition属性
在给定的transition属性中，有三个参数：过渡属性、过渡时间和过渡速度曲线。 过渡属性：all 表示对元素的所有属性进行过渡动画，包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡，例如 opacity，表示只对透明度进行过渡动画。 过渡时间：0.3s 表示过渡的持续时间，单位为秒。这 ......
判断嵌套数组中是否存在某个值的属性
/** 使用遍历和递归方法，①如果值是对象，则遍历对象的键；②如果是数组，遍历判断① * @param object 传入的对象 obj/[] *@parma property 属性名 *@param value 属性值 */ function some(object, property, valu ......
CSS（层叠样式表，Cascading Style Sheets）
CSS（层叠样式表，Cascading Style Sheets）是一种用于描述文档样式和布局的样式表语言。它可以与HTML结合使用，用于控制网页的外观和格式。以下是CSS的主要特点和一些基本概念： 基本概念： 选择器（Selectors）： 选择器是CSS规则的一部分，用于选择要应用样式的HTML ......
十三、组件-通用属性-点击事件
组件是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。 @Entry @Component struct Click { @State text: string = '' build() { Column ......
css样式穿透
在 Ant Design 中，Table 组件提供了一些属性和样式可以用来定制表格的外观，包括表头和每一行的背景色，以及每一列的样式。以下是一些常用的属性和样式： 1. 表头背景色和每一行的背景色： 使用 columns 属性设置每一列的配置，其中可以包含 title 属性用于设置列标题。 使用 r ......
浅析浏览器数据库IndexedDB：基本概念、操作流程及各对象属性和方法
一、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 Cookie 的大小不超过4KB，且每次请求都会发送回服务器； LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能， ......
2023最新中级难度CSS面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度CSS面试题合集 问: 描述一下CSS的作用和重要性。 CSS（Cascading Style Sheets）是一种用于定义网页元素外观和表现的样式表语言，它对于网页设计至关重要。CSS的主要作用有以下几点： 样式控制：通过CSS，开发者可以为网页上的文 ......
React Native FlatList 的 refreshControl 属性
用于下拉刷新，example => https://github.com/zjy4fun/rn-FlatList-refreshControl import React, {useEffect, useState} from 'react'; import {FlatList, RefreshCon ......
2023最新高级难度CSS3面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度CSS3面试题合集 问: 解释一下CSS3中的动画关键帧（@keyframes）和它们是如何工作的。 CSS3中的动画关键帧（@keyframes）是一个强大的特性，它允许开发者创建复杂的动画效果。通过定义一组关键帧，可以控制元素在动画过程中的不同状态。 ......
2023最新中级难度CSS3面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度CSS3面试题合集 问: 描述一下你对CSS盒模型的理解。 CSS盒模型是一种用于描述元素布局和大小的方式。在HTML中，每个元素都可以看作是一个矩形框，这个框由内容（content）、填充（padding）、边框（border）和外边距（margin） ......
[Vue] props属性
vue2里组件的一个属性，用来传递组件外部发来的数据 传递数据 <Student name="Bob" age=22/> 接收数据 -- 3种方法 // 1. receiving data only // 组件里的props属性，和data/method同级 props:['name', 'age' ......
2023最新初级难度CSS面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度CSS面试题合集 问: 请解释CSS的作用是什么？为什么它在网页开发中如此重要？ CSS（层叠样式表）在网页开发中扮演着至关重要的角色。它的主要作用如下： 设计和布局：CSS使我们可以轻松地控制网页的设计和布局，例如设置文本、图像、背景等元素的样式。我们 ......
css 让多张图片并排显示
.container { display: flex; justify-content: space-between; } .img-wrapper { width: 30%; } .img-wrapper img { width: 100%; height: auto; } 首先，我们需要给图片所 ......
[Vue] ref属性
ref属性是vue2中的一种属性，用来注册组件或元素的引用信息，或者说是另一种id 应用在html标签里，返回的就是整个DOM元素 应用在组件里，返回的就是VueComponent实例对象 如何使用 // to use ref in tags/components <h1 ref="demo">he ......
HTML5 Audio/Video 标签、属性、方法、事件汇总
audio用于播放网络上的音频文件，video用于播放网络上的视频文件。audio和video 标签的属性、方法和事件大部分都是共通的。在不同的浏览器中，它们会有不同的样式。 audio 基本语法 src 指定当前播放的音频文件，controls播放控制器，loop歌曲循环，autoplay自动播放 ......
css之伪元素选择器
注：本博客内容来自尚硅谷禹神的前端入门课程 什么是伪元素？ 很像元素，但不是元素（element），是元素中的一些特殊位置。 伪元素语法中的::可以用:，因为css2中没有明确区分伪类和伪元素，但是selection和placeholder是css3才出现的新特性，所以必须用:: <!DOCTYPE ......
根据对象属性值value排序
const testt = { bill: 500, sam: 480, roark: 501, tom: 999 }; 得到： {tom: 999, roark: 501, bill: 500, sam: 480} 方法：使用es6相关语法 sortObj(obj) { // 降序排序value值 ......
html （六）全局属性
全局属性：id、class、 id 作用：锚点、label 表单控件关联 注意：不用在<head>、<html>、<meta>、<script>、<style>、<title>使用该属性 仅限一个 html 不能重复 class 作用：指定类名，配合 CSS 表示样式 style CSS 设置样式 ......
Python——了解Html+Css语言代码
HTML（Hyper Text Markup Language超文本标记语言）用特殊的一种标签把需要特殊展示出来的内容圈起来。这就是标记语言语法规则 <标记>被标记的内容</标记> <标记/> 巨大的坑。在以前2000年左右。那个时候语法规则不够规范。有些人写HTML的时候习惯性的漏掉括回文本：文字 ......
对象的数据处理方法,要对对象属性进行数组操作(list数组中每一项与column数组中的value值匹配，如果相等将放入存数组)
// 需要对对象属性进行数组操作时，使用Object.entries()方法 var list = ['V11046_052','V11046_051','V11046_50','V11046_0511']; var column = [{'观测时间':'D_DATETIME'},{'小时内极大风速 ......
css学习笔记
CSS（层叠样式表）是一种用于描述网页样式和布局的语言。它使得我们可以通过选择器和属性来控制网页的外观。以下是一些CSS的基本概念： 选择器：选择器用于选择要应用样式的元素。常见的选择器有标签选择器（如 p、h1）、类选择器（如 .class-name）和ID选择器（如 #id-name）等。选择器 ......
类特殊成员(属性与方法)
目录1. setattr()、getattr()、hasattr()2. init():初始化对象的实例3. new():init()能力补充4. repr():输出对象内部信息5. str():输出提示信息6. issubclass和isinstance函数issubclass 的应用场景isin ......
将第2层数据中的数组对象中的ts属性、value属性遍历单独存放到一个新数组中xData、yData，且放到上一层数组对象中和eqName、eqSpareName等属性平级，充当一个数组属性
......
利用v-html给页面添加内容，并同时为内容增加css样式
利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给 ......
纯CSS实现可自定义间距虚线边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; h ......
带圆角的虚线边框？CSS 不在话下
今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： div { border-radius: 25px; border: 2px dashed #aaa; } 但是，原生的 dashed 有一个问题， ......
WPF 解决PasswordBox 属性Password无法绑定到后台的问题
在 WPF 中，你可以使用密码框的 Password 属性来绑定到后台，但是由于安全性考虑，WPF 的密码框不直接支持双向绑定。然而，你仍然可以通过其他方式实现将密码框的内容绑定到后台。 一种常见的方法是创建一个附加属性（Attached Property）来实现密码框的双向绑定。以下是一个简单的示 ......
css图片等比放大居中|超出部分隐藏
图片等比放大居中 在一些情况下需要保证图片缩略图窗口大小固定，但是图片分辨率比例多种多样，需要在展示固定比例的窗口下展示不同分辨率的图片，还需保证展示的图片不被拉伸变形，保持原有比例的基础上进行等比放大。 // 外层 .img-box { // 等比放大图片，超出部分隐藏 width: 120px; ......
css自适应文本大小
div{ width:500px; height:600px; resize:both; // 可拖动方向 overflow:hidden; padding:15px; background-color:red; container-type:size; // 对 } div p { // cqw ......
css实现鼠标滑过提示文字
第一种：鼠标滑过图片，提示文字，如图： <div v-if="talentCardNum && talentCardNum >0"> <img @mouseenter="choice(1)" @mouseleave="choice(0)" class="box_time_icon" :src="ho ......