- 博客(114)
- 收藏
- 关注
RSS订阅原创 vite vue3 import.meta.glob动态路由
然后，我们遍历这些模块，通过它们的路径生成路由。这样，你只需要将组件放入。来导入目录下的多个Vue组件，并自动生成路由。在Vite中使用Vue 3，你可以使用。目录，无需手动向路由器添加每个组件。
2024-03-29 17:11:46
508
原创 vite的import.meta.glob的用法
来获取一个对象，其中包含了所有匹配到的模块路径。然后，我们遍历这个对象，并对每个路径调用对应的函数来获取模块的导出。一旦模块被加载，我们就可以访问它的默认导出（在这种情况下是 Vue 组件），并将其存储在一个对象中，以便后续使用。的用法与之前的版本相似，它允许你基于文件系统动态地导入多个模块。这个特性特别适用于当你需要导入一组相关的文件，比如组件、页面或工具函数时。），你想要动态地导入这些组件并在应用中注册它们。目录，里面包含多个 Vue 组件文件（在这个例子中，我们首先使用。
2024-03-25 17:46:43
349
原创 vite5+vue3+ import.meta.glob动态导入vue组件
假设你有一个src/pages/DynamicComponents目录，里面包含多个 Vue 组件，你想根据某些条件动态地导入这些组件。src/pages/DynamicComponents/ComponentA.vue文件。src/pages/DynamicComponents/ComponentB.vue文件。包起来就好了，我直接使用了markRaw来包起组件 ，就解决这个警告了。src/pages/index.vue文件。这里报了一个警告：提示你去给组件使用。
2024-03-25 17:31:46
885
原创 vite vue3中使用 webworker
vite vue3中使用 webworker详细代码在Vue 3和Vite项目中使用Web Worker，你需要创建一个worker文件，然后在组件中创建并使用worker。
2024-03-22 11:47:40
557
1
原创 vue3+vite+Electron构建跨平台应用
electron-vite 是一个新型构建工具，旨在为 Electron 提供更快、更精简的开发体验。它主要由五部分组成：一套构建指令，它使用 Vite 打包你的代码，并且它能够处理 Electron 的独特环境，包括 Node.js 和浏览器环境。集中配置主进程、渲染器和预加载脚本的 Vite 配置，并针对 Electron 的独特环境进行预配置。为渲染器提供快速模块热替换（HMR）支持，为主进程和预加载脚本提供热重载支持，极大地提高了开发效率。优化 Electron 主进程资源处理。
2024-03-20 17:23:58
341
原创 vue3与Electron构建跨平台应用（webpack）
通过设置 NODE_OPTIONS 环境变量为 --openssl-legacy-provider，可以强制使用旧版的 OpenSSL 提供程序，从而解决构建过程中的报错问题。打开package.json，找到。
2024-03-20 16:22:00
293
原创 Vue.js中使用Web Workers来创建一个秒表
在Vue.js中使用Web Workers来创建一个秒表应用可以提高性能，因为Web Workers可以在后台线程中运行，不阻塞主线程。下面是一个简单的Vue.js秒表应用的示例，该应用使用Web Worker来执行计时功能。首先，我们创建一个Web Worker文件来处理秒表的计时逻辑。我们将这个文件命名为。
2024-03-18 14:59:51
228
转载 node.js调用C++的一种方案
nodejs官方维护了一套ABI（应用二进制接口），用于完成nodejs和C++的通信。官网介绍的Node-API是C API，对应的node-addon-api是它的C++版本，更容易使用，本文介绍的也是这个C++的版本。通过一个示例来说明如何使用node-addon-api。
2024-03-18 11:14:05
65
原创 Node.js中调用C++代码
下面是一个简单的示例，展示如何在Node.js中调用C++代码。我们将创建一个简单的C++函数，它返回一个字符串，然后在Node.js中调用这个函数。
2024-03-15 16:38:05
412
原创 JavaScript改变this指向的三种方法
在JavaScript中，可以使用call()、apply()或bind()来改变函数的this指向。
2024-03-08 11:54:18
289
转载 el-table表头文字换行的三种方式
三种方式各有特色，但是render-header会略为耗费一点点性能。若为固定表头数据，则优先推荐使用表头插槽方式，其次推荐换行符加css方式。若为动态数据，则只能使用表头renderheader函数了滑动验证页面。
2024-03-08 11:45:55
206
转载 echarts手动控制tooltip和axisPointer的展示隐藏
在移动H5使用了开发可视化图表，遇到一个特殊需求：折线趋势图中需要默认展示最后一个坐标轴对应的数据，也就是主动触发的展示。
2024-03-04 15:41:51
307
转载 electron简介
Electron（官网：https://www.electronjs.org/zh/）是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源框架。Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核，使用Web技术来实现不同平台下的渲染，并结合了 Chromium 、Node.js 和用于调用系统本地功能的Native API 三大板块。
2024-03-03 14:55:43
36
原创 vue2结合electron开发桌面端应用
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入和到 二进制的 Electron。允许您保持一个 JavaScript 代码代码库并创建可在Windows、macOS和Linux上运行的跨平台应用。Electron 经常与 Chromium 一起发布主版本。本文档侧重于发布排期和版本支持政策。
2024-03-02 12:34:07
1032
原创 Cesium使用WallGeometry、Primitive画wall
【代码】Cesium使用WallGeometry、Primitive画wall。
2024-01-27 17:40:01
131
原创 Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、WallGeometry实现
【代码】Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、WallGeometry实现。
2024-01-27 11:44:21
188
原创 Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、PolylineGeometry实现
【代码】Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、PolylineGeometry实现。
2024-01-27 11:41:17
174
转载 vue2项目实现自定义右键菜单, 可添加图标、事件等
contextMenuData中，label是文字，onClick是绑定的点击事件，icon是图标，我这里用的阿里的iconfont，如果想使用ElementUI的图标，可以把icon的值设置为 icon el-icon-edit。原文链接：https://blog.csdn.net/weixin_42289279/article/details/132604501。3. 在需要实现自定义右键的元素上加上 @contextmenu.prevent="onContextmenu"通常浏览器都会有自己的。
2024-01-25 11:31:48
654
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人