Composition

动画在前端领域中的作用是提升用户体验、吸引用户注意力。在不同的场景中，我们需要根据动画的特点去选择不同的方式去呈现，演绎最高级的动画就要选择最合适的技术栈。...

还在手动从设计稿提取样式、编写基础代码？试试 Trae IDE 的MCP 功能吧。通过使用 MCP Server - Figma AI Bridge，自动将你的 Figma...

各位打工人请注意！还在为设计稿和代码的 “跨次元转化” 头秃吗？每次从 Figma 扒样式都像在玩 “大家来找茬”，写基础代码堪比手动拓印甲骨文？别急，Trae IDE 带...

作为一名拥有四年前端开发经验的工程师，我主要在互联网 C 端项目工作，常常需要处理金额计算、数据加密、表单校验、时间处理、状态持久化等问题。 在这类项目中，选对工具能大大提...

我经历了两个团队，其中一个采用了微前端架构，一个没有采用前端架构，正是因为我亲身感受过这两种不同的架构模式，所以我对这两种模式有着深切的体会，我想分享一下我们到底需不需微前...

本文梳理了图像的五种常见存在形式：网络 URL、本地路径、Base64、Blob、ArrayBuffer，帮你搞清它们的底层机制、适用场景和优劣对比，一文掌握前端图像的“正...

前端生成 PDF 不清晰？文字无法搜索选中编辑？体积太大？分页切割不精准？生成页数太少？dompdf.jsV1.1.0 版本更新后，这些都不在是问题，只需要一行代码，就可以...

本文是关于入坑VSCode的同学，一套舒服的配置和插件介绍。以便更有力的提高开发效率以及开发者的心情。...

从前端到爆点！抖音级 H5 如何炼成？ 在万物互联的时代，H5 页面已成为产品推广的利器。当产品经理丢给你一个“像抖音一样流畅的 H5”任务时，是挑战还是机遇？别慌，今天就...

前言 大家好，我是【小林】 说来有点意思，我的后台私信，最近有点热闹热闹，点开一看，翻来覆去都是同一个问题： “哥们，我一Web前端，能转 RN/Flutter 吗？好转吗...

项目痛点 在管理大型前端项目时，我们面临以下挑战： 多个相关项目分散在不同仓库，依赖管理混乱 公共组件/工具重复开发，代码一致性难以保证 跨项目变更需要同时修改多个仓库...

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线...

📋 目录 什么是 pnpm 和 Monorepo？ 为什么选择 pnpm + Monorepo？ 项目架构设计 从零搭建 Monorepo 项目 工程化配置最佳实践 依赖...

动画是现代前端开发中必备的技能，作为一名 Web开发者，你一定深知动画效果对于用户体验至关重要，甚至能决定其成败。但说实话，从零开始手写自定义动画，那可真是个苦差事。因此 ...

介绍了如何通过编写 BAT 脚本自动化 Vue 项目的打包过程。脚本读取 vue.config.js 配置，执行 npm run build，删除不需要的文件夹，并将最终的...

如果你一直以为addEventListener('click')是在监听鼠标点击，那么这篇文章将彻底改变你对前端事件系统的理解。实际上，点击事件与鼠标硬件没有必然联系，而是...

朋友们，我是小杨！今天咱们来聊聊Webpack配置这个话题。很多人第一次看到webpack.config.js文件时，感觉就像在看天书一样。别担心，今天我就带你从零开始，一...

循环滚动是一个很常见的需求，在前端开发过程中几乎不可避免。先介绍下这个 NPM 包的功能：超大数据流畅滚动；适应变化，始终顺滑；灵活滚动控制；在传统的循环滚动实现中，我们通...

引言：为什么this是JavaScript中最令人困惑的概念？ this关键字是JavaScript中最强大也最令人困惑的特性之一。据统计，超过70%的JavaScript...

Flutter 的渲染原理 Flutter 完全绕过了原生控件和桥接层，自建渲染管线： Widget → Element → RenderObject 三棵树 和React...