前端

1. 首页
2. IT互联网
3. 前端

玩转ClaudeCode：使用Figma-MCP编写前端代码1:1还原UI设计图

目录本轮目标具体实践一、开启 Figma 的 MCP 服务器二、Claude Code 连接 Figma MCP三、Claude Code 代码实现 Figma 设计稿本轮目标本轮目标是制作数字化大屏的一个前端组件，要求和UI设计图还原度达到1:1。本轮目标需要我们提前准备好figma客户端，且登录帐号具有开发模式的权限（没有可以去某夕）

前端 2025年08月29日 189 点赞 0 评论 10477 浏览

在 Vue3 中使用 Mammoth.js（在 Web 应用中预览 Word 文档）的详解、常见场景、常见问题及最佳解决方案的综合指南

一、Mammoth.js 简介与核心功能Mammoth.js 是一个专用于将 .docx 文档转换为 HTML 的库，适用于在 Web 应用中预览 Word 文档。其核心特点包括： 语义化转换：基于文档样式（如标题、段落）生成简洁的 HTML 结构，忽略复杂样式（如居中、首行缩进）。 轻量高效：适用于需要快速预览文档内容的场景，如后台管理系统、教育平台等。 浏览器端支持：可直接在前端

前端 2025年04月25日 128 点赞 0 评论 10466 浏览

redux

1.先创建count和person两个组件 2.创建count的store相关的文件夹。 store/modules/count 1.constant.js 2.createActions.js 3.index.js 4.reducer.js index.js import { legacy_createStore as createStore } from "redux"; import co

前端 2024年11月11日 194 点赞 0 评论 10456 浏览

Vue3 使用 Event Bus

本文已整理到 Github，地址 👉 blog。 如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。 在 Vue2 中，创建 Event Bus 如下： export const bus = new Vue() bus.$on(...) bus.$emit(...) 在 V

前端 2025年06月16日 149 点赞 0 评论 10415 浏览

Windows 搭建 Gitea

一、准备工作1. 安装 Git：Gitea 依赖 Git 进行代码管理，所以首先需要确保系统中安装了 Git。下载地址： 安装数据库（可选）默认情况下，Gitea 使用 SQLite 作为内置的轻量级数据库，但如果需要&#xff0c

前端 2025年04月17日 107 点赞 0 评论 10410 浏览

前端实用网站

前端查询网站 npm官网： MDN官网： w3c在线教程： w3菜鸟教程： JavaScript明星项目：https:

前端 2025年08月11日 149 点赞 0 评论 10361 浏览

前端流式输出实现详解：从原理到实践

前端流式输出实现详解：从原理到实践 前言 一、流式输出核心原理 1.1 什么是流式输出？ 1.2 技术优势对比 1.3 关键技术支撑 二、原生JavaScript实现方案 2.1 使用Fetch API流式处理 关键点解析： 2.2 处理SSE（Server-Sent Events&#xff09

前端 2025年04月25日 173 点赞 0 评论 10342 浏览

Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目

根据登录用户的角色，生成路由后addRoute、生成菜单栏基本思路：     1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中；     2. 接着携带拿到的token请求后端 userInfo 接口，获得用户基本信息及角色role；     3. 前端维护路由表，除了不需要权限限定的页面外其余每个路由添加met

前端 2025年05月27日 151 点赞 0 评论 10325 浏览

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。 作用：组件的占位符 is的值表示要渲染的组件 示例代码如下： Left.vue的代码 <template> <div class="box">这是左边的组件</div>

前端 2025年05月07日 34 点赞 0 评论 10320 浏览

vue 函数化组件

Vue.js提供了一个functional的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。 使用函数化组件时，Render函数提供了第二个参数context来提供临时上下文。组件需要的data、props、slots、children、parent都是通过这个上

前端 2025年05月12日 34 点赞 0 评论 10318 浏览