OSG编程指南<十一>:OSG几何体操作及三维地形创建

2023-11-26 13:52

本文主要是介绍OSG编程指南<十一>:OSG几何体操作及三维地形创建,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1、简化几何体

  在 OSG 中,场景都是由基本的绘图基元构成的,基本的绘图基元构成简单的几何体,简单的几何体构成复杂的几何体,复杂的几何体最终构造成复杂的场景。当多个几何体组合时,可能
存在多种降低场景渲染效率的原因。在很多 3D 引擎中,都提供了对场景的几何体进行修改的操作,以达到最优渲染效率。虽然最优渲染效率只是一个理想状态,但一定的几何体操作在相当程度上可以提高渲染效率。
  在 OSG 中,为了获得所需的性能和渲染的效率,osgUtil 库提供了一些通用的几何体运算,这些几何体运算主要包括 osgUtil::Simplifier(简化)、osgUtil::SmoothingVisitor(生成法线)、osgUtil::DelaunayTriangulator(生成 Delaunay 三角网工具)和 osgUtil::TriStripVisitor(条带化)等。
  下面就来介绍几种常用的几何体操作。

1.1 osgUtil::Simplifier类

  简化几何体(osgUtil::Simplifier)类继承自 osg::NodeVisitor 类,它采用访问器的方式遍历几何体并对其进行简化处理,在后面的章节将会详细说明访问器的工作机制。osgUtil::Simplifier 类对几何体的简化主要需要设置两个方面的参数,即当几何体样本比率小于 1时,设置点的误差限制;当几何体的样本比率大于 1 时,设置边的长度限制。通过对点的误差或者边的长度的限制简化不必要的点和边,然后通过平滑处理和条带化渲染几何体,进而达到提高渲染效率的目的,也可以用于自动生成低层次模型。一般来说,样本比率越大,简化越少;样本比率越小,简化越多。优化可以直接调用下面的函数:

virtual void apply(osg::Geode &geode) //应用于叶节点
void simplify(osg::Geometry &geometry)//简化几何体

这两个函数同样可用于 osg::Node 节点,不过,关联实例时需要使用 accept()方法。osgUtil::Simplifier 简化采用的是边塌陷算法。

1.2 实例

在这里插入图片描述

1.3 实例源码

// OSGExamples.cpp : 定义控制台应用程序的入口点。
//#include "stdafx.h"#include <windows.h>
#include <osgViewer/Viewer>#include <osg/Node>
#include <osg/Geode>
#include <osg/Geometry>
#include <osg/Group>
#include <osg/Billboard>
#include <osg/Texture2D>
#include <osg/Image>
#include <osg/Vec3>
#include <osg/Vec2>
#include <osg/PositionAttitudeTransform>
#include <osg/MatrixTransform>
#include <osgDB/ReadFile>
#include <osgUtil/Optimizer>#include <osgViewer/ViewerEventHandlers> //事件监听
#include <osgGA/StateSetManipulator> //事件响应类,对渲染状态进行控制
#include <osgUtil/Simplifier> //简化几何体#pragma comment(lib, "OpenThreadsd.lib")
#pragma comment(lib, "osgd.lib")
#pragma comment(lib, "osgDBd.lib")
#pragma comment(lib, "osgUtild.lib")
#pragma comment(lib, "osgGAd.lib")
#pragma comment(lib, "osgViewerd.lib")
#pragma comment(lib, "osgTextd.lib")//读取模型
osg::Node *readModel()
{osg::ref_ptr<osg::Node> node = osgDB::readNodeFile("cow.osg");return node.release();
}//深拷贝并简化新模型
osg::Node *deepCopy(osg::Node *node)
{/*创建简化对象  simplifier(sampleRatio, maxError)参数:样本比率、点的误差或边的长度 样本比率<1 设置点的误差样本比率>1 设置边的长度限制   比率越大,简化越少  使用的是边塌陷算法*/float sampleRatio = 0.3f;float maxError = 4.0f;osgUtil::Simplifier simplifier(sampleRatio, maxError);//深拷贝osg::ref_ptr<osg::Node> deepnode = (osg::Node *)(node->clone(osg::CopyOp::DEEP_COPY_ALL));//创建一个位置变换节点,将之设置为新位置,将深拷贝的模型移到新位置osg::ref_ptr<osg::PositionAttitudeTransform> pat = new osg::PositionAttitudeTransform();pat->setPosition(osg::Vec3(10.0f, 0.0f, 0.0f));pat->addChild(deepnode);pat->accept(simplifier);return pat.release();
}int main()
{//创建一个叶节点对象并添加节点 osg::ref_ptr<osg::Group> root = new osg::Group();osg::ref_ptr<osg::Node> node1 = readModel();osg::ref_ptr<osg::Node> node2 = deepCopy(node1);root->addChild(node1);root->addChild(node2);//优化场景数据osgUtil::Optimizer optimizer;optimizer.optimize(root.get());//显示模型osg::ref_ptr<osgViewer::Viewer> viewer = new osgViewer::Viewer();//切换网格模式,方便比较viewer->addEventHandler(new osgGA::StateSetManipulator(viewer->getCamera()->getOrCreateStateSet()));viewer->addEventHandler(new osgViewer::StatsHandler());//实现状态信息统计viewer->addEventHandler(new osgViewer::WindowSizeHandler());viewer->setSceneData(root.get());viewer->realize();return viewer->run();
}

