实用技巧 技巧css

【pandas小技巧】--category类型补充

`category`类型在**pandas基础**系列中有一篇介绍数据类型的文章中已经介绍过。`category`类型并不是`python`中的类型,是`pandas`特有的类型。 `category`类型的优势那篇文章已经介绍过,当时只是介绍了如何将某个列的数据转换成`category`类型,以及 ......
category 类型 技巧 pandas

20款VS Code实用插件推荐

前言 VS Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的VS Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让VS Code成为了开发语言工具中的霸主,让其同时支持开发多种语言成为了可能。俗话说的好工欲善其事必先利 ......
插件 Code

Java - 源码分析技巧的两个点

1. 通过 debug 回退。一般这个方法可以适用于大部分情况。 2. 制造异常:查看堆栈调用链。如果遇到了不可回退的情况,可以通过故意制造异常的方法来获取调用链,依次回退调用链可以帮助我们分析源码。 详细视频:[Spring Security6.x 自定义数据模型源码分析](https://www ......
源码 两个 技巧 Java

webpack压缩 CSS 文件

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......
webpack 文件 CSS

webpack的css 兼容性处理

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
兼容性 webpack css

webpack提取 CSS 成单独文件

转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
webpack 文件 CSS

超实用的两款截图工具(FastStone Capture 和 Snipaste)

[TOC] ## 一、概述 `"FastStone Capture"` 和 `"Snipaste"` 都是计算机上常用的截图工具,用于捕捉屏幕截图、编辑图像以及进行屏幕注释等操作。下面是关于这两个工具的简要介绍: ### 1)FastStone Capture `"FastStone Capture ......
截图 FastStone Snipaste Capture 工具

写Verilog通用模块的技巧----持续更新

在编写代码为了能够方便移植或者说为了一劳永逸,往往会考虑把模块代码写得更加的通用。比如可以进行传参配置,这里主要是通过位宽传参。笔者写过不少的代码,觉得写通用模块代码需要思考挺长的时间去处理数据赋值之类的,需要总结出公式才能使代码通用,为了方便查找,这里就总结下笔者常用到的一些写法,大部分的通用代码 ......
模块 Verilog 技巧

超实用的 linux atop 与 htop 监控工具讲解与实战操作

[TOC] ## 一、概述 `atop` 和 `htop` 都是 Linux 系统上用于监控系统资源和进程活动的命令行工具,但它们有不同的特点和用途。 atop 实时监控示例图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/5c65dfbf73ac47d493b ......
实战 工具 linux atop htop

c# .NET 高级编程 高并发必备技巧 - 锁

锁 最为常见的应用就是 高并发的情况下,库存的控制。本次只做简单的单机锁介绍。 直接看代码: 每请求一次库存-1. 假如库存1000,在1000个人请求之后,库存将变为0。 > public int Reduce0() > { > int r = 0; > string key = "stock"; ......
技巧 NET

CSS – Houdini

介绍 简单说这个 Houdini 是一系列 CSS 底层 API,它可以让我们扩展 CSS,做出一些 Polyfill。 举一个例子,让大家有个画面。 我们可以通过 CSS + JS + Canvas 语法来自创 CSS 语法,游览器解析 CSS 时它会跑我们的 JS,而 JS 用类似 Canvas ......
Houdini CSS

博客园css与目录导航

默认配置: 皮肤:BlueSky ## 页面定制css代码 ``` :root { --accent-color: #696969; /* nice */ --primary-colour: #306797; /* */ --background-color: white; --background ......
目录 博客 css

Qt安卓开发经验技巧总结V202308

### 01:01-05 1. pro中引入安卓拓展模块 QT += androidextras 。 2. pro中指定安卓打包目录 ANDROID_PACKAGE_SOURCE_DIR = $$PWD/android 指定引入安卓特定目录比如程序图标、变量、颜色、java代码文件、jar库文件等。 ......
经验技巧 V202308 经验 技巧 202308

超实用的批量管理工具 pssh 和 window 文件传输工具 pscp

[TOC] ## 一、概述 pssh 和 pscp 都是用于在计算机网络中进行批量操作的工具,但它们分别用于执行命令和传输文件。以下是关于这两个工具的概述: ### 1)pssh pssh 是 "Parallel SSH" 的缩写,用于在多台远程服务器上并行执行命令。 - 它可以让你在一次命令中同时 ......
工具 管理工具 文件 window pssh

CSS实现文字描边效果

一、介绍最近在一个项目的宣传页中,设计师使用了文字描边效果,之前我确实没有实现过文字的描边效果,然后我在查阅资料后,知道了实现方法。文字描边分为两种:内外双描边和单外描边,也就是指在给文字加上描边效果后,描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码1、文字内外双描边 ......
效果 文字 CSS

CSS交集选择器

作用: 选中同时符合多个条件的元素 交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅 语法: 选择器1选择器2选择器3...(紧紧挨在一起) 举例: /* 标签配合类选择器使用,h1为标签 .fruit为类选择器 */ h1.fruit { color: ......
交集 CSS

CSS选择器优先级

CSS中有哪些常用的选择器? ID选择器 类选择器 元素选择器 如果同时使用的话哪个优先级更高? 内联样式 > ID选择器 > 类选择器 > 元素选择器 代码举例,比如下面这段代码,同时使用了类选择器和标签(元素)选择器,但是h1标签中内容的颜色是绿色,因为类选择器优先级要高于元素选择器 <!DOC ......
优先级 CSS

daimayuan252 | 摸鱼(状压, 枚举, 小技巧)

题目很straightforward的, 看到n范围很小考虑状压, 暴力枚举所有的可能pattern. 第一种做法, 暴力枚举是$O(2^n)$的, 然后check函数判断是$O(n^2)$的, 一共是$O(n^22^n)$的, 可以通过. 第二种做法, 我们考虑把判断pattern是否合法的限制条 ......
daimayuan 技巧 252

现代CSS布局技术:Flexbox和Grid的使用指南和最佳实践

在现代Web开发中,CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术,它们可以帮助我们创建灵活、可维护的布局。 ......
使用指南 布局 Flexbox 指南 技术

如何用CSS实现响应式设计并优化用户体验

在移动设备的时代,网站的响应式设计变得越来越重要。响应式设计的目标是使网站适应不同尺寸和分辨率的设备,并提供最佳的用户体验。本文将介绍如何使用CSS实现响应式设计并优化用户体验。 ......
用户 CSS

3 CSS组合选择器

##### 3 组合选择器 页面元素比较复杂,存在多个嵌套。为了更加灵活选择页面中的元素,CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。 ###### 后代子代选择器 ```html Title item1 item2 item3 item4 ` ......
CSS

10条SQL优化技巧

一、一些常见的SQL实践 (1)负向条件查询不能使用索引 select * from order where status!=0 and stauts!=1 not in/not exists都不是好习惯 可以优化为in查询: select * from order where status in( ......
技巧 SQL

2 css基本选择器

##### 2 基本选择器 ![image](https://img2023.cnblogs.com/blog/2595693/202308/2595693-20230818141952600-761327900.png) ###### id选择器 id选择器使用“#”进行标识,后面紧跟id名,其基 ......
css

css相对定位+绝对定位

1、开启定位 相对定位:给元素设置position:relative 并且需要设置left、right、top、bottom四个属性来调整位置,如果没有设置这4个属性,默认都是0,这时盒子在视界上不会发生移动。 绝对定位:给元素设置position:absolute 并且需要设置left、right ......
css

1 CSS的引入方式

##### 1 CSS的引入方式 CSS样式有三种不同的使用方式,分别是行内样式,嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 - 行内样式 行内样式,就是写在元素的style属性中的样式,这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推 ......
方式 CSS

Ansible的安装及简单实用

## Ansible的安装及简单实用 ## #### 一.Ubuntu安装Ansible ```shell sudo apt update sudo apt install ansible #使用以下命令检查安装是否成功: ansible --version ``` ![image-20230817 ......
Ansible

CSS基础-浮动

### 浮动 浮动是为了元素标签的并排显示问题。 我们在浏览网页的时候,经常会看到 几个 div 块是可以并排显示的, 浮动就是解决这样问题的方法之一。 **float属性有以下的值** - float: left; 左浮动 - float: right 右浮动 **浮动的特点** - 浮动主要针对 ......
基础 CSS

瞅瞅吧!你可能会用到的 css 动画库

原文链接:[推荐几个你可能会用到的 CSS 动画库](https://fe32.top/articles/css10004/) ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b52b411aacde44e9836ce13 ......
画库 css

【pandas小技巧】--统计值作为新列

这次介绍的小技巧不是统计,而是把统计结果作为**新列**和原来的数据放在一起。`pandas`的各种统计功能之前已经介绍了不少,但是每次都是统计结果归统计结果,原始数据归原始数据,没有把它们合并在一个数据集中来观察。 下面通过两个场景示例来演示如果把统计值作为新列的数据。 # 1. 成绩统计的场景 ......
技巧 pandas