赵小磊

滚动条的出现有时会引起页面布局的抖动，尤其是当页面从有滚动条到无滚动条（或反之）状态切换时。这种布局抖动会影响用户体验，尤其是在进行页面导航或动态内容加载时。幸运的是，有几...

Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Wo...

浅谈前端曝光率高的九大设计模式。分别从创建型：构造器模式、共产模式、单例模式；结构型：适配器模式、装饰器模式、代理模式；行为型：观察者模式、模板模式、命令模式...

CSS attr函数相信大家都用过了吧，通常会配合伪元素content动态生成内容，不过，之前仅仅支持字符串形式，对于数字、颜色等都无法识别。现在，`CSS attr`迎来...

本文将详细介绍如何使用Vue3实现移动端流畅的划屏交互效果。我们将深入探讨触摸事件处理、页面动态切换和动画优化的完整实现方案。文章将重点解析三个关键方法：handleTou...

为什么是独立开发 为什么我要将技术的选型仅仅局限在独立开发上呢？因为如果我们不是独立开发，而是替公司或者客户开发的话，个人觉得技术选型的余地不大，乐趣也不高。...

大家好，我是一名前端开发工程师，属于是没有赶上互联网红利，但赶上了房价飞涨时代的 95 后社畜。2024 年 3 月份我做了个决定，即使已经失业半年、负收入 10w+ 的如...

31 岁，写了 8 年代码的我，终于懂了啥叫成功 现在每天下午六点，我准时关了 IDEA，开车穿过 4 公里的晚高峰，20 分钟就到小区。 一、去年那个手忙脚乱的夏天，我差...

大家好。今天简单介绍下alpine.js的使用和原理。 此前刚接触了tailwindcss并写了篇文章做了简单介绍。而alpine.js的标语则是“像写tailwindcs...

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

起因 最近在学习SVG滤镜相关的知识，也在网上看到了很多酷炫的效果，本次给大家带来一个自己学习总结的模拟风的效果~ 如果对SVG滤镜感兴趣的朋友可以也去看看我之前的相关内容...

在前端开发的世界里，我们常常听到一句话：“这效果实现不了？上JS啊！” 于是，为了一个简单的Tabs切换、一个元素的显隐，我们可能就引入了一个库，或者手写了一段DOM操作。...

通常我们都想开发一个全栈的项目，例如一个个人的技术博客等等，但是有可能受限于不会后端语言，也不懂数据库这些的操作，所以也就只能想想了。 Prisma 和 Next.js 的...

前端框架中，信号（Signals）正变得越来越流行。从 Angular 到 Solid、Preact，几乎所有主流框架都在使用信号，本文简单解释它是什么...

我们做前端的，为了让网站在不同设备上都好看，天天都在和“响应式”打交道。其中最常见的一个场景，就是处理字体大小。 通常，我们是这么做的： 这套代码能用，但它有一个问题：字体...

从0.5px边框、小字体限制到刘海屏定位错位，提供transform缩放、JS动态计算、自定义字体等实战解决方案，彻底解决安卓/iOS兼容性问题，让页面精准适配所有机型！...

今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello wor...

技术应该不断迭代向前进，追求更高、更快、更强，对开发者更加友好。但软件、框架新版本发布很难再令人心动，一是因为平时工作用不到哇，二是开发者只给只给文字描述不给演示案例啊喂，...

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

前言 通过本文的学习,你将会学到 认识并学习css属性clip-path的一些用法 搭配使用JS在网站上创建好玩的交互效果 Clip-path 认识 1. 介绍 clip-...