Heartsuit的博客

Three.js 可以让我们在网页上创建交互式的 3D 图形和动画。它是一个强大的 JavaScript 库，可以帮助我们轻松地在浏览器中实现复杂的 3D 效果，而无需深入了解底层的 WebGL 技术。如果你需要在网页上展示 3D 内容或者构建交互式的3D体验， Three.js 是一个非常有用的工具。今天通过 Vue3.0 集成 Three.js 来实现对 gltf 模型的加载、渲染与操控，并设置模型背景为透明色，解决模型为黑色的问题。

一个 Vue3 的项目，用的是 Vite 打包，通过 npm run dev 运行时，遇到了以下错误（尤其是引入了 Element-Plus 后）：Error: EMFILE: too many open filesUnoCSS 的配置文件 uno.config.js 中，将文件系统属性被映射到项目根目录 / 而不是源码目录 ./src/ ，这导致 UnoCSS 将会扫描整个 node_modules ，这显然太大了。因此，将文件系统路径 **/ 更改为 ./src/ 就解决了问题。

从环境搭建到程序开发，再到真机更新体验了阿里云 IoT小程序框架 的使用流程。其中，略过了程序开发过程，而是直接采用入门案例中的公板案例（模拟器测试）与智能闹钟案例（真机测试：ASP-80智显面板），程序开发主要是基于 Vue 的前端开发工作，因时间原因未能完成与云联动的测评，这里主要记录下遇到的3个小问题。 VScode无法调起模拟器。 如何使用串口调试工具发送命令。 设备配网报错。

最近为了响应系统对安全方面的要求，我们做的整改之一是对文件上传部分，除了在前端页面上限制用户可以选择的文件类型，还在后端接口中新增了对文件后缀名（这里主要是图片）的限制，核心代码如下。针对获取后缀名的代码单独做了测试后，确认了不是这段代码的的问题。那么问题应该是出现在前端了，也就是说，前端传过来的文件名称有问题，而且在观察前端请求时证明了这一猜想。插件进行图片切割头像，将切割后的头像转为blob文件上传。可是通过前端上传文件后，后端持续报错：无效的文件格式，见鬼。方法第三个参数设置为文件的名称即可。

背景搭建基于 Vue3.0 的极简前端脚手架，方便后续快速验证想法以及项目实施。涉及到的技术及组件： Vue3.0 , ElementPlus , axios , vue-router , vuex , Echarts 。Note:前提需要有 Node.js 环境，可使用 nvm 进行 Node.js 的多版本管理。npm install <package>默认会在依赖安装完成后将其写入package.json，因此安装依赖的命令都未附加save参数。$ node -vv12.

背景一开始用的 BootStrap 的 modal 弹窗里显示信息。后来有了点击复制的需求，就又使用了 Toastr ，当 BootStrap 弹窗与 Toastr 弹窗这两个同时出来时， vue-clipboard2 的复制功能失效。。解决方案这在 vue-clipboard2 的文档中有说明的https://www.npmjs.com/package/vue-clipboard2。可能是浏览器的限制然而，我这里并不是这个原因。。使用this.$copyText(val, conta

背景我想在同一个页面弹窗多个 toastr ，分别在不同的位置。但是遇到了问题：无法弹出多个不同位置的 toastr 。即后续的 toastr （即使单独配置了positionClass），依然使用的是第一个位置配置。问题分析原本的 toastr ，当设置不同的位置时，后一次的弹窗位置与前一次的弹窗的消失时间有关，这在 Codepen 上有个演示。Codepen上的效果展示https://codepen.io/grantiverson/pen/GGMKzV解决方案Issue在 t

当创建项目时选择了 `eslint` ，那么当存在定义而未使用的组件，或存在定义而未使用的变量时，会报错。。Vue3.0如何关闭 `eslint` ？

背景登录认证几乎是所有互联网应用的必备功能，传统的用户名-密码认证方式依然流行，如何避免用户名、密码这类敏感信息在认证过程中被嗅探、破解？这里将传统的用户名、密码明文传输方式改为采用 RSA 的非对称加密算法密文传输，即使认证请求被网络抓包，只要私钥安全，则认证流程中的用户信息相对安全；一般是生成RSA的密钥对之后，公钥存储在前端或后端（登录时每次请求后端返回公钥）进行加密，私钥存储在后端用于解密；曾在实际的应用中看到过动态生成密钥对的做法，即公钥-私钥都是动态生成，每次请求都不一样，这与固定公

简介这里静态资源就以之前的一个项目文章地址为例，源码 Github，项目本身很简单，只是分别对第三方的服务端、自己的服务端发起请求。不论是调用第三方服务端接口，还是自己的后端服务，如果跨域未在服务器端处理，那么 Vue 部署时需要在生产环境下处理跨域。下面以 Windows 为例，采用 Nginx 两个步骤，来实现针对 Vue 项目的静态资源服务器及跨域配置。Notes: 补充一...

简介前面实现了SpringBoot项目华为软开云的一键操作。这次来搞Vue，实现前后端完全分离。这里我们仍然是先忽略华为软开云的项目管理功能（`Scrum`，看板里的需求规划、任务指派、工时分配），测试功能，文档管理功能，CloudIDE等；重点关注`项目创建、代码托管、编译构建、部署、发布以及流水线功能`；同时代码仅供示例，重在熟悉软开云的流程。效果Note: 以下步骤中有些与上一篇...

简介前面分别实现了 SpringBoot、Vue 项目在华为软开云的一键操作。但是 Vue 打包后的部署，需要一个静态资源服务器来 Serve，如果跨域未在服务器端处理，那么在这一静态服务器中同时还要处理 Vue 在生产环境下的跨域。静态资源服务器的实现方式有很多，基本每种服务端语言都有对应的框架或容器，比如 Java 的 Tomcat、以及 Python、PHP、Node.js 等，...

整体预览登录、退出考试，交卷，得分排名，考试记录，历史考试错题，重考Note：排名，考试记录均目前仅提供当月数据；技术：前端：Vue，Bootstrap后端：Koa，MongodbLive DemoIf you have any questions or any bugs are found, please feel free to contact me.Your comments and s