前端优化的解决方案
- 能缓存的，尽量强缓存。
- 减少HTTP请求数
- 使用外部引入的css和js文件，并且引入的css和js越少越好
- 使用雪碧图（精灵图）
- img计算缩放也需要时间，使用base64编码将较小图片嵌入到样式表中，减少请求数
- 因为iframe会阻塞渲染。
- 要有网站小图标favicon.ico：如果没有小图标，会引起404，拖慢网页加载进度。
- css的优化
- 避免使用@import
- 将样式表放在head中
- 避免使用css表达式
- JavaScript的优化
- 尽量减少DOM访问
- 使用事件代理（减少DOM操作）
- 把脚本放在底部（加载脚本时会阻塞页面渲染）
- 合理使用节流函数和防抖函数
- 使用CDN优化加载速度：降低网络拥塞，提高用户访问响应速度和命中率
- 合理利用懒加载：懒加载数据
- 针对webpack打包优化
- 进行tree-shaking
- 使用UglifyJS等插件压缩代码
- 分割代码、按需加载
相关文章：
前端优化的解决方案
能缓存的，尽量强缓存。减少HTTP请求数 使用外部引入的css和js文件，并且引入的css和js越少越好使用雪碧图（精灵图）img计算缩放也需要时间，使用base64编码将较小图片嵌入到样式表中，减少请求数因为iframe会阻…...
PYthon组合数据类型的简单使用
Python的数据类型有两种，基本数据类型和组合数据类型，组合数据类型在Python的使用中特别重要。 1.组合数据类型的分类： 2.序列类型 序列类型中元素存在顺序关系，可以存在数值相同但位置不同的元素。序列类型支持成员关系操作符&…...
【Java】P2 基础语法与运算符
Java 基础语法 运算符Java注释方法基本数据类型驼峰命名法Scanner类基本运算除法隐式转换逻辑运算符 以及 短路逻辑运算符三元运算符前言 上一节内容涵盖Java的基础知识，包含安装下载，JDK与JRE等。 链接：https://blog.csdn.net/weixin_43098…...
【并发基础】Java中线程的创建和运行以及相关源码分析
目录 一、线程的创建和运行 1.1 创建和运行线程的三种方法 1.2 三者之间的继承关系 二、Thread类和Runnable接口的区别 2.1 Runnable接口可以实现线程之间资源共享，而Thread类不能 2.2 实现Runnable接口相对于继承Thread类的优点 三、实现 Runnable 接口和实现 Call…...
Spark Shuffle
Shuffle : 集群范围内跨节点、跨进程的数据分发 分布式数据集在集群内的分发，会引入大量的磁盘 I/O 与网络I/O在 DAG 的计算中，Shuffle 环节的执行性能是最差的 , 会消耗所有类型的硬件资源 (CPU、内存、磁盘、网络) Spark 2.0 后，将 Shuff…...
Linux/MacOS 生成双击可执行文件
双击可执行文件包含两种：终端shell脚本 Unix可执行文件 1.终端shell脚本 随意新建一个文件（可使用command键N，前提是有已打开的文件），输入shell格式的测试代码，比如： #! /bin/sh echo “h…...
Ubuntu三种拨号方法
1.宽带拨号(PPPoE) (1)打开连接。关闭以太网连接，打开有线连接设置，取消勾选“自动连接”选项。 (2)配置连接。在终端输入命令sudo pppoeconf，会看到一系列配置信息，包括用户名、密码，配置完成后会有一些提示信息&…...
Vue-router的引入和安装
什么是Vue-Router？Vue路由器是Vue.js的官方路由器，它与Vue.js核心深度集成，使用Vue轻松构建单页应用程序变得轻而易举。功能包括：嵌套路线映射动态路由模块化，基于组件的路由器配置路由参数，查询࿰…...
无线WiFi安全渗透与攻防(四)之kismet的使用
系列文章 无线WiFi安全渗透与攻防(一)之无线安全环境搭建 无线WiFi安全渗透与攻防(二)之打造专属字典 无线WiFi安全渗透与攻防(三)之Windows扫描wifi和破解WiFi密码 kismet 如果要进行无线网络渗透测试，则必须先扫描所有有效的无线接入点。刚好在Kali Linux中&am…...
2023新版PMP考试有哪些变化？
对于2022年很多事情也都在发生，疫情也都没有完全结束，基金会已经开始通知下一场考试了，很多人也会担心新的考纲会不会给自己带来难度，其实这次六月份的考试很多人都内心已经知道了结果，所以这里也详细说一下新考纲的改…...
P8074 [COCI2009-2010#7] SVEMIR 最小生成树
[COCI2009-2010#7] SVEMIR 题目描述 太空帝国要通过建造隧道来联通它的 NNN 个星球。 每个星球用三维坐标 (xi,yi,zi)(x_i,y_i,z_i)(xi,yi,zi) 来表示，而在两个星球 A,BA,BA,B 之间建造隧道的价格为 min{∣xA−xB∣,∣yA−yB∣,∣zA−zB∣}\min\{|x_A-x_…...
10种常见网站安全攻击手段及防御方法
在某种程度上，互联网上的每个网站都容易遭受安全攻击。从人为失误到网络罪犯团伙发起的复杂攻击均在威胁范围之内。 网络攻击者最主要的动机是求财。无论你运营的是电子商务项目还是简单的小型商业网站，潜在攻击的风险就在那里。 知己知彼百战不殆&…...
为什么我选择收费的AdsPower指纹浏览器？
在决定开始用指纹浏览器之前，龙哥让我们团队的运营小哥找了市面上很多产品去测试。最后，还是决定用AdsPower。每个人的使用感受都不一样，龙哥就说说几个用得顺手的几个点。一、指纹环境强大 双内核引擎 市面上指纹浏览器内核都是基于谷歌Chro…...
Java输入输出和数组
一、问答题 1. 如何声明和创建一个一维数组？ Int i[]new int[3] 2. 如何访问数组的元素？ Int a[]new int a[3] for (int x0;x<a.length;x){ System.out.print(i[x]); } System.out.println(); 3.数组下标的类型是什么？最小的下标是什…...
这些免费API帮你快速开发，工作效率杠杠滴
一、短信发送 短信的应用可以说是非常的广泛了，短信API也是当下非常热门的API~ 短信验证码：可用于登录、注册、找回密码、支付认证等等应用场景。支持三大运营商，3秒可达，99.99％到达率，支持大容量高并发。…...
干货｜最全PCB布线教程总结，14条PCB布线原则技巧，保姆级搞定PCB布线
1、坚持手动布线，慎用自动布线2、了解制造商的规格3、合适的走线宽度4、迹线之间留出足够的空间5、元器件放置6、保持模拟和数字走线分开7、接地层8、走线和安装孔留有足够的空间9、交替走线方向10、避免电容耦合11、放置散热孔和焊盘12、接地和电源走线13、利用丝印…...
编程快捷键和markdown语法小计
Data Structure FQA文章目录1.idea快捷键汇总2.markdown一些常用语法1.idea快捷键汇总 altenter 快捷生成变量 altInsert可以新建类，文件，get或set方法，此快捷键又名创造一切 编辑区和文件区的跳转。 alt 1 ：编辑区跳转至…...
内网vCenter部署教程二，最全的了！
一、组网说明 vCenter组网最佳实践 每台服务器需要6个网口，需要三个分布式交换机，每个交换机分配2个物理网卡做冗余，分别做为管理网络、业务网络、高可用网络使用。另vsan网络和vmotion网络可以复用业务网络或管理网络，vcenter HA需要单独用一个网络。 二、创建管理网络…...
2023-3-2 刷题情况
迷宫 题目描述 这天, 小明在玩迷宫游戏。 迷宫为一个 nn 的网格图, 小明可以在格子中移动, 左上角为 (1,1), 右 下角 (n,n) 为终点。迷宫中除了可以向上下左右四个方向移动一格以外, 还有 m 个双向传送门可以使用, 传送门可以连接两个任意格子。 假如小明处在格子 (x1,y1)(…...
Docker SYS_ADMIN 权限容器逃逸
1.漏洞原理Docker容器不同于虚拟机，它共享宿主机操作系统内核。宿主机和容器之间通过内核命名空间（namespaces）、内核Capabilities、CGroups（control groups）等技术进行隔离。若启动docker容器时给主机一个--cap-addSY…...
shell脚本--常见案例
1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...
从深圳崛起的“机器之眼”：赴港乐动机器人的万亿赛道赶考路
进入2025年以来，尽管围绕人形机器人、具身智能等机器人赛道的质疑声不断，但全球市场热度依然高涨，入局者持续增加。 以国内市场为例，天眼查专业版数据显示，截至5月底，我国现存在业、存续状态的机器人相关企…...
【大模型RAG】Docker 一键部署 Milvus 完整攻略
本文概要 Milvus 2.5 Stand-alone 版可通过 Docker 在几分钟内完成安装；只需暴露 19530（gRPC）与 9091（HTTP/WebUI）两个端口，即可让本地电脑通过 PyMilvus 或浏览器访问远程 Linux 服务器上的 Milvus。下面…...
mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包
文章目录 现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...
iview框架主题色的应用
1.下载 less要使用3.0.0以下的版本 npm install less2.7.3 npm install less-loader4.0.52./src/config/theme.js文件 module.exports {yellow: {theme-color: #FDCE04},blue: {theme-color: #547CE7} }在sass中使用theme配置的颜色主题，无需引入，直接可…...
MinIO Docker 部署：仅开放一个端口
MinIO Docker 部署：仅开放一个端口 在实际的服务器部署中，出于安全和管理的考虑，我们可能只能开放一个端口。MinIO 是一个高性能的对象存储服务，支持 Docker 部署，但默认情况下它需要两个端口：一个是 API 端口（用于存储和访问数据），另一个是控制台端口（用于管理界面…...
STM32---外部32.768K晶振（LSE）无法起振问题
晶振是否起振主要就检查两个1、晶振与MCU是否兼容；2、晶振的负载电容是否匹配 目录 一、判断晶振与MCU是否兼容 二、判断负载电容是否匹配 1. 晶振负载电容（CL）与匹配电容（CL1、CL2）的关系 2. 如何选择 CL1 和 CL…...
【Linux】自动化构建-Make/Makefile
前言 上文我们讲到了Linux中的编译器gcc/g 【Linux】编译器gcc/g及其库的详细介绍-CSDN博客 本来我们将一个对于编译来说很重要的工具：make/makfile 1.背景 在一个工程中源文件不计其数，其按类型、功能、模块分别放在若干个目录中，mak…...
在 Spring Boot 项目里，MYSQL中json类型字段使用
前言： 因为程序特殊需求导致，需要mysql数据库存储json类型数据，因此记录一下使用流程 1.java实体中新增字段 private List<User> users 2.增加mybatis-plus注解 TableField(typeHandler FastjsonTypeHandler.class) private Lis…...
Java求职者面试指南：Spring、Spring Boot、Spring MVC与MyBatis技术解析
Java求职者面试指南：Spring、Spring Boot、Spring MVC与MyBatis技术解析 一、第一轮基础概念问题 1. Spring框架的核心容器是什么？它的作用是什么？ Spring框架的核心容器是IoC（控制反转）容器。它的主要作用是管理对…...