效果这样 直接上代码吧 <template> <div ref="chartDom" style="width: 260px; height: 460px; background-color: white"></div> </template> <script setup lang="ts"> // ...
写在开头 点赞 + 收藏 学会 前段时间突然接到一个需求,项目中要实现特定水印功能,不同的用户查看时展示用户特有的水印,这样可以在资源外流的时候追究到责任人。 查找搜集了很多方法,有通过CSS伪元素添加水印的、还可以使用CSS重复背景图片、还有使用svg的,最后综合考虑了下, ...
Pinia是Vue3新一代状态管理库,轻量直观、支持Composition API,完美解决组件间状态共享难题。本文详解Pinia的安装、Store定义、插件扩展及实战技巧,助你快速上手并高效管理应用状态,打造可维护性强的Vue3项目! ...
写在开头 点赞 + 收藏 学会 概念解释 通过数据接口,简化功能开发。天气数据从哪里来?如果是自己采集,不光要写后端代码,最难的是维护啊,所以必须《天气预报》此类APP特别适合 前后端分离的,以下用一个简单的例子快速打通前后端的调用前端使用HTML页面,通过JS的Fetch发 ...
有一个 Vue 3 的项目,之前在本地运行 npm run dev 都好好的,今天突然报了下面这个错: GET http://localhost:5173/node_modules/.vite/deps/axios.js?v=f9440d0c net::ERR_ABORTED 504 (Outdat ...
在线白板工具 Drawnix —— 名字源于绘画(Draw)与凤凰(Phoenix)的灵感交织。 Drawnix 的定位是一个开箱即用、开源、免费的在线白板工具产品, 集思维导图、流程图、画笔于一体,目前它刚启动几个月,还在持续迭代基础功能,大家有做流程图、思维导图的需求时不妨试一试,有任何的缺陷或 ...
有时候,我们想在本地开发一个公用js函数组件库,并上传到npm仓库供开发者使用,本文就详细介绍了从新建本地项目到发布至npm仓库的整过过程,供大家学习! 1、注册账号 首先我们去npm官网注册一个账号,注册成功后请牢记账号和密码。 需要注意的是,现在npm登录好像启用了双因素认证机制,也就是登录的时 ...
解决uniapp使用Font Awesome图标无法显示问题 前言 在平时的Vue项目中使用Font Awesome图标时很方便,只需要引入即可,但是在小程序里面使用却无法显示,并且提示[渲染层网络层错误]。 Font Awesome下载 Download Font Awesome Free or ...
使用 vxe-table 导出 excel,支持带数值、货币、图片等带格式导出,通过官方自动的导出插件 plugin-export-xlsx 实现导出功能 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table g ...
1. 前言 车辆运维管理是指对车辆进行日常维护、故障处理、性能监测、成本控制等一系列活动的管理。随着物联网、大数据、人工智能等技术的发展,车辆运维管理软件和解决方案的市场竞争日益激烈。 2. 确定目标 通过产品差异化定位,找到竞争者的差异,打造自己的优势,抢占市场份额,通过市场细分来确定自己的定位。 ...
写在开头 点赞 + 收藏 学会 最近AI概念很火,我也在用。今儿实习的一位兄弟来问:他想对接一个"千帆大模型",但是以前没看过,文档太多了。很麻烦。 虽然官方也有文档,不过确实,那个文档比较适合工作一段时间以后的同学看,对新手不太友好。毕竟光创建=>对接一个流程需要几个页面几 ...
前言 插槽看着是一个比较神秘的东西,特别是作用域插槽还能让我们在父组件里面直接访问子组件里面的数据,这让插槽变得更加神秘了。其实Vue3的插槽远比你想象的简单,这篇文章我们来揭开插槽的神秘面纱。 欧阳也在找工作,坐标成都求内推! 看个demo 我们先来看个常见的插槽demo,其中子组件代码如下: < ...
掌握Vue3路由核心技能,深度解析动态参数与查询参数的传递机制,结合全局前置守卫、路由独享守卫实现企业级权限控制。 ...
使用 vxe-table 复选框启用 checkbox-config.reserve 跨页多选时,如何保留勾选状态,自动根据勾选来决定半选状态 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:h ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:霜序 前言 为何讲这个内容?以为后续大家会使用 redux-toolkit,资产上周做了 redux-toolkit 的升级顺便了解了相关内容,产出了这篇文章 ...
想掌握 Vue3 路由的精髓?这篇文章深入解析了从安装配置到导航操作的完整流程,手把手教你实现声明式与编程式导航,玩转动态路由、嵌套路由和路由守卫。 ...
1. 前言 在上一篇《基于 Selenium 实现的必应企业信息抓取工具》中,成功实现了对企业信息的批量抓取与导出。接下来,将对这些数据进行深入分析,包括地区分布、所属行业、规模大小等维度。其中,最直接的需求是统计每个省份的企业数量,并通过地图可视化直观展示。经过对 Tableau、FineRepo ...
写在开头 点赞 + 收藏 学会 前言 前端时间有一个 OCR 的需求,原本考虑调用现成的 OCR 接口,但由于只是做一个我个人使用的工具,花钱购买 OCR 接口显得有些奢侈。于是就想着找找是否有现成的库可以自己部署或直接使用,结果发现了一个可以在纯前端实现 OCR 的库——T ...
重磅推荐!这份文档 + 课程《Angular CLI 源码分析》 = 王炸组合 双倍知识,双倍快乐,带你起飞~ (ง •_•)ง 准备: 安装 Node.js https://nodejs.org/; 安装 VS Code https://code.visualstudio.com ...
在上一篇文章中,我们探讨了如何构建一个通用的脚手架框架。今天,我们将在此基础上进一步扩展脚手架的功能,赋予它下载项目模板的能力。 通常情况下,我们可以将项目模板发布到 npm 上,或者在公司内部利用私有 npm 仓库进行托管。通过交互式命令行界面,开发者可以轻松选择项目类型、项目名称以及所需的项目模 ...