摘要：
前言 本文主要记录个人在使用 typescript 时的一些用法，介绍 typescript 。建议在阅读前先了解 typescript 的基础语法。 互斥键的类型 在 ts 官网的联合类型文档中有这样一种情况: type Shape = | { kind: "circle"; radius: nu 阅读全文
摘要：
前言 以前学习了算法，但是因为没有记录下来，最近又要重新开始学习了，这次就将我的学习经历汇总成文章，记录下来。 科萨拉朱算法（英语：Kosaraju's algorithm），也被称为科萨拉朱—夏尔算法，是一个在线性时间内寻找一个有向图中的强连通分量的算法。 首先我们需要知道几个概念 有向图 边为有 阅读全文
摘要：
环境搭建 这里先说下我的环境， 这是代码运行的前提。 系统： Mac Monterey 12.6.8 Xcode: 14.2 Python: 3.11.6 （不要使用 2.x 版本！） 建议全程指令都在FQ工具下进行 由源码构建 V8 首先我们需要一个工具 depot_tools 执行指令克隆，这里 阅读全文
摘要：
关于 V8 我想前端从业人员或多或少会听说过这个词，但是他具体是什么， 怎么入门， 怎么学习是一个较高的门槛，本文就 V8 入门，来做一个记录，也方便大家的学习。 V8 是 Google 用 C++ 编写的开源高性能 JavaScript 和 WebAssembly 引擎。它被用于 Chrome 浏 阅读全文
摘要：
微前端简介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端 阅读全文
摘要：
前言 在大型项目中，微前端是一种常见的优化手段，本文就微前端中沙箱的机制及原理，作一下讲解。 首先什么是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can 阅读全文
摘要：
在 `quill.js` 中，扩展性最强大的功能就是插件 本文主要以一个图片扩展的插件来介绍 `quill` 插件开发 在 `quill.js` 中他有着自己的名字: `Modules`，而他也内置了 5 种插件： - TOOLBAR - KEYBOARD - HISTORY - CLIPBOARD 阅读全文
摘要：
## 前言 导致白屏的原因大概有两种，一为资源的加载，二为 JS 执行出错 本文就 JS 中执行的报错，会比较容易造成"**白屏**"场景，和能解决这些问题的一些方法，作出一个汇总 ## 常见的错误 ### SyntaxError > **`SyntaxError`**（语法错误）对象代表尝试解析不 阅读全文
摘要：
## 前言 之前开发重构项目的时候，遇到了一些问题， 如 `hooks` 的性能问题和 `quill` 的重载问题。本文就是记录这些问题的解决过程。 ## 场景 在基于富文本的输入场景中，我们发现在输入回车后会出现明显的卡顿现象。为了更好地展示此类场景，这里使用了一个简单的例子展示。 ```tsx 阅读全文
摘要：
## 前言 鉴于各种繁杂的需求，`quill.js` 编辑器也面临着各种挑战，例如我们需要添加“table”布局样式以适应邮件发送格式，手动扩展表情符号功能等等。本文将对这些可定制化功能进行讲解和实现。 ## 区分 format 和 module 首先需要明确的是，我们应该清楚自己所需的扩展具体是什 阅读全文
摘要：
什么是 module Federation module Federation(下面简称 MF) 是 webpack5 推出的最新的概念 有用过 webpack 的小伙伴都知道, 在我们打包时, 都会对资源进行分包, 或者使用异步加载路由的方案, 这样打出来的包(也叫 chunk), 在我们使用时, 阅读全文
摘要：
引言 前一段时间, 正好在做微前端的接入和微前端管理平台的相关事项。 而我们当前使用的微前端框架则是 qiankun, 他是这样介绍自己的: qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 所以本文基于 single-s 阅读全文
摘要：
前言 上一文讲到了图片, 这里我们就讲一个常用的图片场景: 瀑布流, 他的实现和优化 什么瀑布流 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是 Pinterest，逐渐 阅读全文
摘要：
术语表 首先我们需要知道一些术语, 才能更好地理解, 如果您已经了解, 可以跳过这一段 锚点 (anchor) 锚指的是一个选区的起始点（不同于 HTML 中的锚点链接）。当我们使用鼠标框选一个区域的时候，锚点就是我们鼠标按下瞬间的那个点。在用户拖动鼠标时，锚点是不会变的。 焦点 (focus) 选 阅读全文
摘要：
前言 在当前的 web 开发过程中, 图片的使用是一种重要的功能 本期就来聊聊, 开发中的图片以及我们如何优化图片 图片的类型以及对比 位图 位图的特点是可以表现色彩的变化和颜色的细微过渡，产生逼真的效果，缺点是在保存时需要记录每一个像素的位置和颜色值，占用较大的存储空间。 位图的文件类型很多，如* 阅读全文