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

前端优化的解决方案

news 2025/10/15 12:27:55

能缓存的，尽量强缓存。
减少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会阻…...

编程日记 2023/3/3 11:08:43

PYthon组合数据类型的简单使用

Python的数据类型有两种，基本数据类型和组合数据类型，组合数据类型在Python的使用中特别重要。 1.组合数据类型的分类： 2.序列类型序列类型中元素存在顺序关系，可以存在数值相同但位置不同的元素。序列类型支持成员关系操作符&…...

编程日记 2023/3/3 11:07:08

【Java】P2 基础语法与运算符

Java 基础语法运算符Java注释方法基本数据类型驼峰命名法Scanner类基本运算除法隐式转换逻辑运算符以及短路逻辑运算符三元运算符前言上一节内容涵盖Java的基础知识，包含安装下载，JDK与JRE等。链接：https://blog.csdn.net/weixin_43098…...

编程日记 2023/3/3 11:05:37

【并发基础】Java中线程的创建和运行以及相关源码分析

目录一、线程的创建和运行 1.1 创建和运行线程的三种方法 1.2 三者之间的继承关系二、Thread类和Runnable接口的区别 2.1 Runnable接口可以实现线程之间资源共享，而Thread类不能 2.2 实现Runnable接口相对于继承Thread类的优点三、实现 Runnable 接口和实现 Call…...

编程日记 2023/3/3 11:04:06

Spark Shuffle

Shuffle : 集群范围内跨节点、跨进程的数据分发分布式数据集在集群内的分发，会引入大量的磁盘 I/O 与网络I/O在 DAG 的计算中，Shuffle 环节的执行性能是最差的 , 会消耗所有类型的硬件资源 (CPU、内存、磁盘、网络) Spark 2.0 后，将 Shuff…...

编程日记 2023/3/3 11:02:45

Linux/MacOS 生成双击可执行文件

双击可执行文件包含两种：终端shell脚本 Unix可执行文件 1.终端shell脚本随意新建一个文件（可使用command键N，前提是有已打开的文件），输入shell格式的测试代码，比如： #! /bin/sh echo “h…...

编程日记 2023/3/3 11:01:38

Ubuntu三种拨号方法

1.宽带拨号(PPPoE) (1)打开连接。关闭以太网连接，打开有线连接设置，取消勾选“自动连接”选项。 (2)配置连接。在终端输入命令sudo pppoeconf，会看到一系列配置信息，包括用户名、密码，配置完成后会有一些提示信息&…...

编程日记 2023/3/3 11:00:32

Vue-router的引入和安装

什么是Vue-Router？Vue路由器是Vue.js的官方路由器，它与Vue.js核心深度集成，使用Vue轻松构建单页应用程序变得轻而易举。功能包括：嵌套路线映射动态路由模块化，基于组件的路由器配置路由参数，查询&#xff0…...

编程日记 2023/3/3 10:59:23

无线WiFi安全渗透与攻防(四)之kismet的使用

系列文章无线WiFi安全渗透与攻防(一)之无线安全环境搭建无线WiFi安全渗透与攻防(二)之打造专属字典无线WiFi安全渗透与攻防(三)之Windows扫描wifi和破解WiFi密码 kismet 如果要进行无线网络渗透测试，则必须先扫描所有有效的无线接入点。刚好在Kali Linux中&am…...

编程日记 2023/3/3 10:58:13

2023新版PMP考试有哪些变化？

对于2022年很多事情也都在发生，疫情也都没有完全结束，基金会已经开始通知下一场考试了，很多人也会担心新的考纲会不会给自己带来难度，其实这次六月份的考试很多人都内心已经知道了结果，所以这里也详细说一下新考纲的改…...

编程日记 2023/3/3 10:57:06

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_…...

编程日记 2023/3/3 10:55:42

10种常见网站安全攻击手段及防御方法

在某种程度上，互联网上的每个网站都容易遭受安全攻击。从人为失误到网络罪犯团伙发起的复杂攻击均在威胁范围之内。网络攻击者最主要的动机是求财。无论你运营的是电子商务项目还是简单的小型商业网站，潜在攻击的风险就在那里。知己知彼百战不殆&…...

编程日记 2023/3/3 10:54:22

为什么我选择收费的AdsPower指纹浏览器？

在决定开始用指纹浏览器之前，龙哥让我们团队的运营小哥找了市面上很多产品去测试。最后，还是决定用AdsPower。每个人的使用感受都不一样，龙哥就说说几个用得顺手的几个点。一、指纹环境强大双内核引擎市面上指纹浏览器内核都是基于谷歌Chro…...

编程日记 2023/3/3 10:52:41

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.数组下标的类型是什么？最小的下标是什…...

编程日记 2023/3/3 10:50:40

这些免费API帮你快速开发，工作效率杠杠滴

一、短信发送短信的应用可以说是非常的广泛了，短信API也是当下非常热门的API~ 短信验证码：可用于登录、注册、找回密码、支付认证等等应用场景。支持三大运营商，3秒可达，99.99％到达率，支持大容量高并发。…...

