雨鹤

实现一个4位验证码输入框 ，首先见效果图： 总共分为HTML、CSS、Javascript三个部分 一、HTML部分 布局上我们使用4...

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网...

主要介绍了字体文件压缩的几种工具，如 transfonter、Fontmin。使用Fontmin.otf2ttf()将 otf 文件转为 ttf 文件，使用Fontmin....

我们来聊聊如何集成和配置 Unocss，让你高效写 CSS！掌握它后，你将提升 3 倍的样式开发速度，减少 70% 的 CSS 代码量，轻松实现响应式布局，还能告别 cla...

从实战中提炼的Vue3开发经验与规范要点全解析，愿你我一同进步，一同提升，前进的路上，你我可以成为纯粹的技术爱好者！...

现在图像文件的压缩变得尤为重要。无论是网站优化还是存储管理，减小图像文件体积都能有效提升效率和体验。今天，我们要介绍的开源项目——Pic Smaller，就是一个功能强大且...

一、前言 在前端开发中，用户身份认证通常通过 Token 来实现。然而，Token 的有效期是有限的，过期后用户需要重新登录，这会影响用户体验。为了解决这个问题，Token...

前言: 在源码分析概述中, 我们对源码源码结构进行了分析, 整个vue三大核心系统, 即响应式系统, 渲染系统,编译系统....

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！...

简介 websocket在前端开发中，是一个必须掌握的技术！你可以不用，但必须掌握！ 前几天，就遇到这样一个需求，要求界面的数据通过websocket实时推送，并且必须支持...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

上一篇文章讲到当打开多个内页签页面， keep-alive缓存每个页面，导致内存溢出。顾添加max=10， 在此基础上希望每次关闭内页签页面时，能够手动的清除当前页面的缓存...

借助 navigator.sendBeacon、fetch keepalive 实现页面关闭时发送数据到服务器。在一些需求背景下，我们需要在页面销毁（关闭/刷新）时将数据同...

一直觉得网易云音乐的用户体验是很不错的，很早就注意到了里面的鲸鱼音效，如下图，就是一个环形的跟着音乐节拍跳动的特效。 其实这类动效原理并不复杂，你需要一堆数据来表述每一块的...