react hook api vue
在写springboot和vue时，需要改进的地方
后端Springboot （1）需要更加熟练使用mysql语句，insert update delete select（查询） （2）前后端跨域问题的解决： （3）另外在使用delete语句时，可以在路径中直接添加id，实现通过id删除数据 例 ①未在路径中添加id ②在路径中使用id postma ......
记Redux下载后，运行examples/todos时，报错Error: error:0308010C:digital envelope routines::unsupported 和 Failed to load config "react-app" to extend from.
1、Redux 下载 下载地址 git clone https://github.com/reactjs/redux.git 进入examples/todos，下载依赖： npm install 2、问题复现及解决 执行命令 npm run start 此时终端报错： Error: error:03 ......
this.$refs —— 只适用于选项式 API
只适用于选项式 API 的情况下 this.$refs 是用于在 Vue 组件中访问子组件或者 DOM 元素的一种方式。通常，在模板中可以使用 ref 属性为子组件或者 DOM 元素指定引用，然后通过 this.$refs 来访问这些引用 在选项式 API（Options API）中，比如在 met ......
vue 弹窗组件
vue 弹窗 <el-dialog> </el-dialog> 可以在其中编写所需的弹窗显示的内容 也可以在其中放组件标签作为弹窗 放一个组件的话，例： <el-dialog v-model="addGoodsDialog" :title="addGoodsTitle" width="60%" de ......
vue 循环显示数据场景
vue 循环显示数据 el-table 中 <template> <el-table :data="goodsList"> <el-table-column prop="goodsName" label="商品名称"></el-table-column> <!-- ...... --> </el-t ......
vue 编辑器+使用场景+问题解决
vue 编辑器组件 添加依赖 "dependencies": { "@codemirror/autocomplete": "^6.4.2", "@codemirror/commands": "^6.2.1", "@codemirror/lang-javascript": "^6.0.2", "@co ......
基于uQRCode封装的Vue3二维码生成插件
标题：基于uQRCode封装的Vue3二维码生成插件 摘要：本文介绍了一种基于uQRCode封装的Vue3二维码生成插件，可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境，并且支持微信小程序。本文将详细介绍该插件的使用方法，并给出一个基于Vu ......
一篇随笔学习React18组件通信与插槽
了解什么是jsx -> https://www.cnblogs.com/senior-shef/p/17872695.html 一、了解props 1、什么是props React支持两种组件，DOM组件和React组件。DOM组件指的是所有的HTML和SVG标签。比如说，如果我们想要使用标签，在R ......
自定义精美商品分类列表组件 侧边栏商品分类组件 category组件(适配vue3）
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对 ......
Vue 常用的指令都有哪些？
1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
学习笔记4：JavaSE & API（集合）
1、集合综述 （1）定义：集合与数组一样，可以保存一组元素，并且提供了操作元素的相关方法，使用更方便。 （2）java集合框架中相关接口 java.util.Collection接口：所有集合的顶级接口。Collection下面有多种实现类，因此我们有更多的数据结构可供选择。 java.util.L ......
Vue3 读取Hdr 文件转Image显示
import { decodeRGBE } from '@derschmale/io-rgbe'; //引入io-rgbe //读取Hdr文件 const ReadHdrFile = (buffer: ArrayBufferLike & { BYTES_PER_ELEMENT?: undefined ......
实时天气预报API接口
一、实时天气(预报)API接口 一款帮助你获取实时天气和天气预报的API接口 二、使用步骤 1、接口 重要提示:建议使用https协议,当https协议无法使用时再尝试使用http协议 请求方式: POST https://luckycola.com.cn/weather/getWeather 2、 ......
获取国内城市编码API接口
一、获取国内城市编码接口 一款免费的帮助你获取取国内城市编码的接口 二、使用步骤 1、接口 重要提示:建议使用https协议,当https协议无法使用时再尝试使用http协议 请求方式: GET https://luckycola.com.cn/weather/geo 2、请求参数 序号 参数 是否 ......
检测判断IP合法性API接口
一、检测判断IP合法性API接口 一款免费的帮助你检测判断IP合法性API接口 二、使用步骤 1、接口 重要提示:建议使用https协议,当https协议无法使用时再尝试使用http协议 请求方式: POST https://luckycola.com.cn/weather/ipValidate 2 ......
百度api实验总结
通过这次实验还是反映了之前讲到的，修改代码必须要建立在看懂的情况下，同样避免错误也是一样的，刚开始拿到这样一个json返回值的时候很蒙，饭后想到了之前看到的提取其中的值，我就说查一下吧 查到了不过是python的不过原理都一样我就说改改吧但是不成功，用为python的json包导进去很简单，直接im ......
实验一百度api具体操作步骤
首先登录百度翻译的网站： 百度翻译开放平台 (baidu.com) 获取百度翻译官方接口API与密钥并授权至软件或插件的方法 - 知乎 (zhihu.com) 根据上面博主就能创建： 在开发者信息这里点进去可以看见id和密钥 然后像前一篇一样新建粘贴代码填入id然后运行就会得到这样的结果： 图片上面 ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
uniapp有意思的api之openSetting
点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge ......
React 整洁代码的 10 个最佳实践（译）
作者：大家的林语冰链接：https://www.zhihu.com/question/36516604/answer/3279585231来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 React 整洁代码的 10 个最佳实践（译）免责声明 本文属于是语冰的直男翻译了 ......
[Vue] vue学习笔记(5): 过滤器
关于过滤器 注册过滤器：Vue.filter(name, callback) 或 new Vue({filters: {...}}) 使用过滤器：{{xxx | filter_name}} 或 v-bind:www="xxx | filter_name" 过滤器可以接受除过滤对象以外的其他参数，也可 ......
SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API
sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 属于 SAP Fiori Elements 的早期版本，它基于 SAPUI5 框架构建，主要是针对 ABAP 环境下的 OData V2 服务。 sap.fe.tem ......
[Vue] 案例：收集表单数据
创建一个表单，利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为， prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......
ElasticSearch之Refresh API
使用本方法，显式的执行refresh操作。 默认情况下，ElasticSearch启动后台任务，周期性执行refresh操作，周期使用参数index.refresh_interval控制。 本方法触发的refresh为同步操作，运行完毕之后才会返回任务的执行结果。 指定索引，执行refresh操作。 ......
ElasticSearch之Index stats API
获取指定索引的统计数据。 获取指定索引的全部统计数据，命令样例如下： curl -X GET "https://localhost:9200/testindex_001/_stats?pretty" --cacert $ES_HOME/config/certs/http_ca.crt -u "ela ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
ElasticSearch之Get index settings API
获取指定索引的参数的值。 获取指定索引的全部参数，命令样例如下： curl -X GET "https://localhost:9200/testindex_002/_settings?pretty" --cacert $ES_HOME/config/certs/http_ca.crt -u "el ......
探索 Web API：SpeechSynthesis 与文本语言转换技术
一、引言 随着科技的不断发展，人机交互的方式也在不断演变。语音识别和合成技术在人工智能领域中具有重要地位，它们为残障人士和日常生活中的各种场景提供了便利。Web API 是 Web 应用程序接口的一种，允许开发者构建与浏览器和操作系统集成的应用程序。本文将探讨 Web API 中的 SpeechSy ......
【JavaSE】时间API
JDK8版本之前的时间API（了解） Data类 SimpleDateFormat类 SimpleDateFormat类指定格式查API帮助文档即可 SimpleDateFormatDemo.java import java.text.ParseException; import java.text ......