2、Delaunay 三角网绘制

  在数字地形建模中,不规则三角网(TIN)通过从不规则离散分布的数据点生成的连续三角面来逼近地形表面。就表达地形信息的角度而言,TIN 模型的优点是它能以不同层次的分辨率来描述地形表面。与格网数据模型相比,TIN 模型在某一特定分辨率下能用更少的空间和时间更精确地表示更加复杂的表面。特别是当地形包含有大量特征,如断裂线、构造线时,TIN 模型能更好地顾及这些特征,从而能更精确合理地表达地表形态。
对于 TIN 模型,其基本要求有以下 3 点:
(1)TIN 是唯一的。
(2)力求最佳三角形几何形状。
(3)保证最邻近的点构成三角形。

  在所有可能的三角网中,狄洛尼(Delaunay)三角网在地形拟合方面表现最为出色,常用于 TIN的生成。当不相交的断裂线等被作为预先定义的限制条件作用于 TIN 的生成当中时,就必须考虑带约束条件的狄洛尼三角网。
  目前,狄洛尼三角网生成的算法比较多,传统的算法主要包括两种,即 Lawson 算法以及Bowyer-Watson 算法。后来经过该传统算法改进的算法就多了,这里不专门对这些算法予以介绍,可参考相关论文。上面介绍了狄洛尼(Delaunay)三角网的特性、生成算法及应用,下面来看一下 OSG 中的狄洛尼三角网。

2.1 osgUtil::DelaunayTriangulator 类

  osgUtil::DelaunayTriangulator 类直接继承自 osg::Referenced 类,创建狄洛尼三角网有如下 3 个步骤:
(1)创建顶点数组
(2)创建一个 osgUtil::DelaunayTriangulator 对象,并初始化顶点数组,同时生成三角网,**程序代码如下:

bool triangulate()//开始生成三角网格

(3)创建一个几何体对象,把 osgUtil::DelaunayTriangulator 类对象生成的绘制图元加入到几何体中。在生成狄洛尼三角网时,还可以添加一些限制条件,限制条件可以是点、线或多边形,例如:

void addInputConstraint(DelaunayConstraint *dc)//添加限制条件

2.2 三角带绘制

  三角带绘制(osgUtil::TriStripVisitor)类继承自 osgUtil::BaseOptimizerVisitor 类,它采用访问器的机制遍历场景中的几何体,实现三角带绘制,以提高渲染效率。
  下面对 osgUtil::TriStripVisitor 的两个常用成员函数予以说明:

void stripify(osg::Geometry &drawable)//条带化几何体
virtual void apply(osg::Geode &geode)//应用于叶节点

