前端小萌新第8143号

最近搞了个数据可视化大屏项目，可视化大屏项目一般都是交互性比较少，图表一般加自动轮播。所以跟大家分享一下我的实现方案步骤：1、封装自动轮播函数，添加到vue实例原型上，以便...

从基础样式调整到进阶动态效果，分享饼图阴影、扇区间距、数据标签优化方法，让图表兼具美感与信息传达力。...

调用简单，传入Excle文件即可，支持后台返回或本地上传。功能包含页面渲染Excle，表格公式计算、小数点精度处理、夸表调用数据、空行兼容处理、行列合并、公式标记、样式美化...

本文讲述了一个时间轴实现的核心原理，分钟级高精度、状态条基于百分比的精确定位、刻度线和时间标签自适应容器宽度...

引言 在微信小程序的开发中，头部导航栏是每个应用的核心UI组件之一。一个设计良好的导航栏能够提升用户体验，使得页面更加清晰易懂。然而，在微信小程序中，默认的导航栏样式有时无...

今 天 来 实 现 一 个 可 翻 页 的 笔 记 本 📖 📚 ~ ~...

2025最新版uni-app+vue3+pinia2+uv-ui+nvue搭建小视频+聊天+直播于一体的商城app系统。支持编译运行到web+小程序端+app端。...

写了这么多年CSS，我发现有个现象很有意思：有些我们每天都在用的属性，我们以为自己很熟，但其实可能只用了它10%的功能。background-image就是最典型的一个。 ...

Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光...

1 前言 近日，后端拿着电脑来与我说：“那个代理商反馈这个pdf看图大文件放大还是有些卡，说是放大到200%以上卡顿更明显”；我一想，不可能啊，我上次不是优化过了吗，怎么还...

随着大数据可视化、数字孪生、智慧城市等业务场景的普及，大屏开发已成为前端工程师的必备技能之一。然而，不同于传统 Web 页面，大屏项目常常需要在各种尺寸和分辨率的显示设备上...

背景 某一天早上，主管说今天能不能搞下大文件上传，紧急支持一下 我心想，哇趣，根本没做过呀，虽然文章很多是了，但没法子拒绝，那天就只有我1个前端在公司上班，于是只能硬着头皮...

Echarts-知识图谱 demo地址 打开CodePen 效果 思路 核心代码 定义节点配置 创建节点位置 创建子节点位置 创建节点和链接 初始化 完整代码...

vue中使用turn.js 利用官方网站下载源码，使用源码，需要先在webpack引入jquery.........

使用 turn.js 可以实现仿真翻书的效果。turn.js 是一个开源的 JavaScript 库，它提供了一种简单的方式来创建具有翻书效果的网页。...

Flipbook-vue 是一个Viewer 组件库，允许您在图像之间切换，就像在翻书一样。两对图像表示为一页，实现了像书一样的页面结构。可以放大图片，并且可以更改翻页的方...

1. 安装 flipbook-vue 2. 引入组件 3. 组件参数 pages 展示图片的数组 (必传) click-to-zoom 是否点击放大 默认为true glo...

今天我们使用 Vue3-PDFJS 插件来实现 Vue3 版本的 PDF 文件在线预览功能，欢迎各位批评指正。...

下拉选择器中有2w+条数据，而且随着时间的推移，数据量还在增加，导致点击选择器之后页面会卡死，提供三种解决方案...

首先先看下我实现的效果： 地址： http://123vwu.com/ 使用turn.js 实现了一个答案之书的翻书动画效果。 安装依赖 首先，确保您的项目中已经安装了 j...