丶最后一支多巴胺

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、...

在现代Web开发中，自定义字体能显著提升用户体验和品牌识别度，本文将系统性地介绍Web字体使用的最佳实践，涵盖格式选择、加载策略、性能优化等各个方面。...

根据语言和字宽的不同，自动选择对应的字体。 一段文本如何使用多个字体？ 一段文本如何根据不同语言使用不同字体？ 不同字宽如何使用不同字体包？ 同一个字体多个字体包怎么办？...

一句css实现字体包按需加载！unicode-range是什么？一看名称，很多小伙伴可能认为是个什么生僻的东西，实际上，这玩意只是名字怪怪的，功能关键时刻还是很管用的。...

Cursor，我所欲也；IDEA，亦我所欲也，二者不可兼得!? NO，我全都要，使用这两个插件，让你在 IDEA 和 Cursor 之间丝滑切换。...

AI 辅助编程最容易出现幻觉和过时信息的问题。AI 可能生成看似合理但实际错误的代码，或使用已废弃的 API 和最佳实践。通过 Cursor 提供的 Rules 功能，可以...

还在为多项目管理头秃、构建慢到抓狂？想让 Turbo 提速 3 倍、pnpm 管依赖如丝顺滑、Monorepo 协作飞起来？本文手把手 0 基础搭建企业级前端架构，揭秘三大...

1. 项目初始化 编辑根目录 package.json： 2. 配置工作空间（workspace） 新建 pnpm-workspace.yaml： 3 创建子项目 3.1 ...

monorepo最佳实践 1. 什么是 Monorepo？ Monorepo（Monolithic Repository）是一种项目管理策略，将多个相关但独立的项目代码存储...

五种自动高度支持过度动画的技巧，其中四种使用css的方式实现，一行代码即可达到想要的效果，总结了这几种方式的优劣。...

用最简单的使用方式，实现大多数类型资源的预览。 一行代码实现预览 是我在公司内搭建的前端组件库中的一个功能。目的是解决预览方式不统一、预览不同类型资源困难、预览实现代码混乱...

前言 今天我们聊聊前端性能优化系列之图片预加载。相信很多小伙伴已经知道图片懒加载是怎么实现的，它的核心思想就是利用占位图这么一个操作，当图片到达视口时，将占位图换成真实的图...

这一节我们要介绍的是 React 项目中的 TypeScript 集成，React 和 TypeScript 能进行非常紧密而自然的协作，毕竟 tsx 文件本质上也是一个 ...

本文是系列第四篇。系列文章： 现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用 现代图片性能优化及体验优化指南 - 响应式图片方案 现代图片性能优...