从上面可以看出,它同样可应用于叶节点。值得注意的是,关联叶节点实例时需要调用 accept()
方法。
  大多数图形卡并不直接支持索引三角网。在渲染三角形时,一般是将 3 个顶点同时提交,这样,共享的顶点会多次提交,三角形用到一次就提交一次。因为内存和图形硬件间的数据传输是瓶颈,所以很多 API 和硬件支持特殊的三角网格式以减少传输量。基本思想是排序点和面,使显卡中已有的三角形不需要再次传输。
  这里,我们只讨论三角带,三角带是一个三角形列表,其中每个三角形都与前一个三角形共享一边。在一种最理想的状态下,三角带可以用 N+2 个顶点表示存储 N 个面。N 很大时,每个三角形平均发送一个顶点。在实践中,很多情况下,很多网格是一个三角带无法表达的,此时就需要多个三角带来联合绘制。因为我们希望最小化发往图形卡的顶点数,所以,三角带的数目应该尽可能得少,即三角带越长越好。从另一个方面来说,分别渲染两个长度为 N 的三角带所需要的时间比渲染一个长度为2N 的三角带要长,即使 2N 的三角带中三角形的个数多于两个分开的三角带中的三角形个数的和,因为建立各三角带需要额外的处理时间。

2.3 实例效果

在这里插入图片描述

2.4 源码

#include <windows.h>
#include <osgViewer/Viewer>#include <osg/Node>
#include <osg/Geode>
#include <osg/Geometry>
#include <osg/Group>
#include <osg/Billboard>
#include <osg/Texture2D>
#include <osg/Image>
#include <osg/Vec3>
#include <osg/Vec2>
#include <osg/PositionAttitudeTransform>
#include <osg/MatrixTransform>
#include <osgDB/ReadFile>
#include <osgUtil/Optimizer>#include <osgViewer/ViewerEventHandlers> //事件监听
#include <osgGA/StateSetManipulator> //事件响应类,对渲染状态进行控制
#include <osgUtil/Simplifier> //简化几何体
#include <osgUtil/DelaunayTriangulator> #pragma comment(lib, "OpenThreadsd.lib")
#pragma comment(lib, "osgd.lib")
#pragma comment(lib, "osgDBd.lib")
#pragma comment(lib, "osgUtild.lib")
#pragma comment(lib, "osgGAd.lib")
#pragma comment(lib, "osgViewerd.lib")
#pragma comment(lib, "osgTextd.lib")//Delaunay三角形
/*
创建顶点数组并添加数据  设置其他相关属性(可选)  创建osgUtil::DelaunayTriangulator类对象并生成三角网  创建几何体对象,把三角网类对象生成的绘制图元添加到几何体中
按w键显示网格化模型,可以看出网格密度不同  由于光照条件默认开启,旋转模型可以看出不同部位亮度显示不同  按l键显示关闭光照,旋转模型,可以看出亮度不变
*/int GetRandValue(int nMIN, int nMAX)
{int nMax = 1;nMax = RAND_MAX;//rand()函数随机数的最大值return (int)(rand() * (nMAX - nMIN) / nMax + nMIN);
}osg::ref_ptr <osg::Geode> createTriangulate()
{//创建顶点数组osg::ref_ptr<osg::Vec3Array> coords = new osg::Vec3Array();//添加顶点数据int nMin = -50;int nMax = 100;for (int i = -3000; i < 3000; i += 100){if (i < -1000){nMin = -100;nMax = 100;}else if (i > -1000 && i < 0){nMin = -60;nMax = 30;}else if (i > 0 && i < 500){nMin = -15;nMax = 10;}else if (i > 500 && i < 1000){nMin = -10;nMax = 10;}else if (i > 1000 && i < 1500){nMin = -20;nMax = 10;}else if (i > 15000){nMin = -80;nMax = 50;}for (int j = -3000; j < 3000; j += 100){float nZ = (float)GetRandValue(nMin, nMax);osg::Vec3 vertex(i, j, nZ);coords->push_back(vertex);}}//创建颜色数组osg::ref_ptr<osg::Vec4Array> color = new osg::Vec4Array();//添加颜色数据 for (unsigned int i = 0; i < 6000; i++){int nR = rand() % 10 + 2;color->push_back(osg::Vec4(0.0f, (double)nR / 10.0, 0.0f, 0.5f));}//创建Delaunay三角网对象osg::ref_ptr<osgUtil::DelaunayTriangulator> dt = new osgUtil::DelaunayTriangulator(coords.get());//生成三角网dt->triangulate();//创建几何体osg::ref_ptr<osg::Geometry> pGeometry = new osg::Geometry();//设置顶点数组pGeometry->setVertexArray(coords.get());//设置颜色数组pGeometry->setColorArray(color.get());//设置颜色的绑定方式为单个顶点pGeometry->setColorBinding(osg::Geometry::BIND_PER_VERTEX);//添加到绘图基元pGeometry->addPrimitiveSet(dt->getTriangles());osg::ref_ptr <osg::Geode> pGNode = new osg::Geode;pGNode->addChild(pGeometry);return pGNode.release();
}int main()
{//添加到根节点osg::ref_ptr<osg::Group> root = new osg::Group();root->addChild(createTriangulate());//优化场景数据osgUtil::Optimizer optimizer;optimizer.optimize(root.get());osg::ref_ptr<osgViewer::Viewer> viewer = new osgViewer::Viewer();//方便查看在多边形之间切换,以查看三角网viewer->addEventHandler(new osgGA::StateSetManipulator(viewer->getCamera()->getOrCreateStateSet()));viewer->addEventHandler(new osgViewer::StatsHandler());viewer->addEventHandler(new osgViewer::WindowSizeHandler());viewer->setSceneData(root.get());viewer->setUpViewInWindow(600, 600, 1000, 800);return viewer->run();
}

