言木心

D2C 是指 Design to Code，设计稿转代码，输入是 sketch、figma、PSD 等设计稿，输出是 vue、react、小程序等各平台的前端代码。 对前端...

本文介绍如何在 Cursor 中搭建 MCP 服务，利用 AI 将 Figma 设计转为代码。通过 Figma-Context-MCP 库和 Figma API，开发者可部...

朋友发给我一个开源项目 https://github.com/GLips/Figma-Context-MCP 是一个 Figma 的 MCP 服务。 MCP 是最近比较火的...

笔者来自网易云音乐-公共技术部，目前是云音乐设计中台的技术负责人。从 2021 年 7 月入职网易到现在，一直在「前端与设计协同」领域里探索和实践，本文将从问题出发，详细介...

本文从 UI 研发的痛点出发，谈一谈网易云音乐在解决 UI 研发效率上的思考和实践，包括「海豹 D2C」产品研发中的方案设计与技术挑战，并介绍如何使用「海豹 D2C」实现高...

前言 本人2年半左右的工作经验，第一份工作是出差比较多（低代码定制化项目，政府、军工、工业等）+ 低代码，第二份是教育行业 Saas 后台和h5相关，干了半年多被裁员了。 ...

使用defineModel时，为什么子组件内没有任何关于props的定义和emit事件触发的代码？修改defineModel返回值会修改父组件上绑定的变量，这是否破坏了vu...

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等...

目前也用无界微前端很长时间了，但是在这段过程也遇到了很多问题，甚至有些就是无界目前解决不了的问题，所以希望大家今后遇到了也能提前避免...

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base6...

如何通过AI来提高开发效率，我想到可以利用AI来帮助开发人员完成一些重复性和耗时的工作，比如使用AI来进行代码审查。AI 可以以最快的时间扫描代码，发现可能存在的漏洞和缺陷...

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack ...

前端发展到了今天，web应用越来越复杂和庞大，前端技术迅猛发展，各路大神各显神通，多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现，这些都极大地提高了我们的开...

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家...

Project Manager Project Manager 是一个项目管理插件，可以帮助你更轻松的管理和组织项目。如果你有过同时开发多个项目的经历，一定会体会过在不同项...

如果你是一名前端开发，那么你多少有了解过requestAnimationFrame吧？其实它能应用的场景非常多，让我们一起看看吧...

通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。...

vscode 卡到怀疑人生，ts瞎报错，代码提示出不来，主题颜色乱七八糟。 Vue - Official 卡顿问题...

SDK 的全称是 Software Development Kit，翻译过来是软件开发工具包，这是一种被用来辅助开发某类软件而编写的特定软件包，其主要是为宿主系统提供服务的...