爆炒芋头

在 Flex 布局中，文字省略常常因为父层默认的 min-width: auto 而失效。只需在包裹文字的 Flex 容器上添加 min-width: 0，即可让内部内容根...

前端还原页面你肯定干过吧？像仿 xxx 首页那种。收素材时最烦的就是一张张存图，慢不说还老漏，跟我用 10 分钟做个小工具，点一下，整页图片全下到本地...

在现代前端开发中，我们常常需要获取当前线上环境的代码构建信息，如项目打包人、打包时间、Git版本信息等。在持续集成/持续交付（CI/CD）流水线中，这类信息尤其重要。...

苹果公司官网(apple.com)以其优雅的极简设计、流畅的交互体验和卓越的性能表现闻名于世。本文将深入解析苹果官网前端实现的技术亮点，并附上关键技术的示例代码实现。 一、...

本文介绍了使用Node.js和LLM搭建简易AI代码审查系统的方法，包括设计AI应用思路、提示词、NodeJS与LLM结合分析代码、AI Code Review实现步骤、核...

插件用途 大家好，我是石小石！ 相信你一定也遇到过这样的场景：有时候我们想在代码中“夹带一点私货”，比如留下一些自定义信息或标识，如部署文档、关联资料、构建时间等信息，让这...

其实在很早之前，我就有分享过 TresJS 这个库。 但当时的它功能相对单一，支持面也有限，很多想法只能**“浅尝辄止”**，因此关注的人并不算多。 然而，就在前几天，Tr...

interpolate-size 属性 interpolate-size 是 CSS 中的一个属性，用于启用元素大小的动画和过渡，特别是从固定长度（如像素值）到内在大小关键...

为什么关注 Nano banana 模型？ 最近几天，Google 的 Nano banana 模型 刷爆了各大技术社区。本着紧跟技术发展的思路，我们也来探讨一下：这项新模...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

通过TypeScript AST生成前端TypeScript SDK代码，解决了前后端接口对接效率低的问题。工具无侵入性，支持自动生成和分发SDK，简化了前端调用后端接口的...

大家好，我是小杨，一个做了6年前端的老司机。今天想和大家聊聊一个常见但头疼的问题：**如何在不卡死页面的情况下渲染大量数据？** 不知道你有没有遇到过这样的场景：后端一次性...

前言 前几天刷推特，发现尤雨溪转发了一个推特，是 H3 ( Http 简写)，空闲之余，自己根据文档写了一会，没想到这么好用～ 往期精彩推荐 🚀🚀🚀什么？浏览器也能修...

前言 今天继续推荐一些超级好用的 vite 插件! 往期精彩推荐 ⚡️⚡️⚡️ tsdown 推出了 Unbundle 模式，开发更高效！🚀🚀🚀 🚀🚀🚀 尤雨溪...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？...

前端工程化基石：构建工具，构建工具家族图谱🛠️ 前言 为什么市面上已经有这么多构建工具了，有 esbuild 、webpack 、rollup 等等等，还有源源不断的构建...

通过顶部贴图、边缘贴图、Canvas贴图和着色器编程这四种方式，我们可以根据实际项目需求选择最合适的实现方案。本文将详细介绍这四种方案的具体实现步骤，包括所需工具、代码示例...