表单 对话框 组件 表格
《花雕学AI》05：令人惊奇的ChatGPT，一个能够与人类对话的人工智能
今天是周末，4月2日，早上五点就起床了，没有去打羽毛球。 我平时在手机上喜欢看今日头条，了解各种时事新闻，发现今年来频繁出现的单词就是：ChatGPT，通过简单搜索，我逐步接受了这个概念：2023年是人工智能AI的元年，ChatGPT的出现（特别是升级版ChatGPT4.0），完全有可能改变我们生活 ......
第三十二篇 vue - 应用规模化 - 单文件组件 SFC
单文件组件 SFC Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中 Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三 ......
Kubernetes 基本概念与组件
Kubernetes（简称 K8S） 的出现是容器化技术发展的必然结果，容器化是应用程序级别的虚拟化，运行单个内核上有多个独立的用户空间实例，这些实例就是容器；容器提供了将应用程序的代码、运行时、系统工具、系统库和配置打包到一个实例中的标准方法，而且容器是共享一个内核的；由于容器技术的兴起，导致大量 ......
Layui open()弹窗中的表单实现Layui自带的验证功能
在 layer.open 中的 success 回调方法里增加如下代码： layero.addClass('layui-form'); layero.find(".layui-layer-btn0").attr({"lay-filter":"addSubmit", "lay-submit":""}) ......
Thanos工作原理及组件简介
Thanos 简介 Thanos 是一个「开源的，高可用的 Prometheus 系统，具有长期存储能力」。很多知名公司都在使用 Thanos，也是 CNCF 孵化项目的一部分。 Thanos 的一个主要特点就是通过使用对象存储（比如 S3）可以允许 “无限” 存储空间。对象存储可以是每个云提供商提 ......
文本上下文 对话 gpt-3.5-turbo GPT-3
openai-cookbook/How_to_stream_completions.ipynb at main · openai/openai-cookbook https://github.com/openai/openai-cookbook/blob/main/examples/How_to_s ......
uni-simple-router路由组件的使用问题
1、uni-simple-router路由组件导致无法使用eventChannel 进行页面跳转传值——使用路由导航传值 2、导致onBackPress事件被阻止一次后失效——使用路由暴力解锁。 const router = createRouter({ platform: process.env. ......
ant-design-vue datePicker日期组件中文格式月份与星期显示英文
根据官网的写法,在app.vue文件引入国际化设置组件 <template> <a-config-provider :locale="locale"> <App /> </a-config-provider> </template> <script> import zhCN from 'ant-de ......
vue之表单处理
vue之表单处理（一） 实验介绍基本用法文本多行文本单选按钮复选框多个复选框选择框 实验介绍 在日常的开发中，表单随处都被使用到，如：登录，问题反馈功能等。对表单的数据收集和绑定也是很常规的工作。在一般开发中处理表单，需要通过操作 DOM 来实现，是一个相对繁琐且低效率的工作。然而在 Vue 项目中 ......
防止表单重复提交的4种方法
幂等性 效果：系统对某接口的多次请求，都应该返回同样的结果！（网络访问失败的场景除外） 目的：避免因为各种原因，重复请求导致的业务重复处理 重复请求场景案例： 1，客户端第一次请求后，网络异常导致收到请求执行逻辑但是没有返回给客户端，客户端的重新发起请求 2，客户端迅速点击按钮提交，导致同一逻辑被多 ......
防止表单重复提交的4种方法
幂等性 效果：系统对某接口的多次请求，都应该返回同样的结果！（网络访问失败的场景除外） 目的：避免因为各种原因，重复请求导致的业务重复处理 重复请求场景案例： 1，客户端第一次请求后，网络异常导致收到请求执行逻辑但是没有返回给客户端，客户端的重新发起请求 2，客户端迅速点击按钮提交，导致同一逻辑被多 ......
keep-alive组件使用
<!-- 组件--> <keep-alive> <home></home> </keep-alive><!-- vue3 路由--> <router-view v-slot="{ Component }" :max="10"> <keep-alive> <component :is="Compone ......
python设计：Excel表格收集数据，输出报告到Word工具
使用Python可以通过构建一个Word文档，将Excel中的数据转换成Word表格并在其中分析和输出报告。 步骤如下： 1.使用pandas库读取Excel表格中的数据。 2.使用python-docx库创建一个word文档。 3.将pandas中的数据写入word文档中的表格中。 4.使用wor ......
defineExporse vue3中一个由子组件导出数据，让父组件调用的方法。
子组件 <script setup> import { ref, reactive } from 'vue' const isFlag = ref(false) const data = reactive({ name: 'tom', age: 18 }) //把数据导出 defineExpose( ......
第二十二篇 vue - 深入组件 - 异步组件 - defineAsyncComponent
基本用法 defineAsyncComponent 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能 import { defineAsyncComponent } from 'vue' co ......
第二十三篇 vue - 深入组件 - 内置组件 - Transition
动画组件 Transition 和 TransitionGroup Vue 提供了两个可以帮助你制作基于状态变化的过渡和动画内置组件 1、<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画 2、<TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入 ......
第二十四篇 vue - 深入组件 - 内置组件 - TransitionGroup
TransitionGroup <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav ......
第二十五篇 vue - 深入组件 - 内置组件 - keepAlive
keepAlive <KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 ......
第二十六篇 vue - 深入组件 - 内置组件 - Teleport
Teleport <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 ......
第二十七篇 vue - 深入组件 - 内置组件 - Suspense
Suspense <Suspense> 是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化 ......
第二十八篇 vue - 深入组件 - 动态组件 - component
component 动态组件就是动态变化的组件，和动态样式一样，通过用户的操作来确定是什么类型的组件。动态样式是绑定:style，动态组件则是绑定:is 在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件 所 ......
第二十一篇 vue - 深入组件 - 依赖注入 - provide 和 inject
Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件，会作为依赖提供者 任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 ......
表单校验 不允许输入中文方法
//检验不能为中文 checkData(rule, value, callback) { if (value) { if (/[\u4E00-\u9FA5]/g.test(value)) { callback(new Error("不能包含中文!")); } else { callback(); } ......
使用POST方式提交表单
使用POST方式提交表单 login.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录</title> </head> <body> <h3>登录</h3> <form action="/log ......
微信小程序组件化开发教程、微信小程序组件化开发示例代码
微信小程序中的组件化开发可以使用 template 和 Component 两种方式来实现。 template 模板实现组件 template 模板是一种很简单的组件化方式，通常用于展示静态的内容。可以将页面中的某一段代码封装为一个 template 模板，再在需要使用的地方引入该模板即可。 下面以 ......
🧿《优爱酷玩转OCR》实战系列№1：如何批量将表格照片图像直接OCR识别成可编辑的Excel表格（.xlsx）
可能经常有很多的工作单据、票据、书籍、资料文档、报告论文等，也有可能有大量的电脑资料截屏图片、手机截屏图片、或者资料照片或扫描件，影印资料等，在没有数字化之前，需要人工翻阅查找，检索或查找极度不便，其利用价值大打折扣。图像或照片信息电子化，尤其是如何将其文字编辑化、数据结构化、文件可视化、处理批量化... ......
vue组件推荐
推荐组件 参考：https://zhuanlan.zhihu.com/p/542740566 图表：https://zhuanlan.zhihu.com/p/594968212 ......
vue3 ant-design-vue datePicker/calendar 日期组件设置值显示错误
如下, 使用:value 给 calendar 设置默认值, 按照官方文档要求的格式, 引入 moment, 设置值 <template> <a-calendar v-model:value="date1" :fullscreen="false" @select="selectDate" /> </ ......