Life_Live_Love

v-memo、defineOptions、useTemplateRef 等 7 个 Vue 隐藏技巧，让模板更简洁、组件更可控、性能更优，面试答出一条即可加分。...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

两个月前我写了个摸鱼岛摸鱼网站，从 10 个小功能到现在 20～30个功能，少了不了摸鱼岛的用户的支持以及 pr ，大家的开源精神给我摸鱼岛加了很多助力，还被 DeepSe...

作为前端炒粉，面对这个"简单"需求时，我望着Element Plus官方文档陷入了沉思 🤔。el-upload组件虽然能完美处理上传，但原生并不支持已上传图片的拖拽排序。...

3D 是前端的一个重要分支，而 Three.js 是最主流的 3D 渲染框架。 做业务开发的前端，很多都是同质化的 vue、react 项目经验，如果你做过 3D 相关项目...

我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚...

前言 TypeScript 在前端项目中已经是标配，使用 TypeScript 有很多好处，它让 JavaScript 拥有了强大的类型系统。 由于 JavaScript ...

从'跑路程序员'到'摸鱼仙人'！这个黑科技插件让国际化的代码屎山绝境逢生，效率飙升 300%！谁懂啊！...

本篇文章将说明一下手写签名核心的实现思路，真的非常简单！我们只要学会这几个canvas的熟悉就可以轻松实现功能，快来看看吧！...

在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。...

结合现代 CSS 的强大功能，我们实现了一个发光的萤火虫圆点悬停按钮效果。这样的效果不仅提升了视觉吸引力，还增强了用户的交互体验。...

这段代码创建了一个卡片，卡片上有三个波动效果，这些波动效果通过 CSS 的@keyframes 动画实现，创建了一个旋转的动画效果。这种效果适用于创建动态的视觉效果，例如音...

我们来探讨一个前端开发中非常重要的概念——BFC（Block Formatting Context，块级格式化上下文）。让我们一起揭开BFC的神秘面纱吧！...

前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一...

最近没啥事儿干，想着在公司闲着也是闲着，写个轮播图来玩玩儿吧，还没手写过呢，想法有了，再来想想思路，嗯……有几张图片，要知道当前浏览的是哪一个，相邻的之间有个大小透...

前言 平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的 13 个库，希望对大家有帮助～ antd 全称应该是Ant Desig...

使用vue实现了一款带涟漪效果的组件 拆开来分析其实就很简单了如下几步： 点击在容器(容器超出隐藏)位置创建并定位了一个div圆圈。 让这个圆圈已该位置逐渐变大有一个过渡动...

这段代码创建了一个具有 3D 翻转效果的卡片，通过 CSS 技术实现了卡片的翻转效果，为页面添加了视觉吸引力和用户交互体验 演示效果 HTML&CSS HTML 结构 co...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

电商类 H5、小程序把商品加入到购物车时，常常有一个抛物线动画。比如麦当劳小程序，当你点击加购按钮时，会看到有一个小汉堡从卡片汉堡上抛出，然后掉落到购物袋里。本文介绍了这种...