色友

大家好，我是双越老师，也是 wangEditor 富文本编辑器作者。 今天我将带你花 10 分钟实现一个基础的 富文本编辑器 + 协同编辑功能，使用 ProseMirror...

大家好，我是前端双越老师~ 我打算花几个月的时间搞一个 AIGC 方向的 node 全栈项目，一个 AI 写作项目，一个真实上线的项目，使用 React + Next.js...

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

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance...

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

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴...

前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照...

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望...

微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。...

用 PNPM Workspaces 替换 Lerna + Yarn 近年来，Monorepo 架构以越来越流行，鉴于它解决的问题，这是可以理解的。然而，最大的挑战是找到一个...

我们都知道canvas是一个位图，你可以在里面渲染图片、文字等等，但是canvas没有属性来操作渲染的东西，例如用canvas画一张图片，想要操作图片就没办法直接通过属性来...

HTTP是浏览器中最重要且使用最多的协议，它不仅是浏览器与服务端的通信语言，更是互联网的基石。随着浏览器的不断更新迭代，HTTP为了适应技术的更新也在不断进化...

本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。不是简单的官 Demo，会给你详细解释实践场景下的各种解决方案...

CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CS...

基于 require.context 实现的自动化路由引入 初识 前端时间在掘金上看到一篇文章了解到了 require.context 这个api。一番百度之后，对这个 A...

我们在这边文章里面用的是mycli ，但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型，感兴趣的同学本地下载可以体验效果。 一条命令创建项目，安装...

webpack publicPath配置详解 output.publicPath 概念： 表示资源(assets)被引用的根路径，在生产环境下生效；可以是相对路径，也可以是...