当前位置： 首页 > news >正文

前端理论总结（css3）——css优化的方法

news 文章来源：https://blog.csdn.net/Z_B_L/article/details/137027819 2024/11/20 7:25:14

     1：首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢


     2：减少css嵌套，最好不要套三层以上


     3：不要在ID选择器前面进行嵌套，ID本来就是唯一的而且人家权值那么大，嵌套完全是浪费性能


     4：建立公共样式类，把相同样式提取出来作为公共类使用，比如我们常用的清除浮动等
     5：减少通配符*或者类似[hidden="true"]这类选择器的使用，挨个查找所有... 这性能能好吗？当然重置样式这些必须 的东西是不能少的


     6：巧妙运用css的继承机制，如果父节点定义了，子节点就无需定义
     7：拆分出公共css文件，对于比较大的项目我们可以将大部分页面的公共结构的样式提取出来放到单独css文件里， 这样一次下载后就放到缓存里，当然这种做法会增加请求，具体做法应以实际情况而定


     8：不用css表达式，表达式只是让你的代码显得更加炫酷，但是他对性能的浪费可能是超乎你的想象的


     9：少用css rest，可能你会觉得重置样式是规范，但是其实其中有很多的操作是不必要不友好的


     10：cssSprite，合成所有icon图片，用宽高加上bacgroud-position的背景图方式显现出我们要的icon图，这是一种 十分实用的技巧，极大减少了http请求


     11：当然我们还需要一些善后工作，CSS压缩(这里提供一个在线压缩 YUI Compressor)
     12：GZIP压缩，Gzip是一种流行的文件压缩算法，详细做法可以谷歌或者百度

相关文章：

前端理论总结（css3）——css优化的方法

1：首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢 2：减少css嵌套，最好不要套三层以上 3：不要在ID选择器前面进行嵌套，ID本来就是唯一…...

编程日记 2024/3/29 23:19:00

项目立项管理

目录 1.概述 2.项目建议与立项申请 3.项目可行性研究 3.1.内容 3.2.初步可行性研究 3.3.详细可行性研究 4.项目评估与决策 5.总结 1.概述 本文的目录结构参考了《信息系统项目管理师教程（第四版）》。 项目立项管理是一项全面评估准备投资工程的多…...

编程日记 2024/3/29 23:16:57

QT的学习

代码练习 完成一个使用qss的登陆窗口界面。 使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数 将登录按钮使用qt5版本的连接到自定义的槽函数中，在槽函数中判断ui界面上输入的账号是否…...

编程日记 2024/3/29 23:10:50

redis在docker安装并启动流程

1、启动server docker run -d -p 6379:6379 --name redis01 redis:7.2.4以上命令，每次启动新的Redis容器，数据会丢失。 我们需要挂载数据文件，在宿主机上面，这样就可以持久化数据. 2、挂载数据文件（可根据需求选择…...

编程日记 2024/3/29 23:08:48

Spring高频面试题

（一些来源于GitCode AI） 什么是Spring框架？ Spring是一个开源的Java平台，它简化了企业级应用的开发。它提供了IOC（Inversion of Control）/DI（Dependency Injection）容器，…...

编程日记 2024/3/29 23:07:47

Qt篇——Qt无法翻译tr()里面的字符串

最近遇到使用Qt语言家翻译功能时，ui界面中的中文都能够翻译成英文，但是tr("测试")这种动态设置给控件的中文，无法翻译（lang_English.ts文件中的翻译已经正确添加了tr()字符串的翻译）。 上网搜了很多资料&am…...

编程日记 2024/3/29 23:06:46

农村分散式生活污水分质处理及循环利用技术指南

标准已完成意见征集： 本文件给出了农村分散式生活污水分质处理及循环利用的总则、污水收集、污水分质处理、资源化利用、利用模式、运维管理等的指导。 本文件适用于农村分散式生活污水分质处理及循环利用的设施新建、扩建和改建工程的设计、施工与运维。 注:本文件…...

编程日记 2024/3/29 23:02:42

深圳区块链交易所app系统开发,撮合交易系统开发

