react hook api vue
vue-devtools的安装与使用
vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
React - shouldComponentUpdate细化无效更新
import React, { Component } from 'react' import ReactDOM from 'react-dom/client' import { nanoid } from 'nanoid' const root = ReactDOM.createRoot(docu ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格,表头固定,表格内容上下滚动 首先尝试的这个原生的标签,但是有个问题啊,就是在循环滚动中,每次滚动之间会出现大片空白。 大概是这样:第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签,选择使用js和原生的html ta ......
react usePersistFn
import {useRef,} from 'react';function usePersistFn(fn) { const fnRef = useRef(fn); fnRef.current = fn; const persistFn = useRef(); if (!persistFn.cur ......
PHP调用openai api chatgpt示例
申请OpenAI账号 过程略 最终得到api_key 每个账号在调用API的额度这块,有5美元的免费额度,按照对应模型和对应tokens/1k的价格消耗完后就需要充值了 chat completion 这里给出对话场景的调用代码,prompt类型的completion接口同理,只是参数格式与响应格式 ......
运行vs开发的vue.js项目
开发好的vue.js项目,如何运行?参考如下步骤: #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门自然语言指令创建支付API代码(附python/node.js/curl命令源代码,小白也能学)
用户可以通过ChatGPT,使用自然语言指令来创建和控制自己想调用Stripe API的代码,无需关心技术细节和实现过程。用户还可以根据自己的喜好和需求,选择不同的语言和模型来生成相应的接口,更快速地生成调用OpenAI的各种模型和服务的代码。 ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法 页面: <view class="demo-uni-col light" v-for="cardIndex in u ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer,然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
React 的学习笔记一 (未完结)
一、React 是什么 React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。 1.1、React的优点 采用组件化模式,声明式编程( react是面向数据编程,不需要 ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia (未完结)
优秀文章分享:vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <!-- 视图 --> <template>{{ count }}</t ......
Argon creative-tim UI with create-react-native-app
React Native Elements开发环境 & 生成项目 & 虚拟机调试 & 本地生成APK档 & 虚拟机运行APK档 1.0 Argon creative-tim UI https://demos.creative-tim.com/argon-pro-react-native/?_ga=2 ......
python BDD API测试
1. 配置内网 确认能登录 https://deopcard.corp.OOOO.com/ui/builds Artifacts>set me up>search: pypi> Get the info as below in resolve tab 在这个文件夹路径下 :Users->userna ......
Vue中div和template的区别
template是作为占位符模板,用于包裹元素,自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none; template并没有被作为 dom元素被渲染出来, 所有无法控制其 display:no ......
vue中van-picker的选项插槽使用方法
van-picker的内部选项怎么来自定义 首先要确保 Vant UI 的版本在2.10.0以上 然后利用插槽slot来实现,在Vant 里插槽有一个进阶用法 # <van-picker :show-toolbar="false" :default-index="2" // 默认选中第三行,选中第一 ......
记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
最近在用el-select时发现渲染出来的选项全部被激活了,一开始以为时v-for的key重复了,后来发现不是。 又以为时v-model绑定的数据不是响应式的,发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz ......
ElementUI的不常见报错Error in beforeDestroy hook: “Error: [ElementForm]unpected width
今天在解决项目BUG的时候,发现控制台突然多出了一个错误, Error in beforeDestroy hook: “Error: [ElementForm]unpected width 简单分析过后,确定了问题出在了 Form 表单中,但不影响正常功能,看了一些文章,同样的问题也会出现在dial ......
使用axios+vue在离开页面时中断网络请求
最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步: 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步:在封装好的接口方法中加入cancelToken配置属性 ......
ASP.NET Core API模型绑定和Action数据返回格式
参考文档:https://www.cnblogs.com/FlyLolo/p/ASPNETCore2_20.html 模型绑定 [FromQuery] - 从URL中取值。 [FromRoute] - 从路由中取值。 [FromForm] - 从表单中取值。Postman使用form-data或x- ......
vue中设置input输入框的值为正整数,不能为负数和小数
import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
java 微信支付v3 —9.微信支付之商家转账API
正文 这个功能就比较复杂了,首先是得有90天的资金流水才能开通,其次开通后还需要在官网进行配置,不能直接调用,并且限制了IP地址。 如下图所示,首先需要进行产品设置,将里面都设置好后才能进行开发,只开通功能是远远不够的。 商家转账设置说明及避坑指南 页面发起:即登录微信支付后,手动输入用户信息,进行 ......
java 微信支付v3 —6.微信支付查询订单API
正文什么时候会用到这个API?常规情况下,回调接口已经足够我们使用,用户支付成功后,微信会自动调用我们的回调接口进行回调,那么还需要这个API吗?使用场景:微信服务器故障,我们的服务器故障,服务器端正在进行更新导致用户付款后端没有及时接收到微信的回调请求,那么此时我们就可以让用户点击按钮“更新支付状 ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。 如果将对象分配为 ref 值,则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象,会自动解包。 <template> <d ......
vue+element-ui+springboot实现修改当前登录用户的信息
正文:话不多说,直接上代码 springboot代码 /** * 根据id修改当前登录用户的信息 * * @param username * @return */ @GetMapping("/username/{username}") public Result findOne(@PathVaria ......
在Vue中发起axios请求成功,却被catch捕捉返回Network Error
前端发起请求成功,后台接收处理返回,却被axios的catch捕获,没有走then函数。 最后添加了headers配置成功解决,如上,附上axios接口配置中文文档:axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案:(虽然CSDN饱受诟病,对于初入行 ......
VUE 使用iconfont 动态加载不转义的问题
手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的,而不是写死的,那么这种class写法不行了,得使用unicode 那么正常我们使用是这样 <i class="iconfont">3</i ......
vue+element 下拉框选择加搜索并且列表选项带图片
子组件代码: <template> <!-- 单选下拉框 --> <el-select v-model.trim="selectValue" filterable clearable :placeholder="placeText" :filter-method="filterMethod" :lo ......
限制左键拖拽图片阴影vue
<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you ......
APP脱壳与反编译之Android Hook
实验环境 1. 安装安卓模拟器 2,安装miniconda 3,安装frida pip install frida pip install frida frida-tools -i https://pypi.mirrors.ustc.edu.cn/simple/frida --version 4,开 ......