gnip

问题 npm run serve的时候或者npm run build的时候，编辑器憋了一会后爆出来一堆这个东西： 这是从网上找的一个内存溢出的例子，我自己的被修复了，无法复...

概述 虽然docker运维层面可能用的多一些，由于时不时会用到docker做一些自动化CI/CD、并发执行脚本等操作，还是很重要的，对于日常开发能大幅提高开发效率，记录下常...

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？...

相信不少前端同学对 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节点之间传播的路径。这个过...