gnip

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，...

概述 工程化项目中，有时候可能一个项目会有多个路由页面，每次新加路由页面都需要去修改路由配置文件，如果我们可以在约定的目录情况下，自动根据目录结构生成对应的路由结构，就不用...

概述 前端脚本资源加载的时候可能会出错，特别是cdn资源，因此我们可以写一个js资源加载失败的重试机制，根据备用域名依次加载资源，最大程度提高用户体验。 效果 问题点 什么...

我们前端，可能是公司里最卷的岗位之一。天天加班加点，追最新的技术栈，像素级还原设计稿，为了那100毫秒的性能提升死磕到底。 但不知道你有没有过类似的感受：尽管我们做了这么多...

概述 在使用一些AI对话工具的时候，比如gtp的聊天，在内容不断生成过程中，末尾会有光标跟随的特效，标识当前的实时位置，下面我们自己模拟实现一下。 效果 实现思路 首先聊天...

概述 设计模式作为软件工程中解决特定问题的经典方案，虽然设计模式很多，对于前端开发来说，实际业务工程项目中常用的就那么几个，见下。 1. 单例模式 (Singleton P...

概述 在JavaScript中，我们每天都在与各种数据集合打交道——数组、字符串、Map、Set等。而迭代器（Iterator）作为ES6引入的重要特性，为我们提供了一种统...

日常开发中，必定会写很多的事件，对应就会有事件的发布与订阅，比如dom事件监听addEventListener，框架vue中的父子组件通信，事件总线等，都是发布订阅的思想。...

概述 实际项目中，基本上离不开表单，一般都是直接使用组件库form组件进行编写，直接使用对应组件其实也没什么大问题，就是复用起来比较麻烦，每次都需要手动复制一个个的表单it...

概述 Node.js 基于单线程事件循环模型，——当遇到 CPU 密集型任务（如大规模数学计算、图像/视频处理、文件压缩等）时，单个线程会被阻塞，导致整个应用停滞不前，无法...

概述 工程化框架开发项目中，我们会写很多组件，有时候会有如下一个场景：A组件包含B组件，B组件又依赖A组件，形成了循环引用的问题，这样的组件最好在渲染的时候会导致渲染报错。...

概述 可以使用 pnpm 的 monorepo 架构来共享公共组件、方法和第三方依赖，且效果非常好！ 相比传统的 npm 和 yarn，pnpm 在 monorepo 场景...

概述 工程化配置webpack中，在配置loader的时候，会看到能够写链式调用的写法，如下： 这里实现类似链式调用的一个函数功能：有时候可能项目上需要插入多个任务，之间是...

概述 二叉树是最基础并且及其常用的数据结构之一，对于前端开发来说，必须掌握相关概念，下文总结部分和二叉树相关的概念知识。 二叉树节点定义 前序遍历 顺序：根 → 左 → 右...

概述 JavaScript事件流是描述事件在DOM结构中传播过程的机制。 什么是事件流？ 事件流指的是当HTML元素发生某个事件时，该事件在DOM节点之间传播的路径。这个过...

概述 浏览器资源请求的时候，必不可少肯定会对资源进行缓存，这是对性能的一种必不可少的策略，为的就是带给用户更好的用户体验。 缓存 为什么缓存？ 减少网络请求（网络请求不稳定...

概述 在使用javascript编写代码的时候, 我们知道, 声明一个变量用var(早期）, 定义一个函数用function，程序运行经过如下变化。 变量声明提升 首先是用...

概述 js程序执行的时候，必然涉及到执行上下文那么什么叫“执行上下文”呢？ 本文介绍如下 执行上下文的类型 执行上下文特点 执行栈 执行上下文的生命周期 概念 举个例子，生...

概述 项目部署上线后，特别是网页项目，提示正在操作系统的用户去更新版本非常 important。一般我们都会用“刷新大法”来清理缓存，但是对于正在操作网页的用户，不造系统更...

概述 在传统的前端开发中，处理用户文件一直是个棘手的问题。虽然 <input type="file"> 提供了基本的文件选择功能，但当需要处理整个目录结构时，开发者往往需要...