"你们的网站加载速度太慢了，而且 SEO 效果很差。"上个月，我们接到了一个来自海外客户的紧急需求。他们的电商网站是用传统的 React SPA 构建的，在性能和搜索引擎优化方面都遇到了瓶颈。作为技术负责人，我立刻想到了 Next.js 14 的 App Router。 今天，我想和大家分享这个 ...

Gi Admin Pro —— 一个基于 Vue3、Vite、TypeScript、Arco Design Vue、Pinia、VueUse 等的免费中后台模版。 ...

vxe-table 实现任意列拖拽排序，通过 column-drag-config.isCrossDrag 启用任意列拖拽排序，除了自身之外。 官网：https://vxetable.cn 启用后可以在不同表头直接任意拖拽，需要注意所有列必须有 field 属性 <template> <div> < ...

从0到0.1学习实践盒子模型 盒子模型概念 预备知识 margin：外边距 border：边框 padding：内边距 height：文本高度 width：文本宽度 content-box .father{ box-sizing: content-box; } content-box >只计算内容区 ...

"老师,我们的新功能上线后接口突然调不通了！"周一早上,实习生小李急匆匆地跑来找我。我打开监控面板,发现生产环境的错误日志突然暴增,全是 CORS 相关的报错。作为技术导师,我立即和小李一起开始排查这个问题。 说实话,跨域问题在本地开发时很常见,但在生产环境突然出现还是第一次。更让人困惑的是,这些接 ...

"老王,我们的后台系统用着用着就变卡了,而且内存占用越来越大,是不是被攻击了？"上周四下午,运维小张一脸焦虑地找到我。作为项目的前端负责人,我立即打开了系统开始排查。 说实话,这个问题确实让我有点意外。我们的后台系统用 React 开发,平时运行都挺正常的,怎么突然就出现性能问题了？带着这个疑问,我 ...

vxe-table 树表格拖拽排序，支持拖拽到空节点，直接拖拽成子级；通过 row-drag-config.isToChildDrag 启用便捷拖拽成子节点，拖拽的同时按住 Ctrl 键可以自动拖放到该节点的子级 官网：https://vxetable.cn/ 通过 row-drag-config. ...

一.gsap动画库 1.1 基本使用和原理 首先直接npm安装然后导入 比如让一个物体，x轴时间为5s 旋转同理 动画的速度曲线，可以在官网的文档找到 1.2 控制动画属性与方法 当然这里面也有一些方法，动画完成，动画开始等 一些属性 也可实现停止动画随时，给到一个变量 双击暂停以及恢复 二.灯光与 ...

This request has been blocked; the content must be served over HTTPS.此请求已被阻止；内容必须通过HTTPS提供，解决方案 ...

"你说我们能不能开发一个类似 ChatGPT 的应用？"上个月,一位创业朋友找到我,想做一个垂直领域的 AI 助手。作为一个经常和 AI API 打交道的全栈开发者,这个想法立刻勾起了我的兴趣。不过说实话,从零开始构建一个 AI 应用,还是让我有点小紧张。 经过一个月的开发迭代,我们成功上线了第一个 ...

vue 实现纯 web H5 打印功能 官网：https://vxeui.com/ https://github.com/x-extends/vxe-pc-ui 安装 npm install vxe-pc-ui@4.3.22 vxe-table@4.9.19 // ... import VxeUI ...

"这个系统太庞大了,每次发布都提心吊胆..." 上个月的技术评审会上,我们团队正面临一个棘手的问题。一个运行了两年的企业级中后台系统,代码量超过 30 万行,构建时间长达 20 分钟,任何小改动都可能引发意想不到的问题。作为技术负责人,我决定是时候引入微前端架构了。 经过一个月的改造,我们成功将这个 ...

分享 vxe-table vue 树表格拖拽二次确认 官网：https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script> import { Vx ...

vue 用什么表格组件好，vxe-table 是支持 vue2 和 vue3 非常强大的表格库，是专业用于处理表格组件库。 官网：https://vxetable.cn/ 冻结列 单元格合并 单选 多选 多字段排序 列拖拽排序 树形表格 拖拽排序 可编辑表格 数据校验 查询表格 打印表格 数据分页 ...

Clipboard（剪贴板）是一种临时存储和传输数据的工具。用户可以通过复制（Ctrl+C）将文本、图片等信息保存至剪贴板，随后通过粘贴（Ctrl+V）操作将内容插入至其他应用程序。本文将介绍剪贴板的基本功能、使用方法以及在提高工作效率中的作用。了解剪贴板，提升您的办公效率。 ...

使用 vxe-table 实现财务记账凭证和打印功能非常简单，实现在线实时编辑的记账凭证、自动合计金额等 官网：https://vxetable.cn/ <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions" @edit-close ...

vxe-table 树表格跨层级拖拽排序，通过 row-drag-config.isCrossDrag 启用跨层级拖拽 官网：https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> ...

vxe-table 实现控制指定列默认隐藏，重置自定义列后还能自动还原，有个需求需要将某一列默认是隐藏的，但是可以通过自定义列设置显示，当点击自定义的重置按钮时，还能回复到默认的状态，实现也是非常简单的。通过 visible 参数设置默认为不显示就可以了。 官网：https://vxetable.c ...

title: Nuxt.js 应用中的 afterResponse 事件钩子 date: 2024/12/6 updated: 2024/12/6 author: cmdragon excerpt: 在 Web 应用程序中，响应的后续处理是提升用户体验，进行数据分析和监控的重要组成部分。Nuxt.j ...

使用 vxe-table 实现展开行的，通过设置 type=expand，给列加上 content 插槽，就可以开启展开行了 官网：https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions"> <template #exp ...