前端

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

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

在vue3中(vite)引入unocss,安装配置unocss

前言: 不了解unocss的朋友,建议先阅读此文章 简单来说,unocss是一个css引擎,用过Tailwind CSS和windi CSS的不会陌生,不一样的是,unocss本身不提供任何类名css,它只是解决Tailwind以及windi的编译和打包的某些问题,也就是它可以配合Tailwind或者wi

Neo4j的图可视化

有三种类型 可直连接的库 无直连接的库 面向非开发者的独立产品 可直连接的库 包括 Neovis.js(Neo4j Lab 官方出品), Popoto.js(基于 D3.js). 它们都能够直接连接 Neo4j 数据库, 无需其它后端支持。 无直连接的库 不能直接操作 Neo4j 数据库,需要通过 API 做数据转换。 常见的库有 D3.js, Vis.js, Sigma.js, Vivag

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

前端面试时被问到项目中的难点和解决方案

前端面试中,一定都会被问过项目中的难点,但是很多人都答不出来。为了让大家接下来的面试中有充足的准备,给大家整理了一些有难度又高频的面试题,希望你们求职顺利。 我们先来汇总JavaScript的笔试题: (1)介绍一下JS的基本数据类型: Undefined、Null、Boolean、Number、String (2)介绍一下JS有哪些内置对象: Object 是 JavaScrip

从vw/vh到clamp(),前端响应式设计的痛点与进化

目录从vw/vh到clamp(),前端响应式设计的痛点与进化一、原生响应式设计的痛点1、使用 vw/vh/% 的蜜月期与矛盾点2、以 px+@media 为主轴实现多端样式兼容二、clamp():响应式设计的新思路1、clamp() 是什么?2、优势分析三、实际应用场景示例1、标题文字大小2、布局容器宽度3、按钮与间距4、配合calc()实

Vue3.0 | vue3的新特性

Vue3的变化 官网地址: 一、对比vue2的变化 1.优点 vue3支持vue2的大多数特性,实现对vue2的兼容 vue3对比vue2具有明显的性能提升 打包大小减少41% 初次渲染快55%,更新快133% 内存使用减少54% 更好的支持TypeScript 使用Prox

Spring Boot Banner

本文源码仓库地址:Gitee 一、前言在日常开发中,我们经常会看到各种各样的启动画面。例如以下几种: Spring Boot项目启动 MyBatis-Plus启动 RuoYi项目启动 这些好看的启动画面叫什么?又是如何制作的呢?请往下看。 二、SpringBoot Banner (一)概述

Windows 搭建 Gitea

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

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

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