编程日记 2023/3/3 10:49:17

干货｜最全PCB布线教程总结，14条PCB布线原则技巧，保姆级搞定PCB布线

1、坚持手动布线，慎用自动布线2、了解制造商的规格3、合适的走线宽度4、迹线之间留出足够的空间5、元器件放置6、保持模拟和数字走线分开7、接地层8、走线和安装孔留有足够的空间9、交替走线方向10、避免电容耦合11、放置散热孔和焊盘12、接地和电源走线13、利用丝印…...

编程日记 2023/3/3 10:48:09

编程快捷键和markdown语法小计

Data Structure FQA文章目录1.idea快捷键汇总2.markdown一些常用语法1.idea快捷键汇总 altenter 快捷生成变量 altInsert可以新建类，文件，get或set方法，此快捷键又名创造一切编辑区和文件区的跳转。 alt 1 ：编辑区跳转至…...

编程日记 2023/3/3 10:46:38

内网vCenter部署教程二，最全的了！

一、组网说明 vCenter组网最佳实践每台服务器需要6个网口，需要三个分布式交换机，每个交换机分配2个物理网卡做冗余，分别做为管理网络、业务网络、高可用网络使用。另vsan网络和vmotion网络可以复用业务网络或管理网络，vcenter HA需要单独用一个网络。二、创建管理网络…...

编程日记 2023/3/3 10:45:09

2023-3-2 刷题情况

迷宫题目描述这天, 小明在玩迷宫游戏。迷宫为一个 nn 的网格图, 小明可以在格子中移动, 左上角为 (1,1), 右下角 (n,n) 为终点。迷宫中除了可以向上下左右四个方向移动一格以外, 还有 m 个双向传送门可以使用, 传送门可以连接两个任意格子。假如小明处在格子 (x1,y1)(…...

编程日记 2023/3/3 10:43:55

Docker SYS_ADMIN 权限容器逃逸

1.漏洞原理Docker容器不同于虚拟机，它共享宿主机操作系统内核。宿主机和容器之间通过内核命名空间（namespaces）、内核Capabilities、CGroups（control groups）等技术进行隔离。若启动docker容器时给主机一个--cap-addSY…...

编程日记 2023/3/3 10:42:35

浅谈 React Hooks

React Hooks 是 React 16.8 引入的一组 API，用于在函数组件中使用 state 和其他 React 特性（例如生命周期方法、context 等）。Hooks 通过简洁的函数接口，解决了状态与 UI 的高度解耦，通过函数式编程范式实现更灵活 Rea…...

编程新知 2025/9/23 15:13:40

云启出海，智联未来｜阿里云网络「企业出海」系列客户沙龙上海站圆满落地

借阿里云中企出海大会的东风，以**「云启出海，智联未来｜打造安全可靠的出海云网络引擎」为主题的阿里云企业出海客户沙龙云网络&安全专场于5.28日下午在上海顺利举办，现场吸引了来自携程、小红书、米哈游、哔哩哔哩、波克城市、…...

编程新知 2025/10/11 14:43:49

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院查看报告小程序

一、开发环境准备工具安装： 下载安装DevEco Studio 4.0（支持HarmonyOS 5）配置HarmonyOS SDK 5.0确保Node.js版本≥14 项目初始化： ohpm init harmony/hospital-report-app 二、核心功能模块实现 1. 报告列表…...

编程新知 2025/7/22 6:12:57

python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）

更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...

编程新知 2025/6/21 6:25:06

selenium学习实战【Python爬虫】

selenium学习实战【Python爬虫】文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码五、报告文件爬取5.1 提…...

编程新知 2025/10/8 11:54:54

Web 架构之 CDN 加速原理与落地实践

文章目录一、思维导图二、正文内容（一）CDN 基础概念1. 定义2. 组成部分 （二）CDN 加速原理1. 请求路由2. 内容缓存3. 内容更新 （三）CDN 落地实践1. 选择 CDN 服务商2. 配置 CDN3. 集成到 Web 架构 &#xf…...

编程新知 2025/9/13 16:17:01

算法笔记2

1.字符串拼接最好用StringBuilder，不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...

编程新知 2025/9/28 3:34:26

让回归模型不再被异常值“带跑偏“，MSE和Cauchy损失函数在噪声数据环境下的实战对比

在机器学习的回归分析中，损失函数的选择对模型性能具有决定性影响。均方误差（MSE）作为经典的损失函数，在处理干净数据时表现优异，但在面对包含异常值的噪声数据时，其对大误差的二次惩罚机制往往导致模型参数…...

编程新知 2025/9/28 19:49:05

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights）多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

【Go语言基础【12】】指针：声明、取地址、解引用

文章目录零、概述：指针 vs. 引用（类比其他语言）一、指针基础概念二、指针声明与初始化三、指针操作符1. &：取地址（拿到内存地址）2. *：解引用（拿到值） 四、空指针&am…...

编程新知 2025/6/21 2:18:57

相关文章：