单调先生

vite-plugin-svg-icons 已停止维护且存在依赖过时风险，项目将图标方案迁移至 @unocss/preset-icons，实现本地 SVG 图标的规范化管理...

什么是点九图 Android平台里有一种特殊的图片形式，文件扩展名 xxx.9.png，为了方便记忆，所以称其为点九图，英文是 Nine Patch。 应用场景 当我们需要...

现代前端应用逻辑日趋复杂，在平衡性能和数据实效性方面，前端也逐渐开始承担一些责任。 最近我们在项目中就碰到了这样一个场景。我们的项目只是一个非常传统的数据看板类项目，用户打...

详细阐述CSS文字线性渐变最常用的两种方法的具体原理和填坑技巧。详细描述background-clip和-webkit-mask的原理。...

Pixi是一个非常快的2D sprite渲染引擎，帮助显示、动画和管理交互式图形，可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。...

前言 哈喽，大家好，我是海怪。 不知道大家平时写单测时是怎么处理 网络请求 的，可能有的人会说：“把请求函数 Mock ，返回 Mock 结果就行了呀”。 但在真实的测试场...

前言 哈喽，大家好，我是海怪。 相信不少同学在写单测的时候，最大的困扰不是如何写测试代码，而是：“应该测什么？”，“要测多深入”，“哪些不该测”。 最近在给 React 组...

从手势识别开始，到 canvaskit 实现地图引擎，再到 react/vue 组件封装，最后构建出可交互的地图应用。...

背景 在国际化业务中，多语言是开发流程中必须要处理的一环，如何更方便的处理多语言，则是开发中的一个痛点。 痛点 可以看到在业务中，我们通常会使用 i18n 相关库，比如 v...

两周前接到了国际化前端项目的需求。 > 为方便行文，假设我们只需要中英两个版本。 ## 手动替换 起初，我觉得很简单：把所有文本全换成变量，根据配置读取就行了嘛。 幸好产品...

简单实现请求结果统一返回数据格式 前言 在设计路由回调时返回格式时,会考虑到怎么把所有接口的成功和失败怎么统一起来。...

引子 检测一批手机号码是否都符合要求的格式，循环用正则校验，发现无效。去查找了下资料，发现了之前没有注意到地方。 Origin My GitHub 问题 下面是问题重现： ...

注意事项：写法从extend替换成了createApp 阅前须知： vue2 和 vue3 的书写方式有点不一样 vue2 是 extend 去生成实例去挂载， vue3 ...

Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或...

好的设计师往往都是用光高手，能通过复杂的光影向读者传达出物体的质感、空间感以及层次感。不过这可苦了前端同胞们呐。本文会介绍一些用 CSS 绘制的进阶光影效果，帮你扫除用 C...

本文主要提出了常见的chatgpt类型的应用架构，提出里面关键的技术点，ui交互， Prompt Engineering，api接入。更进一步，本文章介绍了接入方式。最后，...

你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，只用了一个img元素和不到20行的CSS技巧实现一个炫酷的头像悬停效果...

Babel 是一个 JavaScript 编译器，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和...

作为前端同学，或多或少都会接到动画需求。目前动画效果越来越酷炫，动画的绘制难度也逐渐增大。在上述两篇文章中都各自讲述了 APNG、Lottie 的原理、优缺点等，今天要讲的...

这是一份即将焕然一新的 cn.vuejs.org的学习笔记，此文附50张脑图，带你一起了解 Vue 3 新文档有哪些新的变化🕵️‍♂️...