阿佛加德奔

本次分享的主要内容包括 Monaco Editor 的基础介绍，自定义语言的语法高亮、代码补全、hover显示等功能，阅读时长大概在20～25分钟左右。...

还记得上次给大家分享过有关认知偏差对设计的影响嘛？ 确认偏差、框架偏差、虚假同感偏差、可得性启发偏差、知识的诅咒偏差、盲点偏差这六个偏差，大家还能记得多少？ 今天要分享给大...

2023 年的一个早晨，你刚到公司座位坐下，PM 扔给了你一个需求，需要编写一个 React 应用，从接口获取一个列表的数据并渲染到页面。身经百战的你打开 Visual S...

近期的工作涉及到了CSR, SSR, SSG，这篇文章旨在总结和归纳这些渲染模式。 SPA、MPA、SSR 和 CSR 这几个词可能在你的工作生涯中经常出现，网上相关文章也...

以前并未注意到表单校验规则的可维护性，哪个组件用到，就在组件内完成即可。直到PM问了我2个问题。。。...

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助...

大家好，我是捡田螺的小男孩。 优雅的代码，犹如亭亭玉立的美女，让人赏心悦目。而糟糕的代码，却犹如屎山，让人避而远之。如何写出优雅的代码，应该都要理解并熟悉应用这6个设计原则...

本文是介绍 Babel 工作原理的入门篇，从 Babel 的使用开始，一步步分析 Babel 转换过程，最后手写实现一个 Babel 插件。...

现在前端项目的开发过程离不开构建工具，面对琳琅满目的构建工具我们该如何选择最合适的是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时...

在Web开发和Node.js中，处理二进制数据是非常重要的。Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二进制数据的三种主要方式。本...

hash通常被作为前端静态资源实现增量更新的方案，通过在文件名中带上一串hash字符串，告诉浏览器该文件是否发生更新，从而决定是否要使用缓存机制。 webpack打包时的h...

chrome 插件 - 插件基本组成结构与介绍 - 基本组成间的通信方式 - 实战！写一个爬虫插件 - 实战！写一个浏览器yarn插件 - 遇到的各种坑 ಥ_ಥ...

网上关于chrome插件开发的教程有不少，可惜都是基于第二版本(manifest V2)，chrome官方在2020年11月就推出第三版(manifest V3)的开发规范...

plugin 的特征 是一个独立的模块。 模块对外暴露一个 js 函数。 函数的原型 (prototype) 上定义了一个注入 compiler 对象的 apply 方法。...

本篇文章详细而又简短的介绍了：一名完全不了解 Docker 前端程序员，将全站 Docker 化的过程。内容主要包含： 而每次我想修改某个网站内容是十分麻烦的。拿大家熟悉的...

其实 Docker 和 k8s 并非直接的竞争对手，它俩相互依存。 Docker 是一个容器化平台，而 k8s 是 Docker 等容器平台的协调器。 虚拟化技术已经走过了...