PigZ

最近遇到一个需求:要求在前端渲染一张平平无奇的页面,里面几个元素能够修改,当用户修改完后要求能够导出为PDF,于是就有了这篇文章,就当是常规技术学习的笔记吧. 技术方案 面...

需求场景：产品提了一个需求，要求实现表格的拖拽，并将排序后的表格数据返回给后端实现永久的拖拽。 实现思路：下载安装使用sortable，获取表格节点，new一个sortab...

关于Promise一直是前端面试的重难点，对于Promise很多人其实一直是一知半解，毕竟一直用的是axios以及Promise附带的async await而对于最原始的t...

js设计模式 设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解...

我们大部分前端在学习设计模式时使用的都是使用class类来模拟场景，但是在hooks遍地走的今天，大部分时候并不推崇在业务开发中使用类来处理逻辑，更多是使用处理函数式编程。...

简单数据类型种类 typeof操作符 typeof在正常情况下有8种返回结果： "undefined"表示值未定义； "boolean"表示值为布尔值； "string"表...

定义 发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状 态发生改变时，所有依赖于它的对象都将得到通知。 实际上，DOM节点的绑定事件函数，就...

前端如何实现 Chat 流式输出：从 0 到可上线 在 AI 对话场景里，用户最敏感的不是“总耗时”，而是“多久看到第一个字”。 流式输出（Streaming）最大的价值，...

如何实现多对话流式输出：Vue3 + Pinia 实战 在多会话 AI 聊天应用中，流式输出是提升用户体验的关键特性。然而，当用户在 AI 生成回复的过程中切换会话或创建新...

从 0 到 1：Vue3 + 科大讯飞实现实时语音转文字的工程实践 一、背景 1.1 为什么要做语音输入？ 在 AI 对话场景中，语音输入不是锦上添花，而是刚需： 场景1：...

AI Chat 流式 Markdown 渲染实践：双阶段方案让“边输出边可读” 前言 做 AI Chat 时，最常见的体验问题之一是： 流式输出阶段只是“纯文本打字机”； ...

AIChat渲染md格式优化 Web Worker基本原理 很多前端同学第一次接触 Web Worker，往往是因为页面开始“卡”了。 比如这些场景： 大列表数据要做复杂过...

先看最终效果： 图片标注从 0 到 1：第一步，先把坐标系设计对 很多人第一次做图片标注，第一反应是： “不就是在图片上画个框吗？” 结果真正开始写的时候，很快就会遇到一堆...

如何使用 AI 全流程驱动的前端开发，看这一篇就够了 一、问题不是 AI 不会写代码，而是它根本不认识这个项目 这个项目是一个基于 Vue3 + Vite + Pinia ...