业务

在前端开发过程中，偶尔会遇到需要存储大量数据在前端的情况。localstorage 单个域名存储大小只有5M，此时 indexedDB 便派上了用场。

前言 上传与下载是每个前端必定会遇到的需求场景，上传我们常用封装好的UI组件，例如Antd的Upload组件，Element的el-upload组件，下载使用同事封装好的hook或者file-save

Cache Storage 是 Web 开发中一个非常强大的工具，主要用于缓存网络资源，从而提高页面二次加载速度。如果对页面首次加载速度优化感兴趣的，可参考我的另一篇文章：[前端进阶] 首屏优化

前言 之前我曾介绍过 2种纯前端检测版本更新提示，主要思路是轮询检测，但有一些缺陷。例如，开多个页面，那么每个页面都会开启轮询，去请求相同接口，比较耗资源。例如，资源更新了，那么每个页面都会有更新弹窗

1. 从本地git账户的配置到GitHub上的配置 2.从工作中基本的使用到增加使用体验的git命令

本文章示例地址：cwjbjy/vite-react-ts-seed at feature/ejs (github.com) 一、EJS EJS（Embedded JavaScript Templ

学会调试线上代码是每个前端都必须学会的技能，本篇将介绍使用两种方式调试线上环境中的代码。 先说说为什么要学会调试线上环境？ 大部分情况下，遇到线上bug时，我们可以在本地启动，然后找到对应模块，

前言 什么是SEO：SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎自然/免费

前言 换肤功能是一项普遍的需求，尤其是在夜晚，用户更倾向于使用暗黑模式。在我负责的公司项目中，每个项目都有换肤功能的需求。 过去，我主要使用 SCSS 变量，并利用其提供的函数，如 @each、map

这里带大家梳理下常用的首屏优化策略 无论你是使用webpack打包，还是vite打包，本文都列举了相关示例，希望对大家有帮助

在单页应用（SPA）项目中，路由的变化并不会导致前端资源的重新加载。然而，当服务端进行了更新，例如接口的字段名或结构发生变化，而前端的静态资源没有同步更新时，可能会导致报错。

1. 整体结构 从上到下分别为 4 个区域： 工具面板：包含录制，刷新页面分析，清除结果等一系列操作 概览面板：高度概括随时间线的变动，包括 CPU，NET 线程面板：例如 Network，Frame

Github Pages是Github公司提供的免费的静态网站托管服务，使用Github Pages可以搭建个人博客或者Github项目使用说明文档。而学会自动部署，可以大大降低时间成本。 一、基本概

1. 前言 瀑布流布局，是一种比较流行的网站页面布局方式。等宽不等高，后面的元素依次添加到前一行最矮的元素下方。例如淘宝，小红书都采用了瀑布流布局，这里放张本示例效果的截图： 2. 核心思想 通过预加

提示：不同类型的项目需要不同的配置文件，这里以基于React-Create-App脚手架搭建的React项目为例。 1. 启动配置 在运行和调试中点击“创建launch.json文件” 选择调试器 W

埋点的目的：收集用户行为，反馈页面功能、活动效果，指明产品优化方向。分为用户行为监控，错误监控，性能监控三大部分

# 一、需求场景 下载服务端大文件资源过慢，页面没有任何显示，体验太差。因此需增加进度条优化显示 # 二、实现原理 1. 发送异步HTTP请求，监听onprogress事件，读取已下载的资源和资源总大

前言 token刷新是前端安全中必要的一部分，本文从后端到前端整个流程介绍如何实现无感刷新token。页面代码亲自实现并跑通，请放心食用。如需源码，请在评论区留言。码字不易，点赞支持！！！

点击地图进入下一个行政区域（从全国到省到市到区），是一个很常见的需求。这里使用高德地图的数据，echarts来实现

前言 多行文本省略并展开收起，这算是很常见的需求了。本文将结合具体的业务详细介绍各种情况下的实现，总有一款适合你的情景 先放其中一个效果图：在表格中需要多行文本展开收起