3、自动生成顶点法向量

  生成顶点法向量(osgUtil::SmoothingVisitor)类继承自 osg::NodeVisitor 类,它采用访问器机制,遍历场景中的几何体,生成顶点法向量。
下面对 osgUtil::SmoothingVisitor 的一个常用成员函数予以说明:

static void smooth(osg::Geometry &geoset)

  该函数用于生成顶点法向量,调用时需要注意,这是一个静态函数。在很多应用程序中,网格上的各点都需要一个表面法向量,它的用处非常广泛,例如:
计算光照。
背面剔除。
模拟粒子系统在表面的“弹跳”效果。
通过只需要正面而加速碰撞检测。

  通常我们在绘制几何体时都会指定法线。当得到一个模型,它本身并没有法向量时,则有必要通过现有的数据生成。通常,表面法向量可能保存于三角形级或顶点级,其中的一个技巧就是平均相邻三角形的表面法向量,并将结果标准化。当然,这要求知道三角形的法向量。一般可以这样假设,三角形的顶点按逆时针排列,通过叉积就可以计算外表面的法向量。当然,在有些情况下,顶点的顺序是未知且比较混乱的,这样就比较麻烦了。这个笔者也没有仔细深入研究,推荐读者看一下《计算非固定结构序列的多边形的顶点法线》这篇论文。通过平均三角形法向量求得顶点法向量是一种经验性的方法,不具有通用性。虽然在很多情况下都可以正确地工作,但有些情况下还是无法正常使用的,在使用布告板时,一定要注意这点,这时生成顶点法线的方法就会失效。因为布告板由两个三角形背靠构造而成,它的两个法向量是相反的,其平均值为 0,所以不能初始化,这时只能采用别的方法来处理,如“双面”三角形等。

4、OSG生成三维高程地形

  结合以上知识我们可以加入纹理制作一个三维地形文件。

4.1 地形效果

在这里插入图片描述

4.2 源码

