摘要:人工智能(AI)已深度融入我们的生活,如今 Vue 框架也迎来了首个 AI 组件库 —— Ant Design X Vue,为开发者提供了强大的 AI 开发工具。 Ant Design X Vue 概述 Ant Design X Vue 是基于 Vue.js 的 AI 组件库,旨在简化 AI 集成开
阅读全文
摘要:vue获取窗口的可视高度 在 Vue.js 中获取窗口的可视高度(即视口 viewport 的高度),你可以使用原生 JavaScript 的 window.innerHeight 属性。 这个属性返回当前浏览器窗口的内部高度,包括 URL 栏和状态栏等浏览器界面元素的高度。 要在 Vue 组件中使
阅读全文
摘要:前言 彦祖们,在日常开发中,不知道你们是否遇到过这样的场景 在本地测试开发 vue 组件的时候非常顺畅 一上生产环境,客户说数据展示错误,样式不对... 但是你在本地测试了几次,都难以复现 定位方向 这时候作为老 vuer,自然就想到了 vue devtools 但是新问题又来了,线上环境我们如何开
阅读全文
摘要:一、vueuse/motion是什么? 简单来说,vueuse/motion 是专为Vue 3设计的动画库,主打“声明式动画”和“手势驱动”两大核心功能。它通过极简的API,让你用几行代码就能实现复杂的动画效果,比如元素淡入淡出、滑动旋转,甚至还能根据鼠标滚动、点击手势触发动态效果。 举个例子,你希
阅读全文
摘要:转自:web前端智汇堂 作为前端开发者或学习者,你是否曾为手写各种动画而烦恼不已?复杂的动画效果往往需要大量的代码编写和调试,耗费我们许多时间和精力。今天,我要给大家分享一个宝藏网页,它将彻底解决我们的困扰! 这个神奇的网页提供了一系列 CSS3 动画代码片段,涵盖了各种各样丰富的动画效果,分类清晰
阅读全文
摘要:在当今数字化时代,表情符号已成为人们在线交流不可或缺的一部分。无论是社交媒体、即时通讯还是各种应用程序,表情符号都能以简洁生动的方式传达情感、态度和信息。对于前端开发者而言,巧妙运用表情符号能够为项目增添独特魅力与强大功能。正好今天在摸鱼的时候发现了一个很不错的 Emoji 网站,咱们就一同探索如何
阅读全文
摘要:转自公众号:web前端智汇堂 解锁100+套大数据可视化模板,开启数据洞察之旅 在当今数字化时代,数据已成为企业决策、业务优化和创新发展的关键驱动力。如何将海量、复杂的数据转化为直观、易懂的可视化形式,为企业提供清晰的数据洞察,成为众多企业面临的挑战。今天,我们要向大家介绍一个宝藏资源——https
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/nPtPHhS8ffQWCYpRwnWpCA 探索 Vue 宝藏资源站:助力高效开发 在前端开发的浩瀚星空中,Vue.js 无疑是一颗璀璨的明星。今天,要给大家分享一个超棒的 Vue 资源站:http://vue.easydo.work
阅读全文
摘要:转自:掘金 - 前端老干部 分享一些日常工作中比较实用的软件和网站,这些网站你平时工作中大概率是会用到的,感觉不错的话可以点赞和再看呗🤪🤪 1. GitHub Desktop https://desktop.github.com/ 对于新手来说,要记住那么多git命令可能有点困难,建议新手用gi
阅读全文
摘要:转载公众号:web前端智汇堂 作者:Aplee https://juejin.cn/post/7369505226921738278 在 JavaScript 中,使用 debugger 关键字可以在代码执行到该位置时触发断点调试。这可以帮助开发人员进行代码调试和排错。然而,有些网站开发者可能会故意
阅读全文
摘要:Vite 是一个现代前端构建工具,它提供了极速的开发服务器和高效的构建机制。本文分享了一些常用的 Vite 配置技巧,可以帮助你更好地定制和优化你的项目 一、基础配置 项目根目录使用 root 配置项来指定项目的根目录。默认情况下,Vite 会将当前工作目录作为项目的根目录。但在一些复杂的项目结构中
阅读全文
摘要:在很长一段时间里,Vue 的生态中缺少一个好用的动画库。前段时间,热门 React 动画库 Motion 宣布进行拆分,其不再局限于 React 项目,而提供了原生 JavaScript API,使得所有 JavaScript 项目都能轻松使用。unovue 基于 Motion 开发了 Motion
阅读全文
摘要:1)图标: https://icones.js.org/ https://css.gg/ https://www.iconfont.cn/ 2)原型设计平台:https://github.com/GrapesJS/grapesjshttps://grapesjs.com/demo.html
阅读全文
摘要:https://www.cnblogs.com/coco1s,公众号《iCSS前端趣闻》
阅读全文
摘要:Napkin AI 是一款创新的视觉 AI 工具,专为将文本内容高效转化为视觉图像而设计。它通过直接从文本生成图表、流程图和图像,极大地简化了视觉化过程,节省了时间和精力。 核心功能 • 直接生成:用户只需粘贴文本,点击生成按钮,即可获得与文本内容相关的视觉图像。 • 全面编辑:生成的图像完全可编辑
阅读全文
摘要:EChart 资源 Vue-EChart 不想封装 Echart, 可以选用这种方案。 Vue-ECharts 是一个 Vue 组件,旨在简化在 Vue 应用中集成 ECharts 的过程。它封装了 ECharts 的初始化和使用逻辑,用户只需要在 Vue 模板中添加组件并传递相应的 props,即
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/N8I7CFybCTrNlO_hfZ-kOw 不管你是平时要自己做博客网站、写文章,还是独立开发一些产品,基本上会用到,哪怕是写 PPT ,也是会用到的。 有同学说 icon 还是太少了,这不今天又来了一批,全部都是免费且可商用的。 R
阅读全文
摘要:https://www.isqqw.com/echarts-doc/zh/option.html#title https://echarts.apache.org/examples/zh/index.html https://echarts.zhangmuchen.top/#/indexhttps:
阅读全文
摘要:一、前言 ❝ 本文将介绍 WebSocket 的封装,比如:心跳机制,重连和一些问题如何去处理 ❞ 二、背景 之前,钱包相关的查询,我们是使用的轮询方案来做的,后来更新了一次需求,需要做一些实时数据统计的更新,然后顺带给钱包的余额也用长连接来做了,好,那么故事就开始了... 某天, 「老板:」 我钱
阅读全文
摘要:前言 当你想要吸引用户的注意力,动画是一个强大的工具。Animate.css是一个功能丰富的库,用于在网页上快速轻松地添加动画。无需深入JavaScript或复杂的CSS,你可以给元素添加预设的动画效果。本文将指导你如何使用Animate.css为你的网站增添活力。 使用教程 第一步:引入Anima
阅读全文