Ticnix

一、需求背景 在 Vue3 前端项目中，当用户在长列表 / 长内容页面滚动浏览后，切换到其他页面再返回，或刷新当前页面时，滚动条会默认回到顶部，用户需要重新滚动到之前的位置...

试了十几款AI编程工具，真正留在我日常开发中的只有3个：Trae、Cursor 和 GLM-4.5。它们分别搞定终端调试、智能补全和自动化研发，各司其职，效率翻倍。...

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

前言 前端项目发布新版本后，若用户已打开页面或浏览器挂在后台，由于单页应用 (SPA) 的机制，页面不会主动刷新，导致用户一直停留在旧版本，无法使用新功能或遇到已修复的 B...

前言 Echarts作为一款功能强大的数据可视化库，具备丰富的图表类型、配置化开发的易用性、高度可定制的视觉效果、优秀的响应式设计和交互体验，以及对大数据量的性能优化能力，...

1、导入 为什么要使用这种通用合并方案？ 是不是每次用Element Plus/Element UI 的表格时总是默认是 “一行一条数据”，但是有的时候实际业务中经常需要 ...

简介 websocket在前端开发中，是一个必须掌握的技术！你可以不用，但必须掌握！ 前几天，就遇到这样一个需求，要求界面的数据通过websocket实时推送，并且必须支持...

WebSocket 是一种在客户端和服务器之间建立实时双向通信的协议。具备全双工、低延迟等优点，适用于实时聊天、多人协助、实时数据展示等场景。...

随着Vue.js 3.0发布，我们可以获得更出色的性能和更好的开发体验。然而，在这篇文章中，我想专注讲解Vue3的一个新的状态管理库：Pinia。...

导航守卫仅仅简单判断是否有 token 值存在（不管该 token 是否有效），如果不存在/失效就进行重定向。 请求拦截器是向后端发送请求并校验，如果 token 合法就访...

前端将token保存在本地中, 建议使用localstorage进行保存. 下次对服务器发送请求时, 带上本地存储的token 为通过则返回错误码, 提示保错信息, 然后跳...

前言 关于很多的某某管理系统都很喜欢有折叠面板的设计，因为这样很方便归类而且用户的体验感也很好，但是如果当面板折叠以后，如果用户浏览时间过长忘记了自己浏览的板块是哪一个，然...