凉风有兴

问题背景 1.实际需求就是UI会有一套属于自己的颜色体系，其实跟element默认的蓝色风格肯定是不同的。我们肯定是需要通过自定义主题色来修改，而不是使用组件的样式覆盖去修...

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，...

手写一个好看的个人主页 效果图 文字，图片加上各种动画显示，使页面更加美观。然后给头像也加上了一个动画，使头像实现一个一直在上下浮动的效果。...

通过markdown-it, 渲染自定义内联或块级规则的markdown 在有道小P app中，有大量的地方需要做流式渲染，并需要支持markdown，且要根据需求自定义规...

在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户："现在可以放在这里了~"，例如这样的 之前在这篇文章讲述了如何自定义 ...

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。...

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

在前端想要处理和 PDF 相关的需求，那 pdf.js 基本可以算是唯一的选择，但是 pdf.js 的使用方式和普通的 npm 包又有不小的区别，在摸索上手阶段需要耗费不少...

背景 最近使用 react-pdf 进行 pdf 文件预览。上线后很长时间都没啥异常，不过一个突然下午，一个同事联系到我，说客户公司使用过程中发现文件预览页面无法打开。最初...

大家好，我是前端西瓜哥。 我在 2023 年年初开源了自己一个人开发的项目 Suika。 这是一款 Web 端图形编辑器，可以让用户自由地创建编辑各种图形。 界面长这样。 ...

本文档详细描述了使用 Vite 搭建 Vue 3 + TypeScript 项目的过程。首先，使用 pnpm 初始化项目并配置别名和开发服务器。其次，介绍了如何安装和配置当...

本项目是一个基于 Vite3 搭建的 Vue3 项目模板，集成了 TypeScript、Vue Router、Pinia、Less、ESLint、Prettier、Husk...

Vite 是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite 能够显著降低构建时间，提升前端开发效率。 它主要由两部分组成： 一个开发服务器...

微信PC端输入框支持图片、文件、文字、Emoji四种消息类型，本篇文章就这四种类型的消息输入进行实现。我们选用HTML5新增标签属性contenteditable来实现。...

产品期望在后台发布帖子时，需要添加 **@用户** 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求,例如 ant-desi...

〔1〕背景 公司准备对之前的一个非前后端分离项目进行UI的全面改版，借此机会直接使用vue3对项目进行全面改造。但是页面非常之多，光是写样式想想就头疼。于是就在探寻一些可以...

本文通过 canvas 的 ImageData， 实现了一个基础的图像处理工具。可以在浏览器对图片进行左右镜像、左右旋转、颜色滤镜、尺寸修改等操作。关键词：imageDat...

如今，现代Web应用的交互数据处理越来越复杂，对性能的要求越来越高，需要进行复杂计算的场景也越来越多，JavaScript单线程模型很难满足这些需求。在这样的背景下，Web...