优先级 继承性css特性
css图片宽高不同，缩放图片，保持宽高，注意最外层的盒子要用display:inline-flex
<div class="product"> <Popover placement="right"> <template #content> <div class="w-[200px] h-[200px]"> <img :src="record?.mainImages?.[0]?.url" class ......
用html 加css 绘制表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 头部样式定义 */ .header { padding-bottom: 10px; /* 设置头部的下内边距 ......
Python 中多态性的示例和类的继承多态性
单词 "多态" 意味着 "多种形式"，在编程中，它指的是具有相同名称的方法/函数/操作符，可以在许多不同的对象或类上执行。 函数多态性 一个示例是 Python 中的 len() 函数，它可以用于不同的对象。 字符串 对于字符串，len() 返回字符的数量： 示例 x = "Hello World! ......
css--重绘和回流
重绘(paint) : 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不影响布局的，比如background-color，则称为重绘。 回流(layout)： 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这 ......
css 居中
absolute 绝对定位来居中 先让元素左上角居中 top: 50%; left: 50%; 再根据容器的大小来设置外边距偏移量 width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; 拓展：过渡玩法： backg ......
Java继承 多线程的实现方式——利用 Callable 接口 和 Future 接口方式实现
利用 Callable 接口 和 Future 接口方式实现：这种实现方式可以获取到多线程运行的结果 步骤： 1. 创建一个类，类名比如叫 MyCallable，并实现 Callable 接口 注：Callable 接口有一个泛型，因为这种方式可以获取到多线程运行的结果，泛型就表示结果的类型 2. ......
Java基础 多线程的实现方式——继承 Thread 类的方式
多线程的三种实现方式： 1. 继承 Thread 类的方式进行实现 2. 实现 Runnable 接口的方式进行实现 3. 利用 Callable 接口 和 Future 接口方式实现 一、继承 Thread 类的方式： 将类声明为 Thread 的子类，该子类应重写 Thread 类的 run 方 ......
CSS色域、色彩空间、CSS Color 4新标准
引言 近期，三大主流浏览器引擎均发布最新版本，支持W3C的CSS Color 4标准，包含新的取色方法color()和相应语法，可展示更多的色域及色彩空间，这意味着web端能展示更丰富更高清的色彩。虽然目前只有最新版本的现代浏览器才支持，我们可以先提前了解一下这项新标准。 本文首先会先简单介绍几个色 ......
2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接，导致无法生效
hexo d一键部署后查看效果发现博客页面的样式全丢失了，查看控制台发现了端倪： Mixed Content: The page at 'https://xxx.github.io/' was loaded over HTTPS, but requested an insecure styleshe ......
Python 继承和子类示例：从 Person 到 Student 的演示
继承允许我们定义一个类，该类继承另一个类的所有方法和属性。父类是被继承的类，也叫做基类。子类是从另一个类继承的类，也叫做派生类。 创建一个父类 任何类都可以成为父类，因此语法与创建任何其他类相同： 示例，创建一个名为 Person 的类，具有 firstname 和 lastname 属性以及一个 ......
主题 CSS 魔改版
（Markdown 格式贴近 Typora 的显示样式） .blogpost-body blockquote { background-image: none; border-left: 5px solid #e2dfdf; border-right: none; border-top: none; ......
css：transition tab切换 动态滑动效果
<template> <view class="tab"> <view class="item" :class="{'ac':active == 1}" @click="active = 1">item1</view> <view class="item" :class="{'ac':active ......
Tomcat编码和Sevlet继承关系
1.设置编码 tomcat8之前设置编码： （1）.get请求方式： get方式目前不需要设置编码（基于Tomcat8） 如果时get请求发送的中文数据，转码稍微比较麻烦(Tomcat8之前) tomcat8之前转码方式： /* String fnama（属性名，可随意设置）=request.get ......
面向对象三大特性-多态性
1.如何理解多态性？ 理解：理解为一个事物的多种形态 2.Java中多态性的体现： 子类对象的多态性：父类的引用指向之类的对象。(或子类的对象赋给父类的引用) 比如： Person p2 = new Man(); 3.多态的应用： 多态性的应用:虚拟方法调用 在多态的场景下调用方法时，编译时，认为方 ......
面向对象三大特性-继承性
1.继承性的理解 生活上：财产继承、颜值继承 代码层面 自上而下：定义一个类A，在定义另一个类B时，发现类B的功能与类A相似，考虑类B继承于类A 自下而上：定义了类B，C，等，发现B、C有类似的属性和方法，则可以考虑将相同的属性和方法进行抽取， 封装到类A中，让类B、C继承类A，同时B、C中的相同的 ......
面向对象三大特性--封装性
封装性 1.为什么需要封装 理论上： 1‘高内聚’：类的内部数据操作细节自己完成，不允许外部干涉 2.‘低耦合’：仅暴露少量的方法给外部使用，尽量方便外部调用 通俗讲：把该隐藏的隐藏起来，改暴漏的爆露出来。 2如何实现封装 2.1权限修饰符： Java规定了四种权限修饰，分别是：private( ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
css实现图片的居中、拉大和缩小
resize和overflow实现拉大和缩小，绝对定位+transform实现剧中，max-height和max-width限制图片不能超出div的范围 <html> <head> <style> #div{ background-color: antiquewhite; height: 300px ......
CSS3 -- 优化滚动（scroll-behavior ｜ scroll-snap）
实现横向滑动：当子元素溢出父级盒子时，做以下操作。 第一种方式： 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we ......
C++11新特性
lamda表达式 典型的返回值后置 可以不写 只能使用自己的内部变量 这么看起来简单清爽多了 this 只能捕获类的成员变量不能捕获函数成员的里面的 可调用对象 本质是一个仿函数 1函数指针 2仿函数 3可以转换成函数指针的对象 4类里面的成员函数成员变量的指针 重载了operate操作符的类对象 ......
KubeEdge v1.15.0发布！新增5大特性
北京时间2023年10月13日，KubeEdge发布1.15版本。新版本新增多个增强功能，在边缘节点管理、边缘应用管理、边缘设备管理等方面均有大幅提升。 ......
JavaWeb开发-CSS基础
2.CSS层叠样式表基本语法 层叠样式表，用来控制页面的样式 （1)CSS的三种引入方式 内部样式表：适合学习使用，将CSS代码写在style标签里面，style标签嵌套在title里 外部样式表：开发常使用，将CSS代码写在单独的CSS文件中.css；在HTML中使用link标签引入： href放 ......
CSS必学：你需要知道的盒子模型的秘密
作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说，要掌握的CSS基础一定很多，那么CSS中盒子模型肯定是必考必问必掌握的前端知识点，因为它是CSS基础中非常重要的内容，接下来我们就一起来了解一下盒子模型吧！ 什么是盒子模型？ CSS 所有的HTML 标签元素在网页中都生成了一 ......
初步了解CSS
初步了解CSS 一、CSS介绍 CSS定义 css（Cascading Style Sheet）层叠样式表，它是用来美化页面的一种脚本语言。 CSS作用 美化界面，比如：设置标签文字大小，颜色，字体加粗等样式。 控制页面布局：比如：设置浮动，定位样式。 CSS基本语法 css是由两个主要部分构成：选 ......
javascript类的继承的实现
首先需要知道两个概念： 构造函数的prototype属性是实例的原型，这个属性的值是一个对象，可以被重新赋值，比如有时候为了简便会把prototype属性重新赋值为一个对象字面量； 每个对象都有一个__proto__内部属性，指向自己的原型，虽然是非标准的，但是各大浏览器都实现了他，在mdn文档中提 ......
css---等宽瀑布流布局制作
瀑布流布局效果如下图： 当前项目需求，如下图： 商品展示，需要按接口返回的顺序展示，依次从左至右，从上至下。 方案1：CSS3 column 属性(实现的布局顺序为先从上到下，再从左至右，所以这种方式仅适用于数据固定不变的情况，对于滚动加载更多等可动态添加数据的情况就并不适用了。) 关键思路： co ......
Oracle Database 23c 新特性预览
Oracle Database 23c 新特性预览 甲骨文云技术2022-11-18 999 在2022年10月18号的Oracle Cloud World大会上，Oracle 宣布了令人期待的Oracle Database 23c Beta 版。这是世界领先的融合数据库的最新版本，支持所有数据类型 ......
深度优先搜索的最短路径问题
这个简单的图，要求使用深度优先算法求出（1,1）到终点的最短路径。 1、分析 就目前看来，(1,1)->(1,2)->(2,2)->(2,3)->(2,4)->(3,4)->(4,4)->(4,3)和(1,1)->(2,1)->(3,1)->(4,1)->(5,1)->(5,2)->(5,3)->( ......
React18 新特性一览
升级： React 18 相较于之前的React 版本来说 主要有以下几个方面的升级： 1 增加了一些新的API 2 底层逻辑的优化 3 React Current Mode 并发模式的实现 4 同时需要注意的是React 18 不支持IE浏览器。 5 新增了一部分hooks以及服务端渲染的API ......