前端

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 评论 11674 浏览

Windows 搭建 Gitea

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

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

微前端解决方案-qiankun实战及部署

先来张图片压压惊 image.png 在线demo：wzs.bengdada.com/ 单独访问在线子应用： subapp/micro-react subapp/micro-vue2 subapp/micro-vue3 一.导读 1.什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值：

前端 2025年06月10日 124 点赞 0 评论 11644 浏览

iOS 组件化(二) - 远程/本地管理私有库

iOS 组件化(一) - CocoaPods原理理论篇 iOS 组件化(二) - 远程/本地管理私有库 iOS 组件化(三) - 组件化工程介绍 一、前言 1.了解组件化 组件化就是将单一工程的项目按照功能职责或者业务职责划分成一个一个模块，模块间解耦调用。 2.组件化解决耦合问题 当一个项目开发初期的时候，开发人员较少，业务较为简单，此时采用单一工程开发的模式,能保证开发效率。当项目越来越大，开

前端 2025年09月02日 136 点赞 0 评论 11611 浏览

Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR

简介 Sword：一个可以给 Kotlin 函数增加代理的第三方库，基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程，如何使用 Sword 以及如何通过 KSP 为 InvocationHandler

前端 2025年05月24日 152 点赞 0 评论 11606 浏览

Vue中computed与method的区别

两者间区别： 1、computed 会基于响应数据缓存，在值不变的情况下不会再次计算，而是直接使用缓存中的值；methods不会缓存，调用相同的值计算还是会重新计算； 2、diff之前先看data里的数据是否发生变化，如果没有变化computed的方法不会执行，但methods里的方法会执行 3、computed是属性调用，不需要加括号。而methods是函数调用，必须要函数执行才可以得到结果。

前端 2024年11月07日 150 点赞 0 评论 11605 浏览

webpack常用loader和plugin

Loader 简介 webpack中提供了一种处理多种文件格式的机制，这便是Loader，我们可以把Loader当成一个转换器，它可以将某种格式的文件转换成Wwebpack支持打包的模块。 在Webpack中，一切皆模块，我们常见的Javascript、CSS、Less、Typescript、Jsx、图片等文件都是模块，不同模块的加载是通过模块加载器来统一管理的，当我们需要使用不同的 Loader

前端 2025年06月22日 31 点赞 0 评论 11569 浏览

Flutter for OpenHarmony: Flutter 三方库 flutter_cors 应对鸿蒙 Web 与混合开发中的跨域挑战（网络兼容方案）

欢迎加入开源鸿蒙跨平台社区：# 前言在进行 OpenHarmony 的跨平台开发时，我们不仅开发原生 HAP，有时也会涉及 Flutter Web 或是在鸿蒙端侧运行 Webview 混合应用。这时，一个经典的“拦路虎”就会出现：CORS (跨源资源共享) 限制。当你的 Web 端尝试访问一个未配置跨域头部的后端 API 时&#

前端 2026年03月24日 44 点赞 0 评论 11548 浏览

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

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

前端 2025年11月19日 99 点赞 0 评论 11525 浏览

《前端图片优化：这 6 个技巧让页面加载快一倍》

前端图片优化：这6个技巧让页面加载快一倍在现代网页开发中，图片往往是页面加载速度的瓶颈，占用大量带宽并影响用户体验。优化图片不仅能显著提升加载速度（例如减少加载时间高达50%），还能节省服务器资源。本文将介绍6个实用技巧，帮助您将页面加载速度提升一倍。每个技巧都基于真实可靠的前端最佳实践&#xff0c

前端 2025年12月27日 120 点赞 0 评论 11525 浏览