gnip

概述 在前端应用中监听网络状态是一个常见的需求，可以用于优化离线体验、提示用户网络变化等。 场景 移动端项目，有大量的图片需要访问，在4g或者wifi的网络状态下做不同的优化 在后台系统访问，有时候会

前言 在现代Web应用开发中，多标签页协作变得越来越常见。用户可能会同时打开应用的多个标签页，而这些标签页之间往往需要进行数据同步或状态共享。本文将全面介绍浏览器环境下实现跨标签页通信的各种方案，分析

概述 在工程化项目当中，有时候我们可能需要在运行时态自动批量处理某个文件夹下的所有文件，比如有个如下功能要做： 在一个有不同模块的多语言文件分割的文件中，需要将moudle文件夹下的多语言模块合并到i

概述 公司网站登录过期时间都通常有长有短（token 过期时间），有的很短（几个小时），但又想让经常活跃的用户不再次登录，于是才有这样需求，避免了用户再次输入账号密码登录。 为什么要专门用一个 ref

概述 前面文章介绍了websocket，sse，轮询这些前后端通讯方案，本期做一期汇总和对比。 短轮询 短轮询（Short Polling）是一种通过定期向服务器发送请求来获取最新数据的实时通讯方法。

概述 继续上一篇的性能优化，结合实际工作，这一篇总结一些关于首页加载和长时间白屏的一些处理方案。 方案 1、路由懒加载 对于现在的SPA 项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有

概述 项目开发中，最好必不可少的一环就是对已上线项目进行优化处理，压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，结合工作中的实践总结，梳理出一些 常规且有效 的性能优化建议。

概述 在项目里面，肯定会遇到元素跳转到可视区的需求，比较常见的就像百度搜索的时候，根据目录节点跳转指定章节到可视区，如下： 实现方案 地址哈希 点击对应元素，直接会在地址栏上拼接上元素hash值 好处

概述 日常开发中，接口数据请求失败是很常见的需求，因此我们有时候可能需要对失败的请求进行重试，提高用户体验。 实现 如下案例通过fetch方法做请求，项目中肯定使用axios居多，思路都是一致的 原理