itpretty

很多同学已经熟练使用 AI 辅助编程了，但直觉在本地 mock 一个轻便的 SSE “打字”输出的效果并不好弄。其实并不复杂，只要 Next.js 就可以实现。...

在目前火热的 AI Coding 概念的背后，前端工具链也在蓬勃发展。目前新一代工具如Rolldown、Rspack、Bun等已经不局限于只做 Webpack 那样的打包工...

手写签名组件 (uni-app) gitee : https://gitee.com/dzy_gitee/sign.git 一个功能完整、跨平台的手写签名组件，基于 uni...

写在前面 想象一下，你是个健忘的程序员（相信我，这不需要太多想象力）。有一天，产品经理问你："咱们去年做的那个xxx系统，用的什么算法来着？" 你一脸懵逼，挠挠头说："这....

text-wrap: balance 实战指南：让多行标题自动排版更优美 🧠 什么是 text-wrap: balance？ text-wrap 是 CSS 控制文本换行...

在现代前端开发中，fetch() 已成为发起网络请求的主流 API。然而，当用户切换页面、取消操作或请求超时时，如何终止正在进行的请求成为提升应用性能的关键技术。本文将深入...

大环境不好是真的，但程序员被AI取代？我从GPT-3.5用到现在发现没那么简单。AI能写代码但经常有bug，不懂业务逻辑。程序员开始分层：有人成了AI打工人，有人学会指挥A...

CSS Grid布局，俗称"网格布局"，是前端开发界的"终极武器"之一。如果说Flex是"瑞士军刀"，那Grid就是"变形金刚"！它让你在页面上画个"棋盘"，想怎么摆就怎么...

在我们日常开发中，经常会遇到多项目管理，如果是单项目，大家都很好理解和操作，如果项目有相互关联关系，并且涉及多个项目管理，大家就可以采用更好的管理方式Monorepo...

不要再用 removeEventListener了！这个API救了我的命 昨天被产品经理叫到办公室，说用户反馈我们的后台管理系统越用越卡，Chrome任务管理器显示内存占用...

SSE 的 AI 问答多数据流在 Vue3 中的实现 SSE 简介 SSE（Server-Sent Events）即服务器推送事件，是一种允许服务器向客户端实时推送更新的技...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

由于大模型通常是需要实时推理的，浏览器提交数据，服务端完成推理，然后将结果以 JSON 数据格式通过标准的 HTTP 协议返回给前端。所以SSE流式传输成了前端必学的内容...

1. 业务背景 在前端的业务场景中：点击按钮，发起请求。在请求还未结束的时候，一个按钮可以重复点击，导致接口重新请求多次（如果后端不做限制）。轻则浪费服务器资源，重则业务逻...

requestIdleCallback requestIdleCallback 是 浏览器提供的 API，用于在 浏览器空闲时执行低优先级任务，不会阻塞主线程，也不会影响动...

前端技巧：如何让用户回到上次阅读的位置？ 在前端开发中，提升用户体验是我们的核心目标之一。一个简单但非常实用的功能就是：当用户再次打开某个网页时，能够自动滚动到他们上次离开...

大家可能都知道 dom 有一个 scrollIntoview方法，它可以轻易的让目标元素滚动到可视范围之内，而无需手动计算偏移量 效果如下 这样跳转比较生硬，因此可能还知道...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的...

一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量，可以使函数组件像类组件一样拥有state state：状态，作为渲染视...