前端学习师

使用CSS3与vue2，共同打造卡片悬浮、发光与过渡交互的炫酷效果，来实现一个快捷功能入口案例！实战demo希望对jym有所帮助！...

前言：一个真实的面试场景 "请谈谈你的组件封装经验。"当面试官抛出这个问题时，你是否能清晰地阐述完整的组件设计方法论？本文将结合笔者在大型项目中的实战经验，深入剖析组件封装...

路径概览对比表 序号 路径名称 入手难度 技术成熟度 可落地性 01 表单智能化 ⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐ 02 Prompt to UI ⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐ 03 文...

一、前端组件的分类 前端组件可以按照 功能、用途、通用性 等不同维度进行分类，主要包括以下几类： 1. 按功能分类 展示型组件（UI 组件） 只负责 UI 视图渲染，不涉及...

封装组件不是终点，错误的封装反而会引入混乱。本文结合真实项目经验，剖析中后台开发中常见的“伪封装”陷阱，强调职责边界、组合思维与配置驱动的重要性，帮助前端工程师从“写完页面...

本项目技术栈vite5、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也...

回顾上文，我们已全方位洞悉搭建 Vue 组件库所需的技术选型，也透彻明晰后续搭建步骤的整体规划。此刻，我们即将正式踏入实战的首站 —— 环境搭建，让我们一同深入探索，解锁其...

微信里的@功能大家应该都用过了吧，那么有没有想过它是怎么实现的呢？今天我们就一起来简单实现一个带@功能的输入框组件。...

只有内部组件库，AI如何帮你实现效率加倍 😍 首先提出问题，然后提供了两种方式去实现AI帮助我们用组件库开发时提高效率...

现状 下图是一个1920*1080的大屏示意图 使用常规的缩放方法，让大屏在窗口内最大化显示。大屏在不同的窗口中出现了空白区域，并没有充满整个屏幕。 新的方法  在缩放的基...

Art Design Pro，Vue3 + TypeScript 锻造的开源后台神器，专灭丑 UI 和 CRUD 噩梦！界面美到炸裂，交互丝滑如恋爱，模块化省 80% 代码...

线上演示地址：wujie-app 源码地址：https://github.com/Jiang-K-J/micro-app?tab=readme-ov-file （如果觉您得...

7月20号，uniapp 官网“悄咪咪”的上线了 uniapp 开发鸿蒙应用 的文档，算是正式开启了 Vue3 + uniapp 开发鸿蒙应用 的时代！...

@TOC 效果演示 步骤一：实现整体框架 步骤二：实现样式 1、底部容器设置定位，按钮和文本容器利用z-index设计容器层级，并使按钮定位在右下角； 2、设置 ==高度=...

wc!!!你不会还在用flex布局吧，都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮...

一、什么情况下需要做token刷新？ 背景：单点登录使用token方案 在单点登录情况下，使用token做权限验证，可以减轻服务器的压力。使用两个token，accessT...

什么是 sse  SSE是一种允许服务器向客户端单向发送数据的技术。 和 websocket 不同 ，websocket 是客户端和服务器可以双向发送数据，sse 技术常用...

在Vue3物联网项目中，通过业务定制Hooks可大幅提升开发效率。以下是针对物联网场景的核心Hooks设计与实践方案： 一、设备管理类Hooks 1. useDeviceS...

聚焦前端性能优化，阐述将性能测试集成到 CI 的方法，从代码、图片、资源等方面说明优化策略，探讨 HTTP 协议及传统优化策略的转变，强调优化需依据合理标准并考量 ROI。...

简易版效果图： 数据格式为： 颜色校验格式为： 计算当前月的展示日期数据为： 源代码： 使用的ai：文心一言 操作步骤： 1：截图效果图，让它生成1.0版本代码 2：代码跑...