实用技巧 技巧css
CSS
# 第1章 CSS简介 ## 1.1 HTML的局限性 1. **HTML是一个非常单纯的东西，只关注内容的语义** ## 1.2 CSS—网页的美容师 1. **CSS是层叠样式表的简称。** 2. 有时我们也会称为CSS样式表和级联样式表。 3. CSS也是一种标记语言。 4. CSS主要用于设 ......
css居中（自己常用的，不全）
水平居中: 1.text-aligin:center 如果仅使用 text-align:center; 是无法达到水平居中的效果的，为什么？ text-align:center; 需要在行内块元素上使用的，而盒子是块级元素，所以，需要将盒子转换为行内块元素 text-align:center; 才能 ......
JavaScript 技巧汇总（持续更新）
## **1、console.log 变量包装** 您在 console.log() 的时候，将参数用大括号括起来，这样可以同时看到变量名和变量值。 ```js const number = 123; console.log({ number }); //{number:123} ``` ## ** ......
css常用技巧
1、多行文本溢出隐藏 ```css div{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; // ......
《深入解析 css》笔记
第一章：层叠、优先级和继承 1.优先级：！important>行内样式>id 选择器>类选择器>标签选择器 2.两条经验法则：选择器少用 id；少用!important。 3.使用 inherit 属性使元素属性继承自父元素，方便修改。 4.使用简写属性的时候会默认给细化的属性赋默认值，如标签 h1 ......
《css 揭秘》笔记
粗读了《css 揭秘》这本书，里面提到的很多技巧和操作暂时用不到，可以在用到时当工具书看，目前对我有帮助的几个技巧做了个笔记。 尽量使用相对单位。line-height 与 font-size 的比例而不要使用绝对值。em 单位（相对于当前元素的字体大小）可以在修改字体尺寸同时修改其他的数值。rem ......
简单易懂，高效实用的接口文档编写技巧
接口文档是一个软件系统的重要组成部分，它描述了系统中所有可供外部应用程序使用的接口。简单来说，接口文档就是用来帮助开发者开发和对接系统的指南。在软件开发过程中，不同的系统之间需要进行数据交互和信息传递，这就要求系统必须提供一些公开的接口。 ......
实用模型推荐(三)语音转文本模型:whisper
1.开原地址:https://github.com/openai/whisper https://github.com/guillaumekln/faster-whisper 2.使用场景:语音转文字 3.api封装: import os import uvicorn from fastapi im ......
CSS实现根据子元素数量应用不同样式
theme: condensed-night-purple highlight: atelier-cave-light 在前端的页面布局中经常会出现在子元素个数使用不同的样式的需求，比如文章列表，在较少内容下单列表现，而在元素内容较多时使用双列表现。再比如在页面排版上，可以根据元素内容的多少来修改内 ......
实用模型推荐(二)中译英翻译模型:opus-mt-zh-en
1.开源地址:https://huggingface.co/Helsinki-NLP/opus-mt-zh-en 2.使用场景:中译英,多模型场景的中英转换 3.API封装 import uvicorn from fastapi import FastAPI from loguru import l ......
实用模型推荐(一)相似度,文本向量化:text2vec-base-chinese
1.开源地址:https://github.com/shibing624/text2vec 2.使用场景:文本相似度计算,文本转指令 3.API封装: import uvicorn from fastapi import FastAPI from loguru import logger from ......
css颜色变淡和变浅方法收集(模拟sass的darken和lighten函数)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
selenium中使用CSS 定位
CSS 是一种语言，用来描述 HTML 和 XML 文档的表现。CSS 使用选择器为页面元素 绑定属性。 CSS 选择器可以较为灵活地选择控件的任意属性，一般情况下，CSS 定位速度比 XPath 定位速度快 通过 CSS Selector 选择单个元素的方法是 find_element(By.CS ......
这25个Pandas高频实用技巧，不得不服！ 转载
今天给大家准备了25个pandas高频实用技巧，让你数据处理速度直接起飞。文章较长，建议收藏！ 首先我们需要先提前下载好示例数据集： drinksbycountry.csv : http://bit.ly/drinksbycountry imdbratings.csv : http://bit.ly ......
微前端中的CSS
我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟，样式始终是任何UI 片段所需要的东西，然而，它也是全局共享的东西，因此是潜在的冲突来源。 在这篇文章中，我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理，那么也可以考虑研究“微前端的艺术” ......
Windows Dart （也称为 Microsoft Diagnostics and Recovery Toolset）是Microsoft Windows操作系统的一组故障排除工具和实用程序，旨在帮助用户修复和恢复系统故障
Windows Dart （也称为 Microsoft Diagnostics and Recovery Toolset）是Microsoft Windows操作系统的一组故障排除工具和实用程序，旨在帮助用户修复和恢复系统故障。  ```html ``` ```css .search { height: 32px; width: 204px; dis ......
Google高精度的搜索技巧
利用“关键字”，完全匹配搜索（双引号精准搜索）。 利用“关键字：档案类型”，搜寻特定档案类型。 例如：“简历:doc”、“钢铁侠:torrent”、“访客签证:PDF” 利用“site”来进行站内搜索，在特定的网站里面搜索到这个关键词。 例如“ChatGPT site:zhihu.com” 利用“+ ......
vue 电池样式组件 css样式
效果如图：（背景图片自行替换） 这是用纯css写的电池样式，获取数据后，找出最大值，并计算长条的宽度，从而完成样式。 话不多说上代码： <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
css属性中的 filter 和 backdrop-filter 使用
filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil ......
css关键字unset的含义？
unset是css的关键字，将一个属性的属性值设置为unset，目的是将一个属性重新重新设置为其从父母那继承的属性值，如果没有继承则是重置成初始值。 它可以应用到所有的css属性上，包括css简写。 转自：https://www.cnblogs.com/Janejxt/p/7490997.html ......
视频直播网站源码，CSS实现吃豆豆效果
视频直播网站源码，CSS实现吃豆豆效果 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht ......
CSS样式(内联、内部、外部)
https://blog.csdn.net/xiji333/article/details/111283931 文章目录1.内联样式2.内部样式3.外部样式1.内联样式 内联样式，又称行内样式。在标签内部通过s t y l e stylestyle属性来设置元素的样式。 <!DOCTYPE html ......
保证线程安全的10个小技巧
前言 对于从事后端开发的同学来说，线程安全问题是我们每天都需要考虑的问题。 线程安全问题通俗的讲：主要是在多线程的环境下，不同线程同时读和写公共资源（临界资源），导致的数据异常问题。 比如：变量a=0，线程1给该变量+1，线程2也给该变量+1。此时，线程3获取a的值有可能不是2，而是1。线程3这不就 ......
爬虫如何通过HTML和CSS采集数据的 ？
爬虫可以应用于各种应用场景，包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域，爬虫能够提供宝贵的支持。 爬虫可以按照设定的规则从多个网进行批量数据抓取，比人工手动方式更高效。量数据，并支持后续的数据分析和决策。 爬虫可以通过解析HTML和CSS来采集数 ......
语音厅源码实用功能屏幕的转换
说了这么多，其实最终目的是告诉大家语音厅源码屏幕转换功能的重要性，当然不只是这一个功能重要，语音厅源码的各个功能都是很重要的，它们共同组成了语音厅源码平台 ......
Python控制流程盘点及高级用法、神秘技巧大揭秘！
在这篇文章中我们将全面深入地介绍 Python 的控制流程，包括条件语句、循环结构和异常处理等关键部分，尤其会将列表解析、生成器、装饰器等高级用法一网打尽。此外，我还将分享一些独特的见解和研究发现，希望能给你带来新的启发。文章的结尾，我们将有一个 "One More Thing" 环节，我会分享一个 ......
开发实用小技巧（1）：RuntimeError: 'cryptography' package is required for sha256_password or caching_sha2_password auth methods
问题：RuntimeError: 'cryptography' package is required for sha256_password or caching_sha2_password auth methods 这个错误通常是由于在使用MySQL数据库时，未安装或功能不完整的“cryptog ......