颜色 常用css
02.css
1.标准的CSS盒子模型及其和低版本的IE盒子模型的区别? 标准(W3C)盒子模型:width = 内容宽度(content) + border + padding + margin 低版本IE盒子模型: width = 内容宽度(content + border + padding)+ margi ......
VS Code 常用插件
基础插件 1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 2.Path Intellisense 3.Prettier - Code formatter 4.Live Server 5.koroFileHeader ......
JavaWeb - Day01 - HTML、CSS
课程特色 传统路线 全新路线 目录 HTML快速入门 VS Code开发工具 基础标签&样式 表格、表单标签 01.web开发介绍 什么是web? web:全球广域网,也称万维网(www World Wide Wed),能够通过浏览器访问的网站。 web网站的开发模式 02.web开发课程安排 初始 ......
CSS中层次选择器有哪些?
层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器(descendant selector)、子元素选择器(child selector)、相邻兄弟选择器(adjacent sibling selector)和通用兄弟 ......
Linux下设置定时任务常用的三种方法
在 Linux 系统中,设置定时任务是一项常见且重要的操作,它有助于自动化执行各种任务,如系统维护、备份和日志审计。Linux 提供了多种工具来安排这些自动化任务,其中最常用的三种方法是 Cron、At 和 Systemd Timers。 1. cron Cron 是 Linux 中最传统且广泛使用 ......
Oracle常用数据库操作
数据库备份和还原 备份类型:Oracle数据库备份可以分为物理备份和逻辑备份两种类型。物理备份是指备份数据库文件,包括数据文件、控制文件、日志文件等,可以恢复整个数据库。逻辑备份是指备份数据库中的逻辑数据,如表、视图、存储过程等,可以恢复数据库中的数据。 备份工具:Oracle提供了多种备份工具,如 ......
Oracle 系统表常用SQL
Oracle中的数据字典区分静态和动态。静态是在用户访问数据字典时不发生改变的,动态是依赖数据库运行的性能的,反映数据库运行的信息。 数据字典视图是由SYS(系统用户)所拥有的,默认只有SYS和拥有DBA系统权限的用户可以看到所有的视图。没有DBA权限的用户只能看到user_和all_视图。如果没有 ......
Odoo_控制器(controller)常用知识点
1.路由的定义 @http.route([ '/report/<converter>/<reportname>', '/report/<converter>/<reportname>/<docids>', ], type='http', auth='user', website=True) def ......
Vue 常用的指令都有哪些?
1、v-model 多用于表单元素实现双向数据绑定(同 angular 中的 ng-model) 2、v-for 格式:v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
redis、nginx、Linux常用命令整理
redis相关命令 服务器相关命令 ping : 检测连接是否存活 echo: 在命令行打印一些内容 quit、exit: 退出客户端 shutdown: 退出服务器端 info: 返回redis相关信息 config get dir/* 实时传递接收的请求 showlog: 显示慢查询 selec ......
基础-字符串的常用方法
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 ......
streamlit 展示自定义 html 以及 css
目前探索出来的有效方法: style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......
防御式CSS—设置背景图片
通常情况下,当使用大图像作为背景时,我们往往会忘记考虑在大屏幕上查看设计时的情况。默认情况下,该背景将重复。 这在笔记本电脑屏幕上基本上看不到,但在更大的屏幕上可以清楚地看到。 要提前避免这种行为,请确保重置 background-repeat .hero { background-image: u ......
防御式CSS—设置组件间距
我们开发人员需要考虑不同的内容长度。这意味着,应该向组件添加间距,即使它看起来不需要。 在这个例子中,我们在右侧有一个章节标题和一个操作按钮。目前,它看起来不错。但是让我们看看当标题更长时会发生什么。 注意到文本离操作按钮太近了吗?你可能会想到多行包装,但我会在另一节谈到这一点。现在,让我们把注意力 ......
防御式CSS—网格布局中的列自动分配
当使用CSS grid minmax() 函数时,重要的是要决定使用 auto-fit 或 auto-fill 关键字。如果使用不当,可能会导致意想不到的结果。 当使用 minmax() 函数时, auto-fit 关键字将扩展网格项以填充可用空间。而 auto-fill 将保留可用空间,而不改变网 ......
防御式CSS—长文本省略
这是一份名单,现在看起来很完美。 然而,由于这是用户生成的内容,我们需要小心如何保护布局,以防内容过长。 如下图所示: 在这种布局中,一致性很重要。为了实现这一点,我们可以简单地使用text-overflow及其朋友来截断名称。 .username { white-space: nowrap; ov ......
防御式CSS—Flexbox 折行
CSS flexbox是当今最有用的CSS布局功能之一。很容易将 display: flex 添加到包装器中,并使子项彼此相邻排序。 这是一个典型的例子。我们有一组选项,应该显示在彼此旁边。 .options-list { display: flex; } 当空间不足时,将出现水平滚动。这应该是意料 ......
06.常用模拟器使用
1.emulator 介绍 Android Studio 自带模拟器 功能齐全 步骤: 1.安装 jdk 及配置环境变量 官网:https://www.oracle.com/java/technologies/downloads/ 链接:https://pan.baidu.com/s/12HA0ih ......
常用的正则表达式
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 软件的技术复杂度,高度定制化和可扩展性,因为企业级前 ......
CSS进阶3-transform 动画-渐变(线性渐变、镜像渐变)-关键帧
1. 动画 介绍:改变盒子在平面内的形态(平移、缩放、旋转、倾斜) 属性: 平移:transform:translate(值1 ,值2);(默认为X轴,translateY--下移) — —平移依然在原来文档流。 移动:transform:translate(值1,值2);可右斜移动 代码: /* ......
css选择器
这篇文章主要总结了css选择器的相关知识 1.元素选择器 <div id="container"> <p class="text"></p> <h1 class="title text"></h1> <div> // 选中p元素 p{ font-size: 12px; } 2. 群组选择器 //ht ......
HarmonyOS之ArkTS-常用基本数据类型及使用
ArtTS基本数据类型:包括number、string、boolean、array、枚举类型、unknown等 number:数字类型,在程序中定义一个变量指定类型一定要小写number 看了截图大家肯定有点疑惑为什么变量后面要加一个;number 这就是TS的缘故,这样是为了防止后面发生变异(可被 ......
Elasticsearch 常用功能
Elasticsearch适合海量数据(PB级别的)搜索,最多延迟1秒,实施高可用 Elasticsearch常用术语 Index索引:可以理解为MYSQL里的数据库 Type索引中的数据类型:可理解为mysql里的表table json格式的Documetn文档数据:就是存在ES里的一条数据 Fi ......
LinkedList的常用方法
介绍 LinkedList 类是一种常见的基础数据结构,是一种线性表,但是并不会按线性的顺序存储数据,而是在每一个节点里存到下一个节点的地址。 Java 的 LinkedList 底层是一个双向链表,位于 java.util 包中,使用前需要引入它 LinkedList LinkedList 是一个 ......
ArrayList的常用方法
简介 ArrayList 是 java 集合框架中比较常用的数据结构了。继承自 AbstractList,实现了 List 接口。底层基于数组实现容量大小动态变化。允许 null 的存在。同时还实现了 RandomAccess、Cloneable、Serializable 接口,所以ArrayLis ......
关于 Web 开发中的 CSS before 伪元素
我用 Chrome 打开一个网页后,F12 打开 Chrome 开发者工具,在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义? 在Web前端开发中,::before 是CSS伪元素之一,它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......