字体 常用css
Nginx常用配置
一、基础配置 user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" ......
linux系统，kafka常用命令
kafka版本过高所致，2.2+=的版本，已经不需要依赖zookeeper来查看/创建topic，新版本使用 --bootstrap-server替换老版本的 --zookeeper-server。 [root@kwephis1160698 bin]# ./kafka-topics.sh --lis ......
docker常用命令
docker operation command： 查询镜像 sudo docker images 删除镜像 docker rmi bf756fb1ae65 （镜像id） # 启动镜像 # sudo docker run -it -d --name test01 ubuntu18.04:docker ......
PGSQL_实操常用指南
#### 1、建表 ```sqlite --定额配置主表 --1、表不存在->创建 --2、给注释 CREATE TABLE IF NOT EXISTS public.pro_salary_quota ( id varchar(50) NOT NULL, -- 主键Id working_proces ......
特殊字体的优化
背景 在开发一个数据大屏项目中使用了阿里巴巴的普惠字体，其中最小的一个特殊字体的大小都超过 2M（ε=(´ο ｀*)体积真是大啊）。这么大的体积导致项目发布到线上后单单特殊字体的体积就占总体积的 50%以上，导致首次进入数据大屏首页速度特别慢（平均超过 6s 以上）。 解决方案 1、字体格式选择 选 ......
6大常用基础算法
# 6大常用基础算法 ## 1 冒泡排序(BubbleSort) ### 基本思想 两个数比较大小，比较大的数下沉，比较小的数冒起来。 ### 时间复杂度 O（n）2 ### 代码 ~~~c++ ``` int a[]={1 5,4,3,2,8,0,7}; int length=sizeof(a)/ ......
环境配置及常用工具
## 1、Conda常用命令 清华源： pip install X -i https://pypi.tuna.tsinghua.edu.cn/simple pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/sim ......
Git 常用命令速查表
master：默认开发分支 Head：默认开发分支 origin：默认远程版木库 Head^：Head 的父提交 正文开始部分： 创建版本库 $ git clone 克隆远程的库 $ git init 初始化本地版本库 分支与标签 $ git branch 显示所有本地分支 $ git checko ......
Git常用命令学习日志
1.本地仓库常用命令如下 git status //查看文件状态 git add //将文件的修改加入暂存区 git reset //将暂存区的文件取消暂存或者是切换到指定版本 git reset --hard e3cb77a91001cace39080a3c0f489c6c6dc3eeec git ......
Vue3加载Element-plus的字体图标
Element-plus不仅仅是提供了各种组件，同时还提供了一整套的字体图标方便开发者使用 安装icons字体图标 cnpm install @element-plus/icons-vue 全局注册 在项目根src目录下，创建plugins文件夹，在文件夹下创建文件icons.js文件 import ......
如何使用Apache服务器加载JS和CSS文件
Apache服务器是一款常见的网页服务器软件，可以运行在多个操作系统下，如Linux、Unix、Windows等。对于网站开发者而言，如何使用Apache服务器来加载JS和CSS文件是一项非常重要的技能。在本文中，我们将为你介绍如何使用Apache服务器来加载JS和CSS文件。 一、什么是JS和CS ......
Gridea 搭建的博客无法加载 CSS、网页图标、头像配置
前阵子发现了用来写静态博客的软件 [Gridea](https://github.com/getgridea/gridea)，配置使用后发现，网页和软件预览的完全不同，打开 DevTools 一看，CSS 压根就没加载出来，同样的，其他静态资源也都没有正确加载。 目前的 Gridea 版本号是 `0 ......
CSS3雪碧图 | 精灵图
## 雪碧/精灵图  CSS Sprite也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它 ......
linux(麒麟)常用命令
1、查看设备名称 ls -l /dev/tty* 2、修改文件权限 a、直接将此文件改为所有用户可读写 chmod 777 /opt/1.txt r： 读 数字4w： 写 数字2x： 写 数字1 可用数字快速表示，如，就是可读，可写，可执行就是4+2+1=7‘777’就表示拥有者，归属组，其他人都可 ......
Docker CLI docker container prune 常用命令
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......
wmplayer.exe 是 Windows Media Player 的可执行文件，它可以通过命令行来控制 Windows Media Player 的行为。以下是一些常用的 wmplayer.exe 命令
wmplayer.exe 是 Windows Media Player 的可执行文件，它可以通过命令行来控制 Windows Media Player 的行为。以下是一些常用的 wmplayer.exe 命令： wmplayer.exe - 打开 Windows Media Player 应用程序。 ......
WWAHost是Windows中的一个宿主进程，用于承载和执行使用Web技术（如HTML、CSS和JavaScript）构建的应用程序。这些应用程序可以是通过Microsoft Store安装的UWP应用程序或使用特定的框架（如WinJS）开发的传统Windows应用程序
WWAHost是Windows操作系统中的一个进程，它是用于运行和管理Windows Web应用程序（Web App）的一部分。 具体来说，WWAHost是Windows中的一个宿主进程，用于承载和执行使用Web技术（如HTML、CSS和JavaScript）构建的应用程序。这些应用程序可以是通过M ......
【技术积累】HTML+CSS+JavaScript中的基础知识【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
[CSS] Interchange background of an element
z-index property arranges how an element is stacked onto other positioned elements. At times you may set a z-index property on a child element to be l ......
[CSS] Easy dark or light mode
You only require a few lines of CSS to enable a dark/light mode on your website. You just need to let browsers know that your website can display corr ......
[CSS] Select text with one click
This trick is inclined towards improving copy and paste experience for website users. Using user-select: all, you can enable easy text selection with ......
[CSS] Counters
You don't have to get stuck on how the browser renders a numbered list. You can implement your own design utilizing counters(). Here's how: ul { margi ......
[CSS] Serve optimized images
Try throttling to a slow internet in the browser Dev tools and visit a website made up of HD images like unsplash. That's how to experience the pain o ......
[CSS] Using `inset` to replace `top, right, bottom, left`
When working with positioned elements, you often write code like this: .some-element { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } Thi ......
[CSS] Truncate long text to a number of lines
p.intro { width: 300px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* Truncate when no. of lines exceed 3 */ overflow: ......
postgres 常用命令
## 查看 查看所有数据库大小 ``` SELECT datname AS database_name, pg_size_pretty(pg_database_size(datname)) AS database_size FROM pg_database; ``` 查看数据库中 所有表的大小 `` ......
CSS
[TOC] # css介绍 ```python css介绍：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 css实例：每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 ''' 思考:页面都是由HTML构成的 并且页面上有很多相同 ......
伪类选择器、伪元素选择器、选择器的优先级、css属性相关
伪类选择器 <style> a:link{ color: blue; /*未访问显示连接*/ } a:hover{ color: black; /*鼠标移到上面显示*/ } a:active{ color: aliceblue; /* 左键选定的链接 */ } a:visited{ color: a ......
什么是WAF？WAF的作用？常用的WAF解决方案有哪些？
WAF是Web应用程序防火墙（Web Application Firewall）的缩写。它是一种网络安全设备或服务，用于保护Web应用程序免受恶意攻击和漏洞利用。 ......