拖鞋丢你脸上

在使用 pnpm 时，如果你需要为某个依赖包打 patch，可以使用 pnpm 提供的 patch 命令。以下是具体步骤： 1. 使用 pnpm patch 命令 pnpm...

在视频处理应用中，我们经常需要从视频中截取封面图。然而，许多视频的开头几帧是黑屏或低质量帧，直接使用第一帧作为封面往往效果不佳。这就需要我们实现一种智能检测机制，跳过黑帧，...

一个念头的起点 很多人做项目是从任务开始，而我这次，是从一个“哇，这也太可爱了吧”的瞬间起步的。事情的起点很简单：我在某个博客页里无意点击了几下，页面上跳出几个漂浮的爱心，...

原生input标签接收的是value属性，监听的是input或者change事件。那么在原生input上面使用v-model和在组件上面使用有什么区别？...

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

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

🔥通过巧妙的数学算法，将原始宽高比例与固定行高完美结合，再配合智能缩放技术，实现了看似不可能的布局效果！从最简单的div开始，手把手教你掌握这个让同行羡慕的超酷技能！...

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，...

当我们谈论 Vite 的 “快”，很多人会联想到它基于浏览器原生 ESM 的开发模式。但具体到实现层面，Vite 是如何处理模块加载、解析单文件组件的？结合这段简易的 Vi...

利用位运算解决前端项目中用户权限或其它权限的添加、删除、判断、组合等。常用在SaaS系统等项目中，如根据用户权限动态生成路由配置，展示和隐藏按钮等。...

在面试和实际场景中衍生出来的问题 -- 从页面白屏问题排查, 到自定义白屏检测SDK, 进来用一篇文章教会你✌️✨...

附全部源码💥💥💥我们从零开始使用 Vue 3 搭建一个 Monorepo 项目架构，采用 pnpm 作为包管理器 .........

本文涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规...

工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。...

近期项目要求需要前端对我们构建的地理场景MapBox进行录制，因为使用我们编辑器构建的地理场景可以在系统内部进行审阅、浏览、查看等，但依旧需要思考一种前端的解决方案去实现录...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

💡如何让 Vue 支持组件 Namespace 形式调用？ 🧭 背景与痛点 在使用 Vue 的时候，很多初学者会有这样的疑问： 为什么在 React 中可以直接使用 ，...