#include <windows.h>
#include <osgViewer/Viewer>#include <osg/Node>
#include <osg/Geode>
#include <osg/Geometry>
#include <osg/Group>
#include <osg/Billboard>
#include <osg/Texture2D>
#include <osg/Image>
#include <osg/Vec3>
#include <osg/Vec2>
#include <osg/PositionAttitudeTransform>
#include <osg/MatrixTransform>
#include <osgDB/ReadFile>
#include <osgUtil/Optimizer>#include <osgViewer/ViewerEventHandlers> //事件监听
#include <osgGA/StateSetManipulator> //事件响应类,对渲染状态进行控制
#include <osgUtil/Simplifier> //简化几何体
#include <osgUtil/DelaunayTriangulator> 
#include <osgUtil/TriStripVisitor>
#include <osgUtil/SmoothingVisitor>#pragma comment(lib, "OpenThreadsd.lib")
#pragma comment(lib, "osgd.lib")
#pragma comment(lib, "osgDBd.lib")
#pragma comment(lib, "osgUtild.lib")
#pragma comment(lib, "osgGAd.lib")
#pragma comment(lib, "osgViewerd.lib")
#pragma comment(lib, "osgTextd.lib")//Delaunay三角形
/*
创建顶点数组并添加数据  设置其他相关属性(可选)  创建osgUtil::DelaunayTriangulator类对象并生成三角网  创建几何体对象,把三角网类对象生成的绘制图元添加到几何体中
按w键显示网格化模型,可以看出网格密度不同  由于光照条件默认开启,旋转模型可以看出不同部位亮度显示不同  按l键显示关闭光照,旋转模型,可以看出亮度不变
*/int GetRandValue(int nMIN, int nMAX)
{int nMax = 1;nMax = RAND_MAX;//rand()函数随机数的最大值return (int)(rand() * (nMAX - nMIN) / nMax + nMIN);
}osg::ref_ptr <osg::Geometry> createTriangulate()
{//创建顶点数组osg::ref_ptr<osg::Vec3Array> verTexs = new osg::Vec3Array();//添加顶点数据int nMin = -50;int nMax = 100;for (int i = -3000; i < 3000; i += 100){if (i < -1000){nMin = -100;nMax = 100;}else if (i > -1000 && i < 0){nMin = -60;nMax = 30;}else if (i > 0 && i < 500){nMin = -15;nMax = 10;}else if (i > 500 && i < 1000){nMin = -10;nMax = 10;}else if (i > 1000 && i < 1500){nMin = -20;nMax = 10;}else if (i > 15000){nMin = -80;nMax = 50;}for (int j = -3000; j < 3000; j += 100){float nZ = (float)GetRandValue(nMin, nMax);osg::Vec3 vertex(i, j, nZ);verTexs->push_back(vertex);}}//创建颜色数组osg::ref_ptr<osg::Vec4Array> color = new osg::Vec4Array();//添加颜色数据 for (unsigned int i = 0; i < 6000; i++){int nR = rand() % 10 + 2;color->push_back(osg::Vec4(0.0f, (double)nR / 10.0, 0.0f, 0.5f));}//创建Delaunay三角网对象osg::ref_ptr<osgUtil::DelaunayTriangulator> dt = new osgUtil::DelaunayTriangulator(verTexs.get());//生成三角网dt->triangulate();//创建几何体osg::ref_ptr<osg::Geometry> pGeometry = new osg::Geometry();//设置顶点数组pGeometry->setVertexArray(verTexs.get());osg::ref_ptr<osg::Image> sImagePath = osgDB::readImageFile("D:\\Terrain.png");if (sImagePath.get()){osg::ref_ptr<osg::Texture2D> texture2D = new osg::Texture2D;texture2D->setImage(sImagePath.get());//绑定纹理后,释放内部的ref_ptr<Image>,删除image图像texture2D->setUnRefImageDataAfterApply(true);//建立纹理顶点osg::ref_ptr<osg::Vec2Array> pVec2Array = new osg::Vec2Array;for (int i = -3000; i < 3000; i += 100){for (int j = -3000; j < 3000; j += 100){osg::Vec2 textCoord(0.0, 0.0);textCoord.x() = (double)(j + 3000.0) / 6000.0;textCoord.y() = (double)(i + 3000.0) / 6000.0;pVec2Array->push_back(textCoord);}}//Texture类关联到渲染状态StateSetosg::ref_ptr<osg::StateSet> pStateSet = pGeometry->getOrCreateStateSet();//将纹理关联给StateSet纹理单元0、osg::StateAttribute::OFF关闭纹理pStateSet->setTextureAttributeAndModes(0, texture2D.get(), osg::StateAttribute::ON);pGeometry->setTexCoordArray(0, pVec2Array.get());//建立法线数组normal,垂直于Z轴负方向//osg::ref_ptr<osg::Vec3Array> pVec3ArrayNormal = new osg::Vec3Array;//pGeometry->setNormalArray(pVec3ArrayNormal.get());//pGeometry->setNormalBinding(osg::Geometry::BIND_OVERALL);//pVec3ArrayNormal->push_back(osg::Vec3(0.0, 0.0, 1.0));pGeometry->setStateSet(pStateSet);}else{//设置颜色数组pGeometry->setColorArray(color.get());//设置颜色的绑定方式为单个顶点pGeometry->setColorBinding(osg::Geometry::BIND_PER_VERTEX);}//添加到绘图基元pGeometry->addPrimitiveSet(dt->getTriangles());return pGeometry.release();
}int main()
{//添加到根节点osg::ref_ptr<osg::Group> root = new osg::Group();osg::ref_ptr <osg::Geode> pGNode = new osg::Geode;//创建一个几何体对象osg::ref_ptr<osg::Geometry> geometry = createTriangulate();//自动生成顶点法线osgUtil::SmoothingVisitor::smooth(*(geometry.get()));//对几何体进行条带化osgUtil::TriStripVisitor stripper;stripper.stripify(*(geometry.get()));pGNode->addChild(geometry.get());root->addChild(pGNode);//优化场景数据osgUtil::Optimizer optimizer;optimizer.optimize(root.get());osg::ref_ptr<osgViewer::Viewer> viewer = new osgViewer::Viewer();//方便查看在多边形之间切换,以查看三角网viewer->addEventHandler(new osgGA::StateSetManipulator(viewer->getCamera()->getOrCreateStateSet()));viewer->addEventHandler(new osgViewer::StatsHandler());viewer->addEventHandler(new osgViewer::WindowSizeHandler());viewer->setSceneData(root.get());viewer->setUpViewInWindow(600, 600, 1000, 800);return viewer->run();
}

