一篇关于 wangEditor 富文本编辑器的集成实践与源码级踩坑记录。 覆盖:编辑器选型、安装使用、Vue3 封装,以及一个在空编辑器里「首字输入中文必崩」的诡异 Bug 的完整排查与修复过程。 一、为什么选 wangEditor 在 Vue 生态里做富文本,可选方案不少:Quill、TinyMC…
本文站在完整全栈项目的高度,把入口并发、组合查询安全、数据三件套(时间/金额/编码)、缓存、流式导出、序列化瘦身、实时性折中等技术按"一条真实业务如何贯通"的顺序串起来。帮你看清技术间的依赖与取舍,遇到问题知道该在哪一层下手,而不是被某个最佳实践绑架。 问题背景 写了很多年代码,最容易迷茫的是"我的…
RESTful 接口规划是前后端协作的基础设施。本文围绕资源化设计讲解 RESTful 接口规范,用 HTTP 动词表达操作、用 URL 表达资源位置,并按资源边界拆分路由文件,帮你根治接口命名混乱、动词乱入、嵌套过深等问题,越写越顺。 问题背景 前端后端一旦分离开,接口就成了两边的"合同"。可往往…
做画布类应用的第一件事,就是让「内容」能在一个有限的可视区域里被自由地移动、放大、缩小。听起来简单,真正动手才发现,坐标换算的坑一个接一个。这篇文章把我沉淀下来的完整方案写出来,附带可直接复现的最小实现。 一、先想清楚:我们到底在操作什么 我们通常用一个 <canvas> 作为"窗口",…
这篇文章不聊某一个具体项目,而是在讲后端 Web 工程里最常见的一种分层方式:Model 层、Service 层、Controller 层。我会先讲清楚它要解决什么问题、为什么很多团队越到后面越乱,然后把每层的边界、怎么写、以及常见的坑一点点剥开,最后给一套可以照着抄的落地清单。 一、这个分层到底在…
Node 后端目录结构划分没有唯一标准,但有稳定可靠的套路。本文基于职责分离原则,讲解 app、config、routes、controllers、services、models、middlewares 等层级的职责边界,教你如何把稳定基础设施与变动业务代码分开,让查找和重构都不靠直觉。 问题背景 …
作为一名后端开发者,近期在项目中使用 Puppeteer 实现 HTML 转图片功能时,遇到了一个棘手的超时错误,花费了一些时间排查和梳理,特此记录整个问题场景和排查过程,希望能给遇到同类问题的同行提供一些参考(本文仅记录问题本身及排查细节,不提供具体解决方案)。 项目背景是,我负责的博客系统中,有…
今天下了个看门狗玩玩,好不容易等了 1 个多小时下载完了,解压运行 直接报缺少 xinput1_3.dll,第一反应就是运行环境不支持,或者是缺少某个版本的 vc 库,正要到网上寻找办法的时候,360 卫士突然弹出来:检测到电脑 缺失 dll 文件,需要下载一个 DirectX 修复工具修复工具。 …
在 CentOS 7 服务器上安装 LibreOffice 时,执行如下命令: yum install -y libreoffice libreoffice-writer libreoffice-calc libreoffice-impress libreoffice-draw libreoffic…
electron-vue 脚手架搭建的项目,运行后报错:Object.fromEntries is not a function,一般都试兼容问题。 前端控制台打印错误 解决办法:安装 polyfill-object.fromentries,在项目根目录执行命令 npm i polyfill-obj…