guojb824

在前两篇博客 动态表单（一）、动态表单（二） 中，我们深入探讨了动态表单的基础实现和表单项的动态控制。本文将在此基础上，为动态表单增加分栏布局能力，让表单呈现更加专业的视觉...

需求背景 在业务开发过程中，我们经常遇到需要以结构化方式展示表单数据的场景。传统表格组件适合展示行列数据，但对于"属性名-属性值"这种配对形式的数据展示并不直观。我们需要开...

我们有一个 Word 文档需要在前端展示。为了提升用户体验，我们希望将文档内容拆分成几个逻辑部分，并为每个部分添加可折叠/展开的功能（类似 Element Plus 的 `...

导出 对于体积巨大的镜像，tar 包的大小可能超过 1GB，上传到云服务器时，可能会中断，所以需要减小体积。可以进一步压缩成 tar.gz 包 k 参数用于保留原始文件 导...

我们知道，在 Vue3 中，父子组件通过 Props 传参。在 script setup 组合式上下文中，可以定义 ref 响应式变量。 那么，如果给子组件传入响应式变量，...

有这样一个场景：接口返回一段文本，文本中有多个 [[]] 格式的内容，前端展示时，需要对[[]] 中的内容使用自定义组件渲染，其余内容当作字符串展示。 由于文本内容是接口动...

给表单项绑定 `计算属性`，来动态更新表单项的展示。 把表单项显示的逻辑从业务代码中抽离出来 需要使用 `Vue3` 的 `computed 组合式 API` 动态创建...

前置知识点 几个能触发浏览器自动创建文件并下载的 API ServiceWorker 作用 用于浏览器代理，可以修改请求和响应，可以离线使用。 事件 发布事件 参数名 作用...

直接请求静态文件 通过FileSaver实现 通过原生API实现流式下载单个文件 使用StreamSaver实现流式下载 使用ZipStream将几个流打包成压缩包...

iframe的定义和发布、订阅消息的代码实现。 最后结合两个场景，探讨如何在子页面加载完毕后，父页面才向子页面发送消息。...

前言 最近公司在招聘，经常会问到应试者一个问题，“flex: 1 是哪些属性的缩写？”，很多同学答的都不是很好，今天我们来理解一下。 flex：1是哪些属性的缩写 flex...

element-ui(Vue2)的 popover 组件，面板中有一个 select 下拉框，使用 click 来触发面板 把这段代码迁移到 Vue3 时，发现选中 sel...

列举出5种办法： mock 接口， 使用 `http-proxy-middleware`， 使用 Chrome 开发者工具， 使用 Chrome 插件， 使用 Fiddle...

前端应用实现容器化构建 容器化部署，使用 `Docker-Compose` 管理容器 用 `Nginx` 伺服静态资源 对接两个server节点，用Nginx实实现负载均衡...

我们希望 `dialog`： 1. 能通过 JS 来弹出，不需要自行控制 `visible` 的状态。 2. 弹窗创建后，`visible` 就是 `true` 3. 弹窗...