颜色 常用css

02.css

1.标准的CSS盒子模型及其和低版本的IE盒子模型的区别? 标准(W3C)盒子模型:width = 内容宽度(content) + border + padding + margin 低版本IE盒子模型: width = 内容宽度(content + border + padding)+ margi ......
css 02

VS Code 常用插件

基础插件 1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 2.Path Intellisense 3.Prettier - Code formatter 4.Live Server 5.koroFileHeader ......
插件 常用 Code VS

JavaWeb - Day01 - HTML、CSS

课程特色 传统路线 全新路线 目录 HTML快速入门 VS Code开发工具 基础标签&样式 表格、表单标签 01.web开发介绍 什么是web? web:全球广域网,也称万维网(www World Wide Wed),能够通过浏览器访问的网站。 web网站的开发模式 02.web开发课程安排 初始 ......
JavaWeb HTML Day CSS 01

CSS中层次选择器有哪些?

层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器(descendant selector)、子元素选择器(child selector)、相邻兄弟选择器(adjacent sibling selector)和通用兄弟 ......
层次 CSS

Linux下设置定时任务常用的三种方法

在 Linux 系统中,设置定时任务是一项常见且重要的操作,它有助于自动化执行各种任务,如系统维护、备份和日志审计。Linux 提供了多种工具来安排这些自动化任务,其中最常用的三种方法是 Cron、At 和 Systemd Timers。 1. cron Cron 是 Linux 中最传统且广泛使用 ......
常用 任务 方法 Linux

Oracle常用数据库操作

数据库备份和还原 备份类型:Oracle数据库备份可以分为物理备份和逻辑备份两种类型。物理备份是指备份数据库文件,包括数据文件、控制文件、日志文件等,可以恢复整个数据库。逻辑备份是指备份数据库中的逻辑数据,如表、视图、存储过程等,可以恢复数据库中的数据。 备份工具:Oracle提供了多种备份工具,如 ......
常用 数据库 数据 Oracle

Oracle 系统表常用SQL

Oracle中的数据字典区分静态和动态。静态是在用户访问数据字典时不发生改变的,动态是依赖数据库运行的性能的,反映数据库运行的信息。 数据字典视图是由SYS(系统用户)所拥有的,默认只有SYS和拥有DBA系统权限的用户可以看到所有的视图。没有DBA权限的用户只能看到user_和all_视图。如果没有 ......
常用 Oracle 系统 SQL

Odoo_控制器(controller)常用知识点

1.路由的定义 @http.route([ '/report/<converter>/<reportname>', '/report/<converter>/<reportname>/<docids>', ], type='http', auth='user', website=True) def ......
知识点 控制器 controller 常用 知识

Vue 常用的指令都有哪些?

1、v-model 多用于表单元素实现双向数据绑定(同 angular 中的 ng-model) 2、v-for 格式:v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- ......
指令 常用 Vue

vue3中css使用js中的变量

<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
变量 vue3 vue css

redis、nginx、Linux常用命令整理

