Fiction

早在 Vue3.3 版本开始，Vue3 开始支持泛型组件。可笔者在写这篇文章的时候，依然发现一些群友在 Vue3 的项目中还没有用上，于是今天出一篇文章，和大家一起交流。 ...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

本文探讨了 devDependencies 实际可能被打包进前端构建产物的问题。通过一个 Vite 项目示例，指出打包工具并不依据依赖类型区分是否打包，而是根据代码引用决定...

MasterGo Magic MCP，它是一项独立的 MCP 服务，旨在将 MasterGo 设计工具与 AI 模型链接起来。它使 AI 驱动的工具能够直接从 Master...

vite项目中自动导入element-plus组件及icon图标实现方法和注意事项：自动导入icon图标的icon,只需要以{prefix}-{collection}-{i...

在当今 AI 飞速发展的时代，大型语言模型 (LLM) 如 Claude、ChatGPT 等已经在代码生成、内容创作等方面展现出惊人的能力。然而，这些强大的模型存在一个明显...

众所周知，正是因为 Claude 3.5 Sonnet 出色的编程能力，让诸如 Cursor、Windsurf 这样的编程工具大放异彩，而 Claude 3.7 Sonne...

某天老板在群里统计大家目前使用的开发工具，我回答说是VS Code，老板再问：“为啥不用Cursor？” 阻拦我尝试Cursor的那个报错 老板的提问是一个引子，解决掉——...

在一次日常站会上，组员们轮流分享昨天的工作进展。一个组员提到：“昨天我整天都在排查一个BUG，今天还得继续。” 出于好奇，我问：“是什么BUG让你排查了这么久还没解决呢？”...

本文实践了Vue3组件二次封装的三个实用技巧:实现双向数据绑定、向子组件传递插槽、获取子组件ref。通过实际代码示例,展示了使用defineModel、h函数和Proxy等...

你是否在烦恼每次新项目来了都需要重复配置（eslint，router，ui库等）？ 你是否想搭建一个属于自己的react-create-app or create-vite...

起因 最近学习如何编写vite插件，于是便想着写一个用于上传项目产物到oss的vite插件。支持自定义实现上传方法。 话不多说，干就干完了。 源码仓库 github 创建项...

在绝大多数情况下，Vue 推荐使用模板语法来创建应用。但也有1%的情况利用函数式组件可以做到更好的代码复用，一起来看看吧！...

前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，...

如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

背景 最近在做产品优化，产品让给表单增加一个功能，就是回车后自动进入下一个表单元素，这样就不用频繁使用鼠标进行切换了，可以大大提升表单输入的流畅性，让用户一路Next。 这...