css 03
css模块化及CSS Modules使用详解
css模块化及CSS Modules使用详解：https://xiangzhihong.blog.csdn.net/article/details/53195926?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-ta ......
03_JavaScript BOM编程
一、BOM概述 1.1、Web API 1.1.1、API的概念 API（Application Programming Interface，应用程序接口）是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。 用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问源码， ......
每日一练:css关键词：inherit、initial、revert、unset解释
1、inherit (继承) inherit 关键词用于将一个属性值设置为其父元素的相同属性值。 它是一种实现样式继承的方式，使子元素继承父元素的样式属性。 如果父元素没有明确定义该属性，子元素将继承到该属性的默认值。 这个关键词通常用于处理文本属性，如文本颜色、字体等。 <div> <p>这是一个 ......
03_jQuery 事件和动画
目录一、事件页面载入ready(fn)事件处理on(eve,[sel],[data],fn)1.7+off(eve,[sel],[fn])1.7+bind(type,[data],fn)one(type,[data],fn)trigger(type,[data])triggerHandler(typ ......
css怎么设置超链接字体颜色
要设置超链接的字体颜色，你可以使用CSS中的color属性。以下是如何使用CSS设置超链接字体颜色的示例： /* 内部样式表（Internal Style Sheet）示例 */ a { color: #ff0000; /* 设置超链接字体颜色为红色 */ } /* 或者外部样式表（External ......
css面试题
1.css中的哪些单位 绝对单位： px:像素单位 相对单位： em: 相对父元素字体大小 rem:相对根元素字体大小 2.居中的方式 1.水平居中 1.设置盒子： margin:0 auto 2.display: flex 2.垂直居中 1.vertical-align: middle 实现居中， ......
03运行超市抹零结账行为
a=float(input('扫描的第一个商品价格：'))b=float(input('扫描的第二个商品价格：'))c=float(input('扫描的第三个商品价格：'))d=a+b+c print('总计：',int(d)) 运行结果： ......
php根据html生成PDF/图片（兼容css3）
1.利用chrome浏览器 环境要求：需要PHP 7.4~8.2和Chrome/Chrmium 65+ （Linux服务器安装Chrmium） 2.安装 composer require chrome-php/chrome 3.使用 use HeadlessChromium\BrowserFacto ......
视频直播app源码，CSS div水平垂直居中和div置于底部
视频直播app源码，CSS div水平垂直居中和div置于底部 一、水平居中 .hor_center { margin: 0 auto;} 二、水平垂直居中 .content { width: 360px; height: 240px;} .ver_hor_center { position: ......
C++U5-深度优先搜索-03（记忆化搜索、剪枝和优化）
💡 根据 遗忘曲线：如果没有记录和回顾，6天后便会忘记75%的内容 笔记正是帮助你记录和回顾的工具，不必拘泥于形式，其核心是：记录、翻看、思考 思维导图 记忆化搜索图示： 剪枝和优化解释 例题讲解： 【天下第一】 #include <bits/stdc++.h> using namespace s ......
zookeeper源码(03)启动流程
本文将从启动类开始详细分析zookeeper的启动流程： 加载配置的过程 集群启动过程 单机版启动过程 启动类 org.apache.zookeeper.server.quorum.QuorumPeerMain类。 用于启动zookeeper服务，第一个参数用来指定配置文件，配置文件properti ......
03Collection的遍历方式二
二、增强for遍历 增强for的底层就是迭代器，为了简化迭代器的代码书写的。 它是JDK5之后出现的，其内部原理就是一个Iterator迭代器 所有的单列表集合和数组才能用增强for进行遍历 格式： for(元素的数据类型 变量名 : 数组或者集合){ } for(String s : list){ ......
css控制table首列固定内容滚动
table tbody { display: block; height: 500px; overflow-y: scroll; } table thead, tbody tr { display: table; width: 100%; table-layout: fixed; box-sizin ......
利用CSS 实现环形百分比进度展示
先看效果图： UI设计了这样的效果，已读人数占总人数的百分比，环形展示。 这里可以用echarts图表，也可以用css实现，因为我是在小程序环境下，考虑到包大小体积，采用了css实现。 核心就是一行代码： background-image:conic-gradient( #e9e9e9 30deg, ......
将CSS应用于字符的一半是否可能？
内容来自 DOC https://q.houxu6.top/?s=将CSS应用于字符的一半是否可能？ 我正在寻找的： 一种样式化字符一半的方法。（在这种情况下，字母的一半是透明的） 我目前搜索过并尝试过的（但没有成功）： 用于样式化字符/字母的方法 使用CSS或JavaScript样式化字符的一部分 ......
CS61A hw03 make_anoymous_factorial()
CS61A hw03 make_anoymous_factorial() 自问自答&写在前面 写这些是因为这道练习没写出来，刚开始看到官方的solution也没看明白，通过从答案反推之后，有了一些对lambda表达式的一些理解，在此分享，观看之前还是希望经过自己思考之后再看，毕竟聪明的你都来学c ......
css 文字一行显示
要强制将文本内容显示在一行中，可以使用CSS的 white-space 属性和 overflow 属性来实现。 首先，将 white-space 属性设置为 nowrap，这样文本内容就不会换行。然后，将 overflow 属性设置为 hidden，这样超出一行的内容就会被隐藏起来。 以下是示例代码 ......
css 多列布局
1.1 多列布局 这里感谢小甲鱼，毕竟编程是小甲鱼带入坑了 鱼C-Web-CSS-速查 1.1.1 column-count 定义： column-count属性指定某个元素应分为的列数。 column-count: number|auto; 值 说明 number 列的最佳数目将其中的元素的内容无 ......
CSS 动画
1.1 过渡 transition transition: background-size 2s cubic-bezier(0, .98, .33, 1.1); steps()函数可以配合使用 steps(5, end) 1.2 变形 transform 1.2.1 旋转 rotate()函数可以配 ......
03 BOM&DOM对象
document.getElementsByClassName("box")[0].onclick=function () { location.href="http://www.baidu.com"}alert(" ")res = confirm("你确定删库跑路吗")console.log(re ......
【转】CSS重置文档/reset.css
前言 reset.css文档就是一个普通的层叠样式表文档，就是css文档，一个网站一般会用三种css文档来设定网站的样式。重置样式(reset.css)(重置默认的css样式)；公共样式 (common.css)(一系列页面共用共享的样式，如：头部底部样式)；独立样式(每个页面单独使用的样式，如in ......
[Java]Java初学之多线程03--同步与锁
Intro 本篇文章主要关于多线程"同步"以及"锁"的相关内容~ 正文 同步(Synchronize) 概念 “同步”是基于“并发”的需求而出现的 所谓并发，就是同一个对象被多个线程同时操作，比如两个人同时从同一个账户取钱，再比如春运抢票。 多个线程同时使用一个资源，必然会造成混乱。想象一下从前的线 ......
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; /* 设置头部的下内边距 ......
设计模式03:原型模式、适配器模式、桥接模式、组合模式
1.Prototype原型模式 代码示例： package Prototype05; /** * 原型模式： * 意图：用原型实例指定创建对象的种类，并且通过复制这些原型创建新的对象 * 适用于： * 当一个系统应该独立于它的产品创建、构成和表示时 * 当要实例化的类是在运行时刻指定时例如通过动态装 ......
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 ......
03. TCP的3次握手4次挥手
一、三次握手 TCP 是稳定的传输方式，在接收、发送之前，双发需要建立一个虚拟的通道，这个过程称为 3 次握手。3 次握手的流程如下： 客户端调用 connect() 时发送一个带有标记的数据包，我们把建立连接时的第 1 次数据叫做 SYN，其中由 1 个数字； 服务器接收到这个 SYN 数据包，提 ......