gnip

概述 项目有时候需要用到地图相关的功能，常见的可以接入高德、百度、腾讯这些，总体来说，大体的接入方式差不多，以下通过高德地图接入项目做一期示例。 效果示例 准备 成为开发者...

概述 树组件在企业有多常用我就不用说了，特别是做管理系统相关的，如果能够将组件库的树组件经过二次高度封装后，其他地方类似就不用重复自己去写一遍，其实一个公共树组件封装得很完...

概述 目前在前端领域最流行的包管理工具包含了 npm、yarn、pnpm，其中 pnpm 的优势越来越越明显，它通过软硬链接依赖的方式实现了快速安装，当下各种类库、组件库的...

概述 目前的工程化前端项目中，不可缺少需要配置环境相关信息，根据环境区分，使用什么变量内容等。 .env 文件在我们项目中非常常见，在 vue-cli 、 create-r...

概述 在目前工程化项目中，项目上线必定经过代码编写---》打包---》部署的流程，如果没有一个自动化部署的方案，按照传统项目开发方式，我们只有每次项目开发完后，手动打包项目...

概述 在工程化项目中，Vite 和 Webpack 作为当前最流行的两大构建工具，它们在打包输出目录结构的配置上各有特点，webpack和vite默认打包构建的输出目录结构...

概述 用户在访问单页面网站时，如果生产环境已经发布了新的版本（有功能上的变化），由于单页面中路由特性或浏览器缓存的原因，并不会重新加载前端资源，此时用户浏览器所并非加载是最...

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

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

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

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

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

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

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

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

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

概述 众所周知，js里面是没有函数重载这一说的，主要有如下的几个原因： 1. 动态类型语言特性 JavaScript 是一种动态类型语言，函数的参数在定义时不需要指定类型。...

概述 实现现实生活中的交通信号灯的切换，可能我们第一想法是使用定时器去切换，但是会存在一个问题，凡是使用到计时器的，都是不精准的，单次计时还好，但是会随着时间的推移，误差会...