Front-End
文章平均质量分 79
Heartsuit
物联网平台架构师,CSDN博客专家,阿里云专家博主,PMI认证项目管理专家(PMP),具备物联网、云原生、大数据等领域的研发经验。
展开
-
Vue3使用Three.js导入gltf模型并解决模型为黑色的问题
Three.js 可以让我们在网页上创建交互式的 3D 图形和动画。它是一个强大的 JavaScript 库,可以帮助我们轻松地在浏览器中实现复杂的 3D 效果,而无需深入了解底层的 WebGL 技术。如果你需要在网页上展示 3D 内容或者构建交互式的3D体验, Three.js 是一个非常有用的工具。今天通过 Vue3.0 集成 Three.js 来实现对 gltf 模型的加载、渲染与操控,并设置模型背景为透明色,解决模型为黑色的问题。原创 2023-12-17 20:22:49 · 2353 阅读 · 0 评论 -
Vue3使用了Vite和UnoCSS导致前端项目启动报错:Error:EMFILE:too many open files
一个 Vue3 的项目,用的是 Vite 打包,通过 npm run dev 运行时,遇到了以下错误(尤其是引入了 Element-Plus 后):Error: EMFILE: too many open filesUnoCSS 的配置文件 uno.config.js 中,将文件系统属性被映射到项目根目录 / 而不是源码目录 ./src/ ,这导致 UnoCSS 将会扫描整个 node_modules ,这显然太大了。因此,将文件系统路径 **/ 更改为 ./src/ 就解决了问题。原创 2023-12-16 13:10:05 · 3170 阅读 · 0 评论 -
AJ-Report开源数据可视化引擎入门实践
这篇文章是关于 AJ-Report 内部分享的小总结,当时是按照以下内容进行讲解演示的。下载、源码启动数据源、数据集、大屏大屏可视化扩展数据源: ClickHouse开源数据可视化引擎: DataEase , FlyFish , GoView , DataGear , Superset , Grafana , Metabase …AJ-Report是全开源的一个国产BI平台,基于Spring Boot+MyBatisPlus+Vue技术栈实现的前后端分离项目,易于部署与整合。原创 2023-07-29 13:28:22 · 4353 阅读 · 0 评论 -
全栈开发之前端脚手架:Vue3.0快速集成ElementPlus,Axios, Echarts
背景搭建基于 Vue3.0 的极简前端脚手架,方便后续快速验证想法以及项目实施。涉及到的技术及组件: Vue3.0 , ElementPlus , axios , vue-router , vuex , Echarts 。Note:前提需要有 Node.js 环境,可使用 nvm 进行 Node.js 的多版本管理。npm install <package>默认会在依赖安装完成后将其写入package.json,因此安装依赖的命令都未附加save参数。$ node -vv12.原创 2022-01-23 18:02:23 · 2872 阅读 · 2 评论 -
用了BootStrap的modal弹窗,vue-clipboard2虽然复制成功,可是无法粘贴
背景一开始用的 BootStrap 的 modal 弹窗里显示信息。后来有了点击复制的需求,就又使用了 Toastr ,当 BootStrap 弹窗与 Toastr 弹窗这两个同时出来时, vue-clipboard2 的复制功能失效。。解决方案这在 vue-clipboard2 的文档中有说明的https://www.npmjs.com/package/vue-clipboard2。可能是浏览器的限制然而,我这里并不是这个原因。。使用this.$copyText(val, conta原创 2021-12-24 18:29:07 · 1151 阅读 · 0 评论 -
Vue3.0报错:The component has been registered but not used vue/no-unused-components,关闭eslint
当创建项目时选择了 `eslint` ,那么当存在定义而未使用的组件,或存在定义而未使用的变量时,会报错。。Vue3.0如何关闭 `eslint` ?原创 2021-11-30 18:22:59 · 10177 阅读 · 2 评论 -
上手华为软开云DevOps前后端分离实践之-前端Vue
简介前面实现了SpringBoot项目华为软开云的一键操作。这次来搞Vue,实现前后端完全分离。这里我们仍然是先忽略华为软开云的项目管理功能(`Scrum`,看板里的需求规划、任务指派、工时分配),测试功能,文档管理功能,CloudIDE等;重点关注`项目创建、代码托管、编译构建、部署、发布以及流水线功能`;同时代码仅供示例,重在熟悉软开云的流程。效果Note: 以下步骤中有些与上一篇...原创 2019-04-19 08:57:39 · 2027 阅读 · 0 评论 -
小程序thirdScriptError, this.setData is not a function;
Problem小程序开发过程中遇到this指向问题:前端控制台报错: thirdScriptError this.setData is not a function;即:setData方法不存在。Solution将生命周期函数中的this传至普通函数;通过以下代码,确定每个this分别指向哪里:Page({ data: { result...原创 2018-07-31 15:25:46 · 1647 阅读 · 1 评论 -
百度地图展示附近1公里范围内的目标
需求从DB中检索附近一公里内的数据,并在百度地图展示;Note: 主要用于从本地数据表中查询符合条件的目标;效果展示总结(1) 覆盖物样式设置// 圆形覆盖物var circle = new BMap.Circle(center, radius, { strokeColor: "#1abc9c", StrokeStyle: "solid",...原创 2018-05-16 13:17:40 · 17849 阅读 · 0 评论 -
百度地图按行政区、县划分轮廓界限
背景在物联网行业,用户、决策者通常需要直观地看到不同区域、地点处的设备部署情况,便于了解整体分布。通过在数字地图上动态划分各区、县的边界,同时显示每个区域的设备数量,可实现这一需求。其实,这种技术已经很成熟,并在各大找房网站中得到广泛应用。这里列出几个参考网站,随便感受下:悟空找房链家网爱屋吉屋安居客巴乐兔基本上就是根据地图(高德、百度)的不同放大级别,分别显示不同的覆...原创 2018-05-18 14:02:04 · 36741 阅读 · 14 评论 -
考试应用
整体预览登录、退出考试,交卷,得分排名,考试记录,历史考试错题,重考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原创 2017-12-26 22:01:38 · 281 阅读 · 0 评论 -
如何为Github Pages设置动态的背景图片?
准备做什么?使用必应词典时,一次无意的点击,跳到了必应搜索引擎界面,突然眼前一亮,我看到一张图片,没错,高清大图!还可以往前翻几页,有的图片非常震撼;更有意思的是,在必应搜索首页,每张图片的背后都会有一个故事。然而,我对大部分故事并无兴趣。我只想把图片搞过来。。其实,必应已经提供了一个下载按钮的,可以一张一张下载,可我,只要链接~ 实际上,我的目标是把这些漂亮的图片设置为博客背景,那怎么做呢?原创 2017-08-16 08:43:41 · 2764 阅读 · 3 评论 -
Bootstrap如何弹出modal窗,并动态传值?
Let Code tell you<div class="modal fade" id="qrcode" tabindex="-1" role="dialog" aria-labelledby="information"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-head原创 2017-08-09 14:39:48 · 18923 阅读 · 0 评论