一杯冰老菊呀-优快云博客

原创使用HTML2canvas+pdf-lib生成多页面pdf和使用dom-to-image+pdf-lib生成多页面pdf的差别

1，因为HTML2canvas截图时会遍历html元素导致下载速度缓慢，而个人了解到的是dom-to-image截图时只会选择对应的dom元素进行下载，所以速度来说，更快一点。用的都是生成大概页数在五百多页的情况下，HTML2canvas的速度大概在11分多左右，dom-to-image大概速度在四分多左右。3，html2canvas截图时会导致浏览器缓存增多导致卡顿情况，dom-to-image相对来说会好一点,所以最终选择了使用dom-to-image+pdf-lib的方式进行生成多页面pdf文件。

2025-02-25 17:10:58 202

原创 vue3加上pdf-lib和HTML2canvas进行多页面报告生成

【代码】vue3加上pdf-lib和HTML2canvas进行多页面报告生成。

2025-02-18 16:17:10 83

原创关于cesium获取页面body进行选中性的截图效果

下面就是代码，可以根据需求进行替换截图的div元素或id。

2025-02-18 16:14:35 171

原创 cesium的截图并获取并进行叠加下载

自己手动替换要获取的div元素名称就可以了。没有什么过多的展开，直接再下面展示代码了。

2024-11-29 14:00:28 125

原创获取到当前cesium的比例尺信息

【代码】获取到当前cesium的比例尺信息。

2024-11-12 09:48:23 346

原创 cesium出现Error constructing CesiumWidget.报错

在某些少数的情况下，您的硬件可能会被列入黑名单，并在默认情况下被所谓的软件呈现列表禁用。3、chrome://gpu -> 查看Graphics Feature Status下面的两个webgl是否支持硬件加速。http://toji.github.io/webgl2-particles-2/ (查看是否支持WebGL2)2、chrome://settings -> 高级 -> 打开"使用硬件加速模式(如果可用)"。https://get.webgl.org/ (旋转的立方体)

2024-07-31 09:10:47 2262 3

原创 el-tree选中高亮和搜索框对dom进行操作

需要做到在上方的div增加搜索，这个需求非常简单，但是在下方选中高亮效果，node-click和check事件都需要做到选中高亮效果，也不难，难的是node-click事件往往获取的node节点和data不像check事件中可以获取到当前已经选中的节点id列表，所以两个事件需要做到一致，就需要手动进行判断。在node-click调用两者相同的函数时，需要接受第三个参数，index，根据index进行做判断就好。如果是这样的状态获取当前选中高亮，以及对搜索的联动比较方便而我看的el-tree是。

2024-07-26 14:27:31 275

原创国内的大模型平台

算力平台：一些科技公司和初创企业专注于提供强大的算力平台，如华为云的ModelArts、腾讯云的AI Lab等，用户可以在这些平台上租用高性能硬件进行模型训练和部署。开源平台：百度的PaddlePaddle、阿里巴巴的DLStudio、中科院的DeepMind AI等开源平台提供了丰富的模型和算法库，方便用户进行模型训练和实验。云平台：阿里云、腾讯云、华为云等云服务提供商都提供了大规模模型训练和部署的服务，用户可以通过这些平台快速搭建和管理自己的模型。

2024-05-24 14:13:49 985 1

原创 rust和nuxt的区别

Nuxt是一个基于Vue.js的应用框架，用于构建服务端渲染的应用程序。Nuxt提供了很多现成的功能和工具，包括路由、服务器端渲染、代码拆分等，可以帮助开发者快速构建灵活、高性能的Web应用。Nuxt的目标是简化Vue应用的开发过程，提供一致的开发体验。Nuxt适用于构建中等规模的Web应用，以及需要SEO优化和更好的性能的项目。而Nuxt是一个基于Vue.js的应用框架，用于构建服务端渲染的Web应用程序。Rust和Nuxt是两种不同的技术，分别用于不同的领域。

2024-05-24 13:54:54 417

原创说说对threejs的理解以及案例使用

3D游戏：可以使用Three.js创建各种类型的3D游戏，包括角色扮演、射击、益智等。3D建模：通过Three.js可以实现在线的3D建模工具，用户可以在网页中创建并编辑3D模型。简化了复杂的3D操作：Three.js提供了一系列的高级功能和工具，使得创建和管理3D对象、材质、光照等变得更加容易。强大的渲染引擎：Three.js使用WebGL进行渲染，能够实现高性能的3D渲染效果，并支持阴影、反射、抗锯齿等效果。使用Three.js可以实现各种类型的3D应用，例如游戏、可视化、模拟等。

2024-05-15 17:22:06 399

原创理解 Git 的基本概念和使用方式

分支（Branch）：是在同一个仓库中创建的独立线条，用于开发新的功能或解决问题。拉取和推送远程仓库：使用git pull命令获取远程仓库的最新更新，使用git push命令将本地修改推送到远程仓库。合并分支：使用git merge命令将一个分支的修改合并到另一个分支。提交变化：使用git commit命令将暂存区的文件变化提交到仓库。添加文件：使用git add命令将文件添加到Git的暂存区。切换分支：使用git checkout命令切换到不同的分支。创建分支：使用git branch命令创建新的分支。

2024-05-15 17:19:52 234

原创 E404，安装react报错

1. 资源不存在：请求的 URL 对应的资源不存在。这可能是因为 URL 拼写错误、文件被删除或移动、或者服务器配置错误等原因导致的。2. 无权限访问：请求的资源存在，但是您没有足够的权限来访问它。这可能是因为缺乏身份验证、权限配置错误等原因导致的。3. 服务器配置错误：服务器未正确配置路由或处理程序，导致无法正确处理请求。HTTP 404 错误表示请求的资源在服务器上未找到。我通过更换了镜像源，解决了这个问题。

2024-05-14 16:12:20 394

原创想在react中实现一个视频流为m3u8格式的转换

以上是一个简单的视频播放器组件示例。你可以将其用作React应用中显示M3U8格式视频流的容器。你可以通过将M3U8地址作为组件的props传递给它来播放视频。在React中实现M3U8格式的视频流转换需要使用一些库和工具。一个简单的示例，演示如何将M3U8格式的视频流转换为可播放的URL。接下来，你需要在你的React组件中引入所需的库和样式文件。库，它是一个用于处理M3U8格式的视频流的React组件。

2024-05-14 16:07:19 501

原创比较Selenium和Playwright

浏览器支持：Selenium支持多种浏览器，包括Chrome、Firefox、Safari等，而Playwright支持Chrome、Firefox和WebKit（Safari的底层引擎）。Playwright使用了一些高级技术，如浏览器的原生API，以提供更快的执行速度和更低的资源占用。语言支持：Selenium支持多种编程语言，包括Java、Python、C#等，而Playwright主要支持JavaScript和TypeScript。一致性：Playwright与不同浏览器之间的一致性更好。

2024-05-14 16:01:54 1417 2

kurhar的博客