redis相关命令 服务器相关命令 ping : 检测连接是否存活 echo: 在命令行打印一些内容 quit、exit: 退出客户端 shutdown: 退出服务器端 info: 返回redis相关信息 config get dir/* 实时传递接收的请求 showlog: 显示慢查询 selec ......
命令 常用 redis nginx Linux

基础-字符串的常用方法

1、字符串的大小写转换.supper() 小写转换成大写.lower() 转换成小写.title() #单词首字母大写示例代码 s = "python" s1 = s.upper(); print(s1) #PYTHON s = "PYTHON" s1 = s.upper(); print(s1) ......
字符串 字符 常用 基础 方法

yarn常用命令

yarn add命令被用于安装新的依赖包到项目中。下面是一些常用的具体用法: yarn add [package]:安装一个包和它所依赖的包。 yarn add [package]@[version]:以指定的版本安装包。 yarn add [package] -D或yarn add [packag ......
命令 常用 yarn

streamlit 展示自定义 html 以及 css

目前探索出来的有效方法: style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......
streamlit html css

防御式CSS—设置背景图片

通常情况下,当使用大图像作为背景时,我们往往会忘记考虑在大屏幕上查看设计时的情况。默认情况下,该背景将重复。 这在笔记本电脑屏幕上基本上看不到,但在更大的屏幕上可以清楚地看到。 要提前避免这种行为,请确保重置 background-repeat .hero { background-image: u ......
背景图片 背景 图片 CSS

防御式CSS—设置组件间距

我们开发人员需要考虑不同的内容长度。这意味着,应该向组件添加间距,即使它看起来不需要。 在这个例子中,我们在右侧有一个章节标题和一个操作按钮。目前,它看起来不错。但是让我们看看当标题更长时会发生什么。 注意到文本离操作按钮太近了吗?你可能会想到多行包装,但我会在另一节谈到这一点。现在,让我们把注意力 ......
间距 组件 CSS

防御式CSS—网格布局中的列自动分配

当使用CSS grid minmax() 函数时,重要的是要决定使用 auto-fit 或 auto-fill 关键字。如果使用不当,可能会导致意想不到的结果。 当使用 minmax() 函数时, auto-fit 关键字将扩展网格项以填充可用空间。而 auto-fill 将保留可用空间,而不改变网 ......
网格 布局 CSS

防御式CSS—长文本省略

这是一份名单,现在看起来很完美。 然而,由于这是用户生成的内容,我们需要小心如何保护布局,以防内容过长。 如下图所示: 在这种布局中,一致性很重要。为了实现这一点,我们可以简单地使用text-overflow及其朋友来截断名称。 .username { white-space: nowrap; ov ......
长文 CSS

防御式CSS—Flexbox 折行

CSS flexbox是当今最有用的CSS布局功能之一。很容易将 display: flex 添加到包装器中,并使子项彼此相邻排序。 这是一个典型的例子。我们有一组选项,应该显示在彼此旁边。 .options-list { display: flex; } 当空间不足时,将出现水平滚动。这应该是意料 ......
Flexbox CSS

06.常用模拟器使用

1.emulator 介绍 Android Studio 自带模拟器 功能齐全 步骤: 1.安装 jdk 及配置环境变量 官网:https://www.oracle.com/java/technologies/downloads/ 链接:https://pan.baidu.com/s/12HA0ih ......
模拟器 常用 06

常用的正则表达式

validator: function(rule, value, callback) { if (/^1[3456789]\d{9}$/.test(value) false) { callback(new Error('手机号格式错误')) } else { callback() } }, vali ......
正则 表达式 常用

常用截图方法

一、截图与画图工具可编辑mspaint,配合截图快捷键实现 全屏截图(printSreen),窗口截图(alt+printScreen),自定义截图(win+shift+s) 二、chrom网页长截图 f12开发者模式 - ctrl+shift+p调出命令框 - full size screensh ......
截图 常用 方法

企业级 Web 应用里使用 CSS 调整应用外观的一些例子

笔者在日常工作中曾经负责过一些企业级 Web 应用的负责和开发,也曾经指导过一些客户的二次开发人员,通过各种方式对我们发布的企业级 Web 应用进行一些定制开发。 所谓企业级前端应用,是指为大型企业或组织开发的前端应用,这些应用具有超过一般 2C 软件的技术复杂度,高度定制化和可扩展性,因为企业级前 ......
例子 外观 企业 Web CSS

CSS进阶3-transform 动画-渐变(线性渐变、镜像渐变)-关键帧

1. 动画 介绍:改变盒子在平面内的形态(平移、缩放、旋转、倾斜) 属性: 平移:transform:translate(值1 ,值2);(默认为X轴,translateY--下移) — —平移依然在原来文档流。 移动:transform:translate(值1,值2);可右斜移动 代码: /* ......
线性 transform 镜像 关键 动画

css选择器

这篇文章主要总结了css选择器的相关知识 1.元素选择器 <div id="container"> <p class="text"></p> <h1 class="title text"></h1> <div> // 选中p元素 p{ font-size: 12px; } 2. 群组选择器 //ht ......
css

HarmonyOS之ArkTS-常用基本数据类型及使用

ArtTS基本数据类型:包括number、string、boolean、array、枚举类型、unknown等 number:数字类型,在程序中定义一个变量指定类型一定要小写number 看了截图大家肯定有点疑惑为什么变量后面要加一个;number 这就是TS的缘故,这样是为了防止后面发生变异(可被 ......
HarmonyOS 常用 类型 数据 ArkTS

Elasticsearch 常用功能

Elasticsearch适合海量数据(PB级别的)搜索,最多延迟1秒,实施高可用 Elasticsearch常用术语 Index索引:可以理解为MYSQL里的数据库 Type索引中的数据类型:可理解为mysql里的表table json格式的Documetn文档数据:就是存在ES里的一条数据 Fi ......
Elasticsearch 常用 功能

LinkedList的常用方法

介绍 LinkedList 类是一种常见的基础数据结构,是一种线性表,但是并不会按线性的顺序存储数据,而是在每一个节点里存到下一个节点的地址。 Java 的 LinkedList 底层是一个双向链表,位于 java.util 包中,使用前需要引入它 LinkedList LinkedList 是一个 ......
LinkedList 常用 方法

ArrayList的常用方法

简介 ArrayList 是 java 集合框架中比较常用的数据结构了。继承自 AbstractList,实现了 List 接口。底层基于数组实现容量大小动态变化。允许 null 的存在。同时还实现了 RandomAccess、Cloneable、Serializable 接口,所以ArrayLis ......
ArrayList 常用 方法

关于 Web 开发中的 CSS before 伪元素

我用 Chrome 打开一个网页后,F12 打开 Chrome 开发者工具,在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义? 在Web前端开发中,::before 是CSS伪元素之一,它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......
元素 before Web CSS