拖鞋丢你脸上

全面掌握 TypeScript 的 tsconfig.json TypeScript 作为 JavaScript 的超集，以其强大的类型系统和现代语言特性受到广大开发者的喜...

最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，翻文献的时候发现国外有大佬做出来了投屏，但是使用的原生html，我将一些使用的关键方法搬到vue项目中了...

HTML5 Canvas 是一个强大的绘图工具，它允许我们在网页上绘制复杂的图形、动画和游戏。然而，Canvas 与 DOM 或 SVG 不同，它本质上是一个“哑”画布，它...

在开发Web应用时，深色模式已成为现代UI设计的标配功能。然而，许多项目在实现主题切换时仅简单改变CSS变量，缺乏平滑的过渡动画，导致用户体验突兀。作为开发者，我们常被期望...

你是否曾想过，除了开发复杂的单页应用（SPA），我们还能用 Vue 做些什么？比如，开发一个像地图 SDK、在线客服或数据统计脚本那样的独立 JS 库？用户只需在页面上引入...

在使用 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 作为包管理器 .........