这篇关于OSG编程指南<十一>:OSG几何体操作及三维地形创建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/425813

相关文章

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

Linux内核参数配置与验证详细指南

《Linux内核参数配置与验证详细指南》在Linux系统运维和性能优化中,内核参数(sysctl)的配置至关重要,本文主要来聊聊如何配置与验证这些Linux内核参数,希望对大家有一定的帮助... 目录1. 引言2. 内核参数的作用3. 如何设置内核参数3.1 临时设置(重启失效)3.2 永久设置(重启仍生效

Python列表去重的4种核心方法与实战指南详解

《Python列表去重的4种核心方法与实战指南详解》在Python开发中,处理列表数据时经常需要去除重复元素,本文将详细介绍4种最实用的列表去重方法,有需要的小伙伴可以根据自己的需要进行选择... 目录方法1:集合(set)去重法(最快速)方法2:顺序遍历法(保持顺序)方法3:副本删除法(原地修改)方法4:

shell编程之函数与数组的使用详解

《shell编程之函数与数组的使用详解》:本文主要介绍shell编程之函数与数组的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录shell函数函数的用法俩个数求和系统资源监控并报警函数函数变量的作用范围函数的参数递归函数shell数组获取数组的长度读取某下的

Python 中的 with open文件操作的最佳实践

《Python中的withopen文件操作的最佳实践》在Python中,withopen()提供了一个简洁而安全的方式来处理文件操作,它不仅能确保文件在操作完成后自动关闭,还能处理文件操作中的异... 目录什么是 with open()?为什么使用 with open()?使用 with open() 进行

Linux ls命令操作详解

《Linuxls命令操作详解》通过ls命令,我们可以查看指定目录下的文件和子目录,并结合不同的选项获取详细的文件信息,如权限、大小、修改时间等,:本文主要介绍Linuxls命令详解,需要的朋友可... 目录1. 命令简介2. 命令的基本语法和用法2.1 语法格式2.2 使用示例2.2.1 列出当前目录下的文

PyInstaller打包selenium-wire过程中常见问题和解决指南

《PyInstaller打包selenium-wire过程中常见问题和解决指南》常用的打包工具PyInstaller能将Python项目打包成单个可执行文件,但也会因为兼容性问题和路径管理而出现各种运... 目录前言1. 背景2. 可能遇到的问题概述3. PyInstaller 打包步骤及参数配置4. 依赖

Nginx中配置HTTP/2协议的详细指南

《Nginx中配置HTTP/2协议的详细指南》HTTP/2是HTTP协议的下一代版本,旨在提高性能、减少延迟并优化现代网络环境中的通信效率,本文将为大家介绍Nginx配置HTTP/2协议想详细步骤,需... 目录一、HTTP/2 协议概述1.HTTP/22. HTTP/2 的核心特性3. HTTP/2 的优

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N