2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

hi, 大家好, 我是徐小夕. 今天又到了我们的开源时间, 也是今年最后一个开源项目——软件导航. 为什么要做这个项目呢? 因为今年有太多的技术更新了, 比如antd5.0 发布, umi4.0 发布

之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。

前言 文字特效设计一直是困扰 Web 前端 Css 世界多年的问题, 比如如何用纯 Css 实现文字描边, 渐变, 阴影等, 由于受限于浏览器兼容性的问题, 我们不得不使用其他替代方案来实现. 平时工

前言 白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有

CSS 中有一个非常有意思的模块 -- motion path。本文将对 motion path 一探究竟，通过本文，你可以了解到如何使用 motion path 实现简单、复杂的路径动画！

近期，电商直播业务热火朝天，直播间有一个很重要的互动：点赞。 点赞动画图片大小不一，运动轨迹也是随机的。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候，逐渐缩小并消失。 收到大量的点赞请求的时候，点赞动画不扎堆，井然有序持续出现。 刚接到这个需求的时候，考虑过CSS 动画…

1. 背景 上一篇文章《小程序静默登录方案设计》提到过，小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 即「静默登录」，通过调用 wx.login 获取到 code ，将其发送到开发者后端，开发者后端通过接口去微信后端换取到 …

1. 什么是 Canvas？ Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来