前端开发 - 第6页 - 网站分类

AI 聊天应用开发实战：从构思到上线的全栈开发指南

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

vue 实现纯 web H5 打印功能

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 树表格拖拽二次确认

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

vue 功能最丰富的组件 vxe-table 最强表格组件推荐，vue 用什么表格组件好

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

Clipboard.js：一个被157317个项目疯抢的JS开源库

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

vue vxe-table 实现财务记账凭证和打印功能

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

vxe-table 树表格跨层级拖拽排序

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

vxe-table 实现指定列默认是隐藏，点击重置自动还原状态

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

Nuxt.js 应用中的 afterResponse 事件钩子

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

vxe-table 实现展开行的用法

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

CSS 实现字体颜色渐变

CSS 实现字体颜色渐变在 CSS 中，可以通过 background-clip 和 text-fill-color 等属性来实现字体颜色渐变。以下是实现字体颜色渐变的基本步骤和示例代码：示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

Nuxt.js 应用中的 beforeResponse 事件钩子

title: Nuxt.js 应用中的 beforeResponse 事件钩子 date: 2024/12/5 updated: 2024/12/5 author: cmdragon excerpt: 在 Web 开发中，处理响应是一个至关重要的环节。Nuxt.js 提供的 beforeRespon ...

vxe-table 树表格单元格选择复制粘贴

vxe-table 树表格单元格选择复制粘贴，树结构默认是平级粘贴，可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴；需要注意只支持 tree-config.transform 模式 <template> <div> <vxe-table border show-ov ...

vxe-table 全键盘操作，按键编辑方式设置，覆盖方式与追加方式

vxe-table 全键盘操作，按键编辑方式设置，覆盖方式与追加方式；通过 keyboard-config.editMode 设置按键编辑方式；支持覆盖方式编辑和追加方式编辑按键编辑方式 <template> <div> <vxe-radio-group v-model="gridOptions ...

vxe-table 实现按回车键自动新增一行

在开发可编辑表格是，客户提了一个需求，默认情况下回车键是自动跳转下一行，当处于最后一行时，按下回车键需要自动新增一行。并将光标移动到新的行，实现也是非常简单的，vxe-table 新版本是支持这个功能的。回车自动换行功能是通过参数 keyboard-config.isLastEnterAppend ...

vxe-table 使用 vxe-upload 在表格中实现非常强大的粘贴上传图片和附件

看看 vxe-table 渲染器强大到什么地步；在开发需求中，经常会在表格列表中放入图片展示，例如头像、视频图片，附件列表等，但需要对表格批量操作是，会比较繁琐，那么有没有方便操作一点的放呢，肯定是有的；配合 vxe-upload 上传；比如复制或者截图一张图片，通过粘贴方式快速粘贴到单元格中，能 ...

Nuxt.js 应用中的 request 事件钩子

title: Nuxt.js 应用中的 request 事件钩子 date: 2024/12/4 updated: 2024/12/4 author: cmdragon excerpt: 在构建现代 Web 应用时，处理请求是核心内容之一。无论是从后端获取数据，还是处理用户请求、验证和授权，正确地处 ...

vxe-table 一键切换编辑模式、只读模式

vxe-table 可以编辑模式和只读模式的参数是 editConfig.enabled 当需要编辑时就启用，当不需要编辑时就关闭官网：https://vxetable.cn/ <template> <div> <vxe-button status="primary" @click="toggle ...

qiankun 的 JS 沙箱隔离机制

Qiankun 目前提供三种 JS 隔离机制：SnapshotSandbox（快照沙箱）、LegacySandbox（单应用代理沙箱）和 ProxySandbox（多应用代理沙箱） ...