实用技巧 技巧css
「Python实用秘技14」快速优化Python导包顺序
> 本文完整示例代码及文件已上传至我的`Github`仓库[https://github.com/CNFeffery/PythonPracticalSkills](https://github.com/CNFeffery/PythonPracticalSkills) 这是我的系列文章**「Pytho ......
关于idea--菜单refactor（重构）的使用技巧
答应我，别再写上千行的类了好吗。 为什么类不能过长？ 类过长——读不通，扩展不通 读不通——直接用滚轮滚都得好几秒，就算是原作者，时间长了恐怕也难以理清整个类，更不用说是其他的读者 扩展不通——一个类有过多的接口，会让扩展这个类变得异常困难，一动千行 类过长——可能有冗余代码 此时CV工程师打了个冷 ......
2023-06-15 css伪类before、after制作文字两边横线
<div class="box">测试</div> ··· .box{ color: #ccc; text-align: center; position: relative; &::after { position: absolute; left: 24rpx; top: 52%; content ......
英语6级技巧
1. 听力 视听一致，对英文单词发言敏感 victim 受害人 mislead -> misled eloquent 有口才的 arrogant 傲慢的 industrious 勤奋的 testimony 证词 has much room for 有..的空间 temperamental 脾气暴躁的 ......
CSS(语义化标签、多媒体标签、新表单元素、属性选择器、结构伪类选择器、伪元素选择器、盒子模型、滤镜、calc函数、过渡)
一、HTML5新特性 概述 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。 1 语义化标签 （★★） 以前布局，我们基本用 div 来做。 ......
SQL中json解析技巧
比如字段var1，值是'{"a":{"b":{"c":1,"d":2}}}' 大家都知道用get_json_object(var1,'$.a')可以得到'{"b":{"c":1,"d":2}}'，如果要继续下挖，不需要get_json_object函数一直套 可以直接按这个写法：get_json_o ......
CSS的基本使用
## 1. 初始css ### 1.1 引入方式 当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。有三种： - 行内样式表（在 HTML 元素内部） ```html 学习HTML好简单 ``` - 内部样式表（位于 `` 标签内部） ```html ``` - 外部样式表 ```html ......
实用类
1.用代码演示枚举 public enum Score { A("优秀"),B("良好"), C("及格"),D("不及格"); private String name; Score() { } Score(String name) { this.name = name; } public Stri ......
字段修改Oracle字段可为空的技巧（oracle修改可为空）
字段修改Oracle字段可为空的技巧（oracle修改可为空） 在Oracle中，可以利用一些技巧来修改表中的字段，使其可以接受空值。 首先，要创建表中的一个字段可以接受空值，我们可以在创建该字段时使用NOT NULL的SQL指令，具体指令如下： CREATE TABLE table_name ( ......
MegEngine 使用小技巧：如何做 MegCC 的模型性能评测
MegCC 支持了基础的 Benchmark 模块用于测试各类模型的推理性能，获取推理时各个 Kernel 的性能数据，分析模型性能瓶颈。 ......
vue+css: 引用的组件快速改变滚动条样式
在a组件页面内有b组件，b组件产生的滚动条太丑不好看但是又不想改变b组件（b组件公共用的地方很多）又不想专门复制份在此基础上改。 只要在使用的组件上增加css代码即可同时让组件内滚动条生效，原理是因为此滚动条相当于未定义类的当前组件全局。所以可以直接使用并生效 comp.vue <style sco ......
css边框斜角
为实现下面图形形状 <style> .box{width:200px;height:100px;} </style> <div class="box" ></div> 1、利用linear-gradient .box{ background: linear-gradient(135deg, tran ......
vue3 css ts 双重弹跳加载动画
/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
CSS动画和过渡的区别
CSS动画和过渡都是用来实现网页元素的动态效果，但它们在实现方式和应用场景上有一些区别。 CSS过渡（CSS Transitions）是在元素状态改变时实现平滑过渡效果的一种机制。过渡通过指定元素的属性变化，使元素从一个状态平滑地过渡到另一个状态。过渡通常用于响应用户操作、交互效果或状态变化，可以控 ......
CSS选择器的优先级和权重。
**定义：CSS选择器的优先级和权重是用来确定当多个选择器应用于同一个元素时，哪个选择器的规则将会生效。以下是CSS选择器优先级和权重的解释：** **CSS选择器的优先级：** 1.内联样式：应用于HTML元素内部的style属性，具有最高的优先级。如 2.ID选择器：通过元素的id属性选择元素， ......
git 使用技巧
设置默认编辑器为 vim git config --global core.editor vim 问题fatal: in unpopulated submodule 'xxx'的解决 出现这个问题的原因clone的别人的项目之后，删除项目里的.git文件就直接添加到了自己的版本控制里面，解决方案，执 ......
第二节：ChatGPT提示词Prompts的设计技巧
一. 二. 三. ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误，欢迎讨论，请勿谩骂^_^。 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址，否则保留追究法律责任的权 ......
CSS常用属性
## 颜色 1. **RGB** （红，绿，蓝）三种颜色的集合，最低值是0（十六进制00）到最高值255（十六进制FF） 2. **HSL** H色相（0-360），S饱和度（百分比），L亮度（百分比） 3. （不）透明度 **rgba、hsla** （新版浏览器可不写a，直接写4个值） ## li ......
用纯HTML，JS，CSS实现横向滚动标签页
### 前言 前不久，在我的一个项目中，需要展示一个横向滚动的标签页，它支持鼠标横向拖动和点击切换。在实现的过程中，我发现这个小功能需要同时用到前端的三辆马车，但是实现难度不高，而且最终效果还不错，是个难得的初学者项目，于是萌生了写这篇文章的想法，希望对初学者有所帮助。同时为了避免初学者学习框架，我 ......
7.excel寻找替换技巧
？代表单个字符 提示: 可以在搜索条件中使用 通配符 - 问号 （？）、星号 （*）、字号 （~）。 使用问号 （？） 查找任意单个字符，例如，s？t 可找到"sat"和"set"。 使用星号 （*） 查找任意多个字符，例如，s*d 可找到"sad"和"started"。 使用字号 （~） 后跟 ？ ......
CSS中常见的场景实现
## 如何实现两栏布局 实现两栏布局一般指的是左边固定,右边自适应,这里给出几个案例给大家参考 ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6ba3f53026e842dfa8690e286bf6c690~tplv-k ......
前端vue自定义简单实用下拉筛选 下拉菜单
前端vue自定义简单实用下拉筛选 下拉菜单, 下载完整代码请访问: https://ext.dcloud.net.cn/plugin?id=13020 效果图如下: #### 使用方法 ```使用方法 <!-- titleArr: 选择项数组 dropArr: 下拉项数组 @finishDropCl ......
高颜值图片处理工具，集多种实用功能于一身
地址：http://in-git.gitee.io/in-nav/#/ 功能点： 1. 集成多款高质量图片滤镜，让您的图片瞬间提升颜值，更加精美。 2. 支持多种格式转换，包括图片转换为base64、png、webp等格式，方便您在不同的场合使用。 3. 图片压缩功能，快速缩小图片文件大小，方便存储 ......
css实现向上滚动动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
如何通过为开源项目做贡献来提高你的技术写作技巧
我知道，我知道，您可能听说过“为开源做贡献！” 在 Discord 群组和与技术相关的社交媒体帖子中无数次。但请相信我，这确实是获得技术作家经验的好方法。 首先，您可以从事经常公开展示的项目。这可能是向您的专业网络展示您的技能的好方法。 此外，与流行的看法相反，代码并不是您可以为开源项目做出贡献的唯 ......
前端-CSS生成器
# 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp ......
学习笔记-HTML CSS Js篇
### https://www.runoob.com/css/css-grouping-nesting.html p{ }: 为所有 p 元素指定一个样式。 .marked{ }: 为所有 class="marked" 的元素指定一个样式。 .marked p{ }: 为所有 class="mark ......
JuiceFS 社区版 v1.1- Beta 发布，新增五个实用功能
我们很高兴地宣布 JuiceFS v1.1-Beta 版本正式发布啦！这是一个功能丰富的版本，带来了许多实用的新功能和改进。在这个版本中我们新增了以下功能： - 目录配额：为目录设置配额限制，控制其大小和文件数 - 目录克隆：快速地复制目录及其内容，节省时间和空间 - 一键恢复回收站文件：一次性地恢 ......
css 优惠券波浪线效果
<ul> <li> <i class="left"></i><span class="center"></span><i class="right"></i> </li> ... </ul> li { position:relative; line-height: 30px; } i { posit ......