小菜菜程序员

从业务中抽离独立 npm 包，讲述如何设计组件通信方案、数据管理、目录规范方案，优化包的性能，使用 Vite 工具打包发布npm管理...

Vite 以原生 ESM 方式提供源码，使用 esbuild 预构建依赖，将启动速度提高了10-100倍，用 Rollup 打包代码（不排除未来使用 esbuild 打包代...

前言 前一章我们把项目都搭建好了，接下来我们来讲一下库文件的打包问题 库文件打包 我们要打包就要考虑如何兼容多种模块规范 第一，需要考虑的是需要支持哪些模块规范。 目前常见...

页面卡顿是用户在使用过程中经常遇到的一种情况，本文将深入探讨前端监控页面卡顿的有效方法与策略，包括帧率检测、心跳检测、长任务监听、性能监听等，力图为前端开发者提供一套全面且...

大家好，我是风骨，在前端领域能让我们深入探究的方向有很多，比如今天的主题：前端监控。 在大型项目中，前端监控 是不可或缺的一部分。它的优势可以体现在以下场景： 稳定性：尽早...

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

现在市场的用人筛选标准是什么？怎么才算是【亮点】 > 别人想不到的你能想到！ > > 别人做不出来的你能做出来！！ > > 别人能做出来的你做的更好！！!...

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”...

15个冷门原生API大公开！sendBeacon保埋点、IntersectionObserver秒解滚动卡顿、Intl一行代码国际化……无需引库，立省60%代码量，性能直接...

类别 工具/平台名称 主要特点 官网链接 游戏引擎 Unity 适合初学者到专业人士，全面支持2D/3D，资源丰富 https://unity.com/ Unreal En...

背景 S2 是 AntV 在多维交叉分析表格领域的解决方案，主要用于看数分析, S2 采用 canvas 来进行表格绘制 (基于 易用、高效、强大的 2D 可视化渲染引擎 ...

主要内容以协同编辑技术为主，也会谈谈对技术发展的理解。包括协同编辑绵连的问题，一致性算法 OT 和 CRDTs，还有开源协同解决方案：基于OT的 ShareDB 和 基于 ...

思考一下，如果想要实现一个富文本编辑器的的协同编辑，你能想到哪几种方案呢 🐶？ 呼之欲出的方案 直接覆盖 这个是最最简单粗暴的办法.........

一个轻量级的 JavaScript 库，帮你轻松实现 「中文 + 拼音」的模糊搜索，支持全拼、缩写、混合输入，还能定位匹配位置，方便做高亮显示。...

为什么统计资源加载耗时？ (意义) 统计全站资源加载耗时是前端性能优化的一个重要环节，其意义主要体现在以下几个方面： 发现性能瓶颈： 通过监控每个资源的加载时间，可以轻易地...

时隔两年再次更新了，本文主要给大家带来一些我面试的经历和经验，希望对正在求职京东前端岗位的同学有所帮助。我先大致说下面试之前的个人情况：......

在 Electron 应用中实现增量更新客户端是一个常见的需求，尤其是当应用体积较大时，增量更新可以显著减少用户下载更新包的时间。以下是实现增量更新的常见方案和步骤： 1....

一、概念 前端埋点是指在网页或者应用程序中插入特定的代码，用于收集用户的行为数据并发送给服务器进行分析。这些数据可以包括用户的点击、浏览、输入等操作，帮助开发者了解用户的在...

一文速查 TypeScript 基础知识点，字典式速查笔记，以最简明的语言尽可能全面地聚焦基础知识，全文干货！...