愤怒的番茄

测试是工程化的研发体系中不可或缺的一环。本文将从单元测试和 E2E 测试出发，谈谈笔者所在团队最近所做的大型 ToB 项目的前端自动化测试实践。...

你是一个开发者，你想避免发送一个坏的登录体验，所以你要写一些测试来确保你不会这样做。让我们快速看一下这样一个表单的例子。 现在，如果我们要测试这个表单，我们要填入用户名、密...

自动化的前端测试非常棒。我们可以用代码编写一个测试来访问一个页面--或者只加载一个组件--并让测试代码像用户一样点击东西或输入文本，然后对交互后的应用程序的状态进行断言。这...

大家好，我是双越老师。本文分享我试用 Cursor 不同项目不同场景的使用体验，看它能替代多少编程工作，并思考 Cursor 未来可否替代程序员。...

调试程序时遇到的最常见情景之一可能是“在我的电脑上明明是好的”。这通常是由于对程序带有bug和自己系统的底层依赖不同的结果。 因此，yarn和npm在引入了的“lock f...

本文旨在通过从 prosemirror 的顶层设计入手，以一个小案例，拉通 prosemirror 的核心概念，并理清其中的关系，帮助大家快速认识和入门 prosemirr...

笔者在日常的需求迭代中，已经在编辑器集成了AI写作、AI绘画等AIGC相关功能以及一些通用编辑功能。并且对该编辑器的灵活性、可扩展性、文档规范性等方面给予了很高的认可。通过...

tiptap基于ProseMirror，支持表格、图片、视频、多人协同。支持TS。 tiptap初始化以后是没有任何css的，都需要自己开发，可以完全按照自己喜欢的样式来开...

在管理平台中，富文本编辑器是信息输入和内容编辑的重要工具，几乎是必不可少的功能模块。如何在使用体验和需求功能上找到一个平衡点，可以让我们少趟很多坑。小编使用几十种编辑器，尽...

富文本编辑器一直是前端领域的一个天坑，但若不是深入接触编辑器开发的工程师，却不一定清楚富文本编辑器到底坑在哪里，作为有幸和编辑器打了一年交道的前端，今天来聊聊Web富文本编...

简介 从事前端开发的同学，对富文本编辑器都不是很陌生。但是大多数富文本编辑器都是开箱即用，很少会对其实现原理进行深入的探讨。假如静下心去细细品味，会发现想要做好一款富文本编...

最近一直在做Quill的项目，有时间也研究了一下Quill的源码，从中也学到一些知识，今天把这些知识总结下，算是对这些知识的巩固。quill的api有提供3个事件...

使用 vuedraggable，鼠标拖拽的时候随鼠标移动的元素是半透明的，这是浏览器原生的效果。比如像下面这样： 其实 Sortable 支持自定义拖拽时的效果，它提供了 ...

【StreamSaver.js】一款帮助前端实现“下载自由”的工具。将多个文件打包zip下载；将多个文件合并成一个文件下载……...

在实际项目中，通常存在用户手动选择下载多个文件的情况。 常规的做法（服务器打包下载）是，后端从文件服务器（比如华为云OBS）读取文件，将这些文件进行打包，然后将压缩包字节流...

本文先通过2个例子简单介绍了Quill模块的配置方法，让大家对Quill模块有个直观初步的印象，然后通过剖析Quill的初始化过程，逐步切入Quill模块的加载机制，并详细...

本文是深入浅出Quill系列的第4篇，主要介绍现代富文本编辑器Quill的内容渲染机制，先介绍Delta是如何描述富文本内容及其变化的，然后介绍setContents和ap...

引言 这是深入浅出 Quill 系列的第2篇。 上一篇我们介绍了 Quill 的基本使用和配置，相信大家能够使用 Quill 搭建一个简单的富文本编辑器啦。 不过实际的业务...

本文主要介绍 Quill 的基本用法，以及如何通过 options 选项配置 Quill，options 包含丰富的选项，可以快速配置出一个掘金文章编辑器。...