随着区块链技术的迅速发展和数字资产市场的蓬勃发展，区块链交易所成为了数字资产交易的核心场所之一。在这个快速发展的领域中，区块链交易所App系统的开发和撮合交易系统的建设至关重要。本文将探讨区块链交易所App系统开发及撮合交易系统的重要性&#…...

编程日记 2024/3/29 22:55:34

使用Shell脚本进行MySql权限修改

背景：原先数据配置文件中有bind-address127.0.0.1，注释掉此配置后，原数据库中默认带%root的权限，现在需要通过脚本实现白名单列表中的ip添加权限允许访问数据库，白名单之外的ip没有权限访问数据库。 以下是过程中记录的…...

编程日记 2024/3/29 22:54:33

项目中线程池的应用

1、首先我们需要在配置类中将线程池作为单例bean配置 Configuration public class ThreadPoolExecutorConfig {BeanExecutorService executorService(){return new ThreadPoolExecutor(2,3,0,TimeUnit.MICROSECONDS,new ArrayBlockingQueue<>(3),(r)->new Thread(r,&…...

编程日记 2024/3/29 22:50:29

前端 JS 压缩图片的思路（附源码）

前言 相信大家都做过图片上传相关的功能，在图片上传的过程中，不知道大家有没有考虑过文件体积的问题，如果我们直接将原图片上传，可以图片体积比较大，一是上传速度较慢，二是前端进行渲染时速度也比较慢，比较影响客户的体验感。所以在不影响清晰度的情况下，前端可以在上…...

编程日记 2024/3/29 22:49:28

C语言结合体和枚举的魅力展现

前言 ✨✨欢迎&#x1f44d;&#x1f44d;点赞☕️☕️收藏✍✍评论 个人主页&#xff1a;秋邱’博客 所属栏目&#xff1a;人工智能 &#xff08;感谢您的光临&#xff0c;您的光临蓬荜生辉&#xff09; 引言: 前面我们已经讲了结构体的声明&#xff0c;自引用&#xff0c;内存…...

编程日记 2024/3/29 22:44:22

基于STC12C5A60S2系列1T 8051单片机通过单个按键单击次数实现开关机应用

基于STC12C5A60S2系列1T 8051单片机通过单个按键单击次数实现开关机应用 STC12C5A60S2系列1T 8051单片机管脚图STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式及配置STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式介绍基于STC12C5A60S2系列1T 8051单片机通过单个按…...

编程日记 2024/3/29 22:38:17

静态住宅IP优缺点，究竟要怎么选？

在进行海外 IP 代理时&#xff0c;了解动态住宅 IP 和静态住宅 IP 的区别以及如何选择合适的类型非常重要。本文将介绍精态住宅 IP 特点和&#xff0c;并提供选择建议&#xff0c;帮助您根据需求做出明智的决策。 静态住宅 IP 的特点 静态住宅 IP 是指 IP 地址在一段时间内保…...

编程日记 2024/3/29 22:36:16

day07-缓存商品、购物车

1. 缓存菜品 1.1 问题说明 用户端小程序展示的菜品数据都是通过查询数据库获得&#xff0c;如果用户端访问量比较大&#xff0c;数据库访问压力随之增大。 结果&#xff1a; 系统响应慢、用户体验差 1.2 实现思路 通过Redis来缓存菜品数据&#xff0c;减少数据库查询操作。 缓…...

编程日记 2024/3/29 22:34:14

平台介绍-搭建赛事运营平台（3）

上文介绍了品牌隔离的基本原理&#xff0c;就是通过不同的前端和微服务来实现。但是确实很多功能是类似的&#xff0c;所以从编程角度还是有些管理手段的。 前端部分&#xff1a;前端部分没有什么特别手段&#xff0c;就是两个独立的项目工程&#xff0c;分别维护。相同的部分复…...

编程日记 2024/3/29 22:31:10

数值分析复习：逼近理论的应用——最小二乘问题、解超定、欠定方程组

文章目录 逼近理论的应用——最小二乘问题、解超定、欠定方程组离散平方逼近最小二乘解 本篇文章适合个人复习翻阅&#xff0c;不建议新手入门使用 本专栏&#xff1a;数值分析复习 的前置知识主要有&#xff1a;数学分析、高等代数、泛函分析 逼近理论的应用——最小二乘问题、…...

编程日记 2024/3/29 22:29:08

设计模式-设配器模式

目录 &#x1f38a;1.适配器模式介绍 &#x1f383;2.适配器类型 &#x1f38f;3.接口适配器 &#x1f390;4.类的适配器 &#x1f38e;5.优缺点 1.适配器模式介绍 适配器模式&#xff08;Adapter Pattern&#xff09;是作为两个不兼容的接口之间的桥梁。这种类型的设…...

编程日记 2024/3/29 22:25:04

BEVFormer v2论文阅读

摘要 本文工作 提出了一种具有透视监督&#xff08;perspective supervision&#xff09;的新型鸟瞰(BEV)检测器&#xff0c;该检测器收敛速度更快&#xff0c;更适合现代图像骨干。现有的最先进的BEV检测器通常与VovNet等特定深度预训练的主干相连&#xff0c;阻碍了蓬勃发展…...

编程日记 2024/3/29 22:22:00

FFMPEG C++封装(二)

4 详细设计 这章是FFMPEG C封装库的详细设计。 4.1 Init 该模块初始化FFMPEG库。 4.1.1 Init定义 namespace media { namespace sdk { void MEDIASDK_EXPORT Init(); } }函数说明&#xff1a; Init 初始化FFMPEG库&#xff0c;该函数可调用多次。 4.1.2 Init实现 name…...

编程日记 2024/3/29 22:20:59

使用unplugin-auto-import页面不引入api飘红

解决方案&#xff1a;. tsconfig.json文件夹加上 {"compilerOptions": {"target": "ES2020","useDefineForClassFields": true,"module": "ESNext","lib": ["ES2020", "DOM", &q…...

编程日记 2024/3/29 22:16:55

八大技术趋势案例（虚拟现实增强现实）

科技巨变，未来已来，八大技术趋势引领数字化时代。信息技术的迅猛发展，深刻改变了我们的生活、工作和生产方式。人工智能、物联网、云计算、大数据、虚拟现实、增强现实、区块链、量子计算等新兴技术在各行各业得到广泛应用，为各个领域带来了新的活力和变革。 为了更好地了解…...

编程日记 2024/3/29 22:15:53

Vue实现SQL语句关键字高亮显示？

SQL关键字高亮 要在Vue中实现SQL语句中关键字的高亮显示&#xff0c;你可以使用类似的方法&#xff0c;但是你需要根据SQL语法的特点来解析并高亮显示关键字。以下是一个示例代码&#xff0c;演示了如何在Vue中实现SQL语句关键字的高亮显示。 <template><div><…...

编程日记 2024/3/29 22:11:50

开始时间大于结束时间

1.dom中代码&#xff0c;监听所选日期值的变化&#xff0c;并把需要比较的时间字段作为参数传到监听方法中&#xff0c; <el-form-item label"起始日期" prop"startTime"><el-date-picker clearable size"small":disabled"isDisa…...

编程日记 2024/3/29 22:09:48

Java中 List 集合，通过 Stream 流进行排序总结

一、数据准备 public class OrderTest {private String channelCode;private BigDecimal rate;// 省略 getter、setter、toString()、constructor }List<OrderTest> orderTestList new ArrayList<>();OrderTest z09 new OrderTest("Z09", new BigDeci…...

编程日记 2024/3/29 22:06:45

1688中国站按关键字搜索工厂数据 API

公共参数 名称类型必须描述keyString是申请免费调用key&#xff08;必须以GET方式拼接在URL中&#xff09;secretString是调用密钥api_nameString是API接口名称&#xff08;包括在请求地址中&#xff09;[item_search,item_get,item_search_shop等]cacheString否[yes,no]默认y…...

编程日记 2024/3/29 22:05:45

YOLOV8逐步分解(2)_DetectionTrainer类初始化过程

接上篇文章yolov8逐步分解(1)--默认参数&超参配置文件加载继续讲解。 1. 默认配置文件加载完成后&#xff0c;创建对象trainer时&#xff0c;需要从默认配置中获取类DetectionTrainer初始化所需的参数args&#xff0c;如下所示 def train(cfgDEFAULT_CFG, use_pythonFalse…...

编程日记 2024/3/29 22:02:42

Java是用什么语言写的？PHP呢？

Java底层是C语言。 Sun公司研发人员根据嵌入式软件的要求&#xff0c;对C进行了改造&#xff0c;去除了留在C的一些不太实用及影响安全的成分&#xff0c;并结合嵌入式系统的实时性要求&#xff0c;开发了一种称为Oak的面向对象语言。而后&#xff0c;经过迭代更新&#xff0c…...

编程日记 2024/3/29 22:01:41

SpringBoot Redis的使用

官方文档&#xff1a; 官方文档&#xff1a;Spring Data Redis :: Spring Data Redis 和jedis一样&#xff0c;SpringBoot Redis 也可以让我在Java代码中使用redis&#xff0c;同样也是通过引入maven依赖的形式。 加速访问github: 使用steam可以免费加速访问github Spring…...

编程日记 2024/3/29 22:00:40

数据仓库——维度表特性

企业信息化工厂 数据集市中的一致性&#xff0c;由于企业信息化工厂的数据集市是从集成仓库中获得信息的&#xff0c;因此至少从维度建模的角度来看&#xff0c;一致性维护的问题减少了。尽管合并不同数据源的问题依然在&#xff0c;但是负担主要在设计者身上。尽管压力降低了…...

编程日记 2024/3/29 21:58:37

网站开发通常叫什么部门/百度人工服务24小时

在企业的仓库功能得到了合理的选择与建立时&#xff0c;仓库内部的能力规划便成了当务之急。一般来说&#xff0c;仓库关心最多的是&#xff1a;仓储搬运设备配置如何&#xff1f;人员配置如何&#xff1f;物料又如何分类存放&#xff1f;空间如何规划&#xff1f;进货、出货、…...

编程日记 2024/11/20 6:37:17

包头住房与城乡建设局网站/百度seo排名优化公司推荐

C#概览 C#语言是微软于2000年发布&#xff0c;基于.NET Framewrok框架的、面向对象的高级语言。经过近十三年的发展&#xff0c;经历了5次大的升级&#xff0c;最新版本为C#5.0(对应于.NET Framework 4.5)&#xff0c;下面是C#语言发展过程的简单性总结&#xff1a;C#版本.NET …...

编程日记 2024/11/20 5:30:14

网站上做网上支付功能/免费创建属于自己的网站

企业进行对数据库执行刷数据工作&#xff0c;一段很长的语句希望同时成功或者失败时用到。 1.建立测试环境 /************************************************************* Code formatted by SoftTree SQL Assistant ?v6.5.278* Time: 2016/9/29 21:33:55****************…...

编程日记 2024/11/20 0:16:50

专做袜子的网站/故事型软文广告

Servlet 3.0 作为 Java EE 6 规范体系中一员&#xff0c;随着 Java EE 6 规范一起发布。该版本在前一版本&#xff08;Servlet 2.5&#xff09;的基础上提供了若干新特性用于简化 Web 应用的开发和部署。其中有几项特性的引入让开发者感到非常兴奋&#xff0c;同时也获得了 Jav…...

编程日记 2024/11/19 23:41:19

wordpress空间租赁/网络营销的工具和方法

深入理解硬盘的Linux分区在学习Linux的过程中&#xff0c;安装Linux是每一个初学者的第一个门槛。在这个过程中间&#xff0c;最大的困惑莫过于给硬盘进行分区。虽然&#xff0c;现在各种发行版本的Linux已经提供了友好的图形交互界面&#xff0c;但是很多的人还是感觉无从下手…...

编程日记 2024/11/19 22:54:05

二级建造师考试试题/整站优化的公司

refs: http://blog.chinaunix.net/uid-26404201-id-3334234.html 先看下面的Makefile&#xff1a; #exampleB : $(A)A laterall: echo $(B) 执行make命令&#xff0c;我们发现什么都没输出,我们将第3行的:换成。#exampleB $(A)A laterall: echo $(B) 执行make&#x…...

编程日记 2024/11/19 22:42:32