鸿蒙开发实战：网络请求库【axios】

简介

[Axios] ，是一个基于 promise 的网络请求库，可以运行 node.js 和浏览器中。本库基于[Axios]原库v1.3.4版本进行适配，使其可以运行在 OpenHarmony，并沿用其现有用法和特性。

  • http 请求
  • Promise API
  • request 和 response 拦截器
  • 转换 request 和 response 的 data 数据
  • 自动转换 JSON data 数据

在这里插入图片描述

下载安装

ohpm install @ohos/axios

需要权限

ohos.permission.INTERNET

接口和属性列表

接口列表

接口参数功能
axios(config)[config]：请求配置发送请求
axios.create(config)[config]：请求配置创建实例
axios.request(config)[config]：请求配置发送请求
axios.get(url[, config])url：请求地址 [config]：请求配置发送get请求
axios.delete(url[, config])url：请求地址 [config]：请求配置发送delete请求
axios.post(url[, data[, config]])url：请求地址 data：发送请求体数据 [config]：请求配置发送post请求
axios.put(url[, data[, config]])url：请求地址 data：发送请求体数据 [config]：请求配置发送put请求

属性列表

属性描述
axios.defaults[‘xxx’]默认设置 。值为请求配置 [config] 中的配置项 例如 axios.defaults.headers 获取头部信息
axios.interceptors拦截器。参考 [拦截器] 的使用

使用示例

使用前在demo中entry–>src–>main–>ets–>common–>Common.ets文件中改为正确的服务器地址，在entry–>src–>main–>resources–>rawfile目录下添加正确的证书，才可正常的使用demo。

发起一个 GET 请求

axios支持泛型参数，由于ArkTS不再支持any类型，需指定参数的具体类型。 如：axios.get<T = any, R = AxiosResponse, D = any>(url)

  • T: 是响应数据类型。当发送一个 POST 请求时，客户端可能会收到一个 JSON 对象。T 就是这个 JSON 对象的类型。默认情况下，T 是 any，这意味着可以接收任何类型的数据。
  • R: 是响应体的类型。当服务器返回一个响应时，响应体通常是一个 JSON 对象。R 就是这个 JSON 对象的类型。默认情况下，R 是 AxiosResponse，这意味着响应体是一个 AxiosResponse 对象，它的 data 属性是 T 类型的
  • D: 是请求参数的类型。当发送一个 GET 请求时，可能会在 URL 中添加一些查询参数。D 就是这些查询参数的类型。参数为空情况下，D 是 null类型。
import axios from '@ohos/axios'
interface userInfo{id: numbername: string,phone: number
}// 向给定ID的用户发起请求
axios.get<userInfo, AxiosResponse<userInfo>, null>('/user?ID=12345')
.then((response: AxiosResponse<userInfo>)=> {// 处理成功情况console.info("id" + response.data.id)console.info(JSON.stringify(response));
})
.catch((error: AxiosError)=> {// 处理错误情况console.info(JSON.stringify(error));
})
.then(()=> {// 总是会执行
});// 上述请求也可以按以下方式完成（可选）
axios.get<userInfo, AxiosResponse<userInfo>, null>('/user', {params: {ID: 12345}
})
.then((response:AxiosResponse<userInfo>) => {console.info("id" + response.data.id)console.info(JSON.stringify(response));
})
.catch((error:AxiosError) => {console.info(JSON.stringify(error));
})
.then(() => {// 总是会执行
});// 支持async/await用法
async function getUser() {try {const response:AxiosResponse = await axios.get<string, AxiosResponse<string>, null>(this.getUrl);console.log(JSON.stringify(response));} catch (error) {console.error(JSON.stringify(error));}
}

发送一个 POST 请求

interface user {firstName: string,lastName: string
}axios.post<string, AxiosResponse<string>, user>('/user', {firstName: 'Fred',lastName: 'Flintstone'}).then((response: AxiosResponse<string>) => {console.info(JSON.stringify(response));}).catch((error) => {console.info(JSON.stringify(error));
});

发起多个并发请求

 const getUserAccount = ():Promise<AxiosResponse> => {return axios.get<string, AxiosResponse<string>, null>('/user/12345');}const getUserPermissions = ():Promise<AxiosResponse> => {return axios.get<string, AxiosResponse<string>, null>('/user/12345/permissions');}Promise.all<AxiosResponse>([getUserAccount(), getUserPermissions()]).then((results:AxiosResponse[]) => {const acct = results[0].data as string;const perm = results[1].data as string;});

使用说明

axios API

通过向 axios 传递相关配置来创建请求
axios(config)
// 发送一个get请求
axios<string, AxiosResponse<string>, null>({method: "get",url: 'https://www.xxx.com/info'
}).then((res: AxiosResponse) => {console.info('result:' + JSON.stringify(res.data));
}).catch((error: AxiosError) => {console.error(error.message);
})
axios(url[, config])
// 发送一个get请求（默认请求方式）
axios.get<string, AxiosResponse<string>, null>('https://www.xxx.com/info', { params: { key: "value" } })
.then((response: AxiosResponse) => {console.info("result:" + JSON.stringify(response.data));
})
.catch((error: AxiosError) => {console.error("result:" + error.message);
});
请求方法的 别名方式 来创建请求

为方便起见，为所有支持的请求方法提供了别名。

  • axios.request(config)
  • axios.get(url[, config])
  • axios.delete(url[, config])
  • axios.post(url[, data[, config]])
  • axios.put(url[, data[, config]])

注意: 在使用别名方法时， url、method、data 这些属性都不必在配置中指定。

// 发送get请求
axios.get<string, AxiosResponse<string>, null>('https://www.xxx.com/info', { params: { key: "value" } })
.then((response: AxiosResponse) => {console.info("result:" + JSON.stringify(response.data));
})
.catch((error: AxiosError) => {console.error("result:" + error.message);
});

axios 实例

创建一个实例

您可以使用自定义配置新建一个实例。
axios.create([config])

const instance = axios.create({baseURL: 'https://www.xxx.com/info',timeout: 1000,headers: {'X-Custom-Header': 'foobar'}
});
实例方法
  • axios#request(config)
  • axios#get(url[, config])
  • axios#delete(url[, config])
  • axios#post(url[, data[, config]])
  • axios#put(url[, data[, config]])

)请求配置

这些是创建请求时可以用的配置选项。只有 url 是必需的。如果没有指定 method，请求将默认使用 get 方法。

{// `url` 是用于请求的服务器 URLurl: '/user',// `method` 是创建请求时使用的方法 支持post/get/put/delete方法，不区分大小写，默认为get方法method: 'get', // default// `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。// 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URLbaseURL: 'https://www.xxx.com/info',// `transformRequest` 允许在向服务器发送前，修改请求数据// 它只能用于 'PUT', 'POST' 和 'PATCH' 这几个请求方法// 数组中最后一个函数必须返回一个字符串， 一个Buffer实例，ArrayBuffer，FormData，或 Stream// 你可以修改请求头。transformRequest: [function (data, headers) {// 对发送的 data 进行任意转换处理return data;}],// `transformResponse` 在传递给 then/catch 前，允许修改响应数据transformResponse: [function (data) {// 对接收的 data 进行任意转换处理return data;}],// `headers` 是即将被发送的自定义请求头headers: {'Content-Type': 'application/json'},// `params` 是即将与请求一起发送的 URL 参数// 必须是一个无格式对象(plain object)，其他对象如 URLSearchParams ，必须使用 paramsSerializer 进行序列化params: {ID: 12345},// `paramsSerializer` 是一个负责 `params` 序列化的函数paramsSerializer: function(params) {return params},// `data` 是作为请求主体被发送的数据// 只适用于这些请求方法 'PUT', 'POST', 和 'PATCH'// 在没有设置 `transformRequest` 时，必须是以下类型之一，其他类型使用 transformRequest 转换处理// - string, plain object, ArrayBufferdata: {firstName: 'Fred'},// 发送请求体数据的可选语法// 请求方式 post// 只有 value 会被发送，key 则不会data: 'Country=Brasil&City=Belo Horizonte',// `timeout` 指定请求超时的毫秒数(0 表示无超时时间)// 如果请求超过 `timeout` 的时间，请求将被中断timeout: 1000,// `adapter` 允许自定义处理请求，这使测试更加容易。// 返回一个 promise 并提供一个有效的响应 （参见 lib/adapters/README.md）。adapter: function (config) {/* ... */},// 如果设置了此参数，系统将使用用户指定路径的CA证书，(开发者需保证该路径下CA证书的可访问性)，否则将使用系统预设CA证书，系统预设CA证书位置：/etc/ssl/certs/cacert.pem。证书路径为沙箱映射路径（开发者可通过Global.getContext().filesDir获取应用沙箱路径）。caPath: '',// 客户端证书的clientCert字段，包括4个属性：// 客户端证书（cert）、客户端证书类型（certType）、证书私钥（key）和密码短语（keyPasswd）。clientCert:{certPath: '',  // 客户端证书路径certType: '',  // 客户端证书类型，包括pem、der、p12三种keyPath: '',   // 证书私钥路径keyPasswd: ''  // 密码短语}// 优先级，范围[1,1000]，默认是1，值越大，优先级越高；priority: 1,//  `responseType` 指定返回数据的类型，默认无此字段。如果设置了此参数，系统将优先返回指定的类型。// 选项包括: string:字符串类型; object:对象类型; array_buffer:二进制数组类型。responseType: 'string', //  `proxy`// 是否使用HTTP代理，默认为false，不使用代理。// 当proxy为AxiosProxyConfig类型时，使用指定网络代理。proxy: {host: 'xx', // Host portport: xx, // Host portexclusionList: [] // Do not use a blocking list for proxy servers}// `onUploadProgress` 允许为上传处理进度事件onUploadProgress: function (progressEvent) {// 对原生进度事件的处理},// `onDownloadProgress` 允许为下载处理进度事件，下载文件必须设置该事件onDownloadProgress: function (progressEvent) {// 对原生进度事件的处理},// 基于应用程序的上下文，只适用于上传/下载请求context: context,// 下载路径。此参数，只适用于下载请求，// Stage模型下使用AbilityContext 类获取文件路径，比如：'${getContext(this).cacheDir}/test.txt’并将文件存储在此路径下filePath: context,}

响应结构

一个请求的响应包含以下信息。

{// `data` 由服务器提供的响应data: {},// `status` 来自服务器响应的 HTTP 状态码status: 200,// `statusText` 来自服务器响应的 HTTP 状态信息statusText: 'OK',// `headers` 是服务器响应头// 所有的 header 名称都是小写，而且可以使用方括号语法访问// 例如: `response.headers['content-type']`headers: {},// `config` 是 `axios` 请求的配置信息config: {},// `request` 是生成此响应的请求request: {}
}

当使用 then 时，您将接收如下响应:

axios.get<string, AxiosResponse<string>, null>(this.getUrl).then( (response:AxiosResponse<string>)=> {console.log("result data: " + response.data);console.log("result status: " + response.status);console.log("result statusText: " + response.statusText);console.log("result headers: " + response.headers);console.log("result config: " + response.config);});

默认配置

您可以指定默认配置，它将作用于每个请求。

全局 axios 默认值
axios.defaults.baseURL = 'https://www.xxx.com';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
自定义实例默认值
// 创建实例时配置默认值
const instance = axios.create({baseURL: 'https://www.xxx.com'
});// 创建实例后修改默认值
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

配置的优先级 配置将会按优先级进行合并。它的顺序是：在lib/defaults.js中找到的库默认值，然后是实例的 defaults 属性，最后是请求的 config 参数。后面的优先级要高于前面的。下面有一个例子。

// 使用库提供的默认配置创建实例
// 此时超时配置的默认值是 `0`
const instance = axios.create();// 重写库的超时默认值
// 现在，所有使用此实例的请求都将等待2.5秒，然后才会超时
instance.defaults.timeout = 2500;// 重写此请求的超时时间，因为该请求需要很长时间
instance.get<string, AxiosResponse<string>, null>(this.getUrl, {timeout: 5000
})

拦截器

在请求或响应被 then 或 catch 处理前拦截它们。

// 添加请求拦截器
axios.interceptors.request.use((config:InternalAxiosRequestConfig) => {// 对请求数据做点什么return config;
}, (error:AxiosError) => {// 对请求错误做些什么return Promise.reject(error);
});// 添加响应拦截器
axios.interceptors.response.use((response:AxiosResponse)=> {// 对响应数据做点什么return response;
}, (error:AxiosError)=> {// 对响应错误做点什么return Promise.reject(error);
});

移除拦截器

const myInterceptor = axios.interceptors.request.use((response: AxiosResponse)=> {/*...*/});
axios.interceptors.request.eject(myInterceptor);

可以给自定义的 axios 实例添加拦截器

const instance = axios.create();
instance.interceptors.request.use((config:InternalAxiosRequestConfig)=> {/*...*/});

指定返回数据的类型

responseType 指定返回数据的类型，默认无此字段。如果设置了此参数，系统将优先返回指定的类型。 选项包括: string:字符串类型; object:对象类型; array_buffer:二进制数组类型。 设置responseType后，response.data中的数据将为指定类型

 axios<string, AxiosResponse<string>, null>({url: 'https://www.xxx.com/info',method: 'get',responseType: 'array_buffer', }).then((res: AxiosResponse) => {// 处理请求成功的逻辑})

注意：也可以通过重写transformResponse方法，修改返回数据；

 axios<string, AxiosResponse<string>, null>({url: 'https://www.xxx.com/info',method: 'get',responseType: 'array_buffer', transformResponse:(data)=>{return data}}).then((res: AxiosResponse) => {// 处理请求成功的逻辑})

自定义ca证书

  axios<infoModel, AxiosResponse<infoModel>, null>({url: 'https://www.xxx.com/xx',method: 'get',caPath: '', //ca证书路径}).then((res: AxiosResponse) => {// }).catch((err: AxiosError) => {//})

自定义客户端证书

  axios<infoModel, AxiosResponse<infoModel>, null>({url: 'https://www.xxx.com/xx',method: 'get',caPath: '', //ca证书路径clientCert: {certPath: '', //客户端证书路径certType: 'p12', // 客户端证书类型，包括pem、der、p12三种keyPath: '', //客户端私钥路径keyPasswd: '' // 密码}}).then((res: AxiosResponse) => {// }).catch((err: AxiosError) => {//})

设置代理

    axios<string, AxiosResponse<string>, null>({url: 'xxx',method: 'get',proxy:{host: 'xxx',port: xx,exclusionList: []}}).then((res: AxiosResponse) => {// }).catch((err: AxiosError) => {//})

证书锁定

证书锁定的用法如下：

需要在配置文件中对证书进行相关信息的配置：配置文件路径为：entry/src/main/resources/base/profile/network_config.json

配置文件：network_config

{"network-security-config": {"domain-config": [{"domains": [{"include-subdomains": true,"name": "x.x.x.x"  // ip地址或域名}],"pin-set": {"expiration": "2024-8-6", //证书锁定的有效期"pin": [{"digest-algorithm": "sha256", //消息摘要的哈希算法，支持格式是sha256 "digest": "WAFcHG6pAINrztx343ccddfzLOdfoDS9pPgMv2XHk=" //消息摘要}]}}]}
}
digest字段消息摘要获取

使用openssl从服务器获取证书，并提取出消息摘要

openssl s_client -connect host:port 2>&1 < /dev/null \| sed -n '/-----BEGIN/,/-----END/p' \| openssl x509 -noout -pubkey \| openssl pkey -pubin -outform der \| openssl dgst -sha256 -binary \| openssl enc -base64

上传下载文件

上传文件示例
  • 上传文件需要单独导入FormData模块
  • 当前版本只支持 Stage 模型
  • 上传类型支持uri和ArrayBuffer，uri支持“internal”协议类型，仅支持"internal"协议类型，"internal://cache/"为必填字段，示例： internal://cache/path/to/file.txt
  • 请求的表单数据值为string类型
当上传的内容为ArrayBuffer时，用法如下
import axios from '@ohos/axios'
import { FormData } from '@ohos/axios'
import fs from '@ohos.file.fs';// ArrayBuffer
let formData = new FormData()
let cacheDir = getContext(this).cacheDir
try {// 写入let path = cacheDir + '/hello.txt';let file = fs.openSync(path, fs.OpenMode.CREATE | fs.OpenMode.READ_WRITE)fs.writeSync(file.fd, "hello, world"); // 以同步方法将数据写入文件fs.fsyncSync(file.fd); // 以同步方法同步文件数据。fs.closeSync(file.fd);// 读取let file2 = fs.openSync(path, 0o2);let stat = fs.lstatSync(path);let buf2 = new ArrayBuffer(stat.size);fs.readSync(file2.fd, buf2); // 以同步方法从流文件读取数据。fs.fsyncSync(file2.fd);fs.closeSync(file2.fd);formData.append('file', buf2);
} catch (err) {console.info('err:' + JSON.stringify(err));
}
// 发送请求
axios.post<string, AxiosResponse<string>, FormData>(this.uploadUrl, formData, {headers: { 'Content-Type': 'multipart/form-data' },context: getContext(this),onUploadProgress: (progressEvent: AxiosProgressEvent): void => {console.info(progressEvent && progressEvent.loaded && progressEvent.total ? Math.ceil(progressEvent.loaded / progressEvent.total * 100) + '%' : '0%');
},
}).then((res: AxiosResponse) => {console.info("result" + JSON.stringify(res.data));
}).catch((error: AxiosError) => {console.error("error:" + JSON.stringify(error));
})
当上传的uri时，用法如下
import axios from '@ohos/axios'
import { FormData } from '@ohos/axios'let formData = new FormData()
formData.append('file', 'internal://cache/blue.jpg')// 发送请求
axios.post<string, AxiosResponse<string>, FormData>('https://www.xxx.com/upload', formData, {headers: { 'Content-Type': 'multipart/form-data' },context: getContext(this),onUploadProgress: (progressEvent: AxiosProgressEvent): void => {console.info(progressEvent && progressEvent.loaded && progressEvent.total ? Math.ceil(progressEvent.loaded / progressEvent.total * 100) + '%' : '0%');},
}).then((res: AxiosResponse<string>) => {console.info("result" + JSON.stringify(res.data));
}).catch((err: AxiosError) => {console.error("error:" + JSON.stringify(err));
})
下载文件示例

设置下载路径filePath（默认在’internal://cache/'路径下）。

关于filePath
filePath:‘workspace/test.txt’：默认路径下创建workspace路径，并将文件存储在workspace路径下。
filePath:‘test.txt’：将文件存储在默认路径下。
filePath:‘workspace/’：默认路径下创建workspace路径，并将文件存储在workspace路径下。

  • 当前版本只支持 Stage 模型 下载文件时，如果filePath已存在该文件则下载失败，下载之前需要先删除文件。
let filePath = getContext(this).cacheDir + '/blue.jpg'
// 下载。如果文件已存在，则先删除文件。
try {fs.accessSync(filePath);fs.unlinkSync(filePath);
} catch(err) {}axios({url: 'https://www.xxx.com/blue.jpg',method: 'get',context: getContext(this),filePath: filePath ,onDownloadProgress: (progressEvent: AxiosProgressEvent): void => {console.info("progress: " + progressEvent && progressEvent.loaded && progressEvent.total ? Math.ceil(progressEvent.loaded / progressEvent.total * 100) : 0)}
}).then((res)=>{console.info("result: " + JSON.stringify(res.data));
}).catch((error)=>{console.error("error:" + JSON.stringify(error));
})

错误处理

错误处理示例代码
axios.get<string, AxiosResponse<string>, null>('/user/12345').catch((error:AxiosError)=> {console.log(JSON.stringify(error.message));console.log(JSON.stringify(error.code));console.log(JSON.stringify(error.config));});
错误码
  • 网络请求异常时，catch方法接收到异常，异常错误码 [请点击查看]
  • 错误常量
名称参数类型可读可写说明
NETWORK_MOBILEnumber是否使用蜂窝网络时允许下载的位标志。
NETWORK_WIFInumber是否使用WLAN时允许下载的位标志。
ERROR_CANNOT_RESUME7+number是否某些临时错误导致的恢复下载失败。
ERROR_DEVICE_NOT_FOUND7+number是否找不到SD卡等存储设备。
ERROR_FILE_ALREADY_EXISTS7+number是否要下载的文件已存在，下载会话不能覆盖现有文件。
ERROR_FILE_ERROR7+number是否文件操作失败。
ERROR_HTTP_DATA_ERROR7+number是否HTTP传输失败。
ERROR_INSUFFICIENT_SPACE7+number是否存储空间不足。
ERROR_TOO_MANY_REDIRECTS7+number是否网络重定向过多导致的错误。
ERROR_UNHANDLED_HTTP_CODE7+number是否无法识别的HTTP代码。
ERROR_UNKNOWN7+number是否未知错误。
PAUSED_QUEUED_FOR_WIFI7+number是否下载被暂停并等待WLAN连接，因为文件大小超过了使用蜂窝网络的会话允许的最大值。
PAUSED_UNKNOWN7+number是否未知原因导致暂停下载。
PAUSED_WAITING_FOR_NETWORK7+number是否由于网络问题（例如网络断开）而暂停下载。
PAUSED_WAITING_TO_RETRY7+number是否发生网络错误，将重试下载会话。
SESSION_FAILED7+number是否下载会话已失败，将不会重试。
SESSION_PAUSED7+number是否下载会话已暂停。
SESSION_PENDING7+number是否正在调度下载会话。
SESSION_RUNNING7+number是否下载会话正在进行中。
SESSION_SUCCESSFUL7+number是否下载会话已完成。

鸿蒙开发知识更新在gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md前往参考。

鸿蒙开发OpenHarmony就业必修技能.png

约束与限制

在下述版本验证通过： DevEco Studio: 4.1 Canary2(4.1.3.325), SDK: API11(4.1.0.36)

注意：除双向证书验证及证书锁定功能必须使用API11外，其余功能支持API9、API10

FAQ

  • 服务器返回多个cookie，response.header中只能读取首个cookie。
    由于该库底层依赖ohos.net.http模块，ohos.net.http也存在此问题，204.1.0.33 镜像版本已修复此问题。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/766568.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Stable Diffusion实现光影字效果

Stable Diffusion实现光影字效果

昨天下午有人在群里发光影图片&#xff0c;大家都觉得很酷&#xff0c;我没怎么在意。直到早上我在小红书看到有人发同款图片&#xff0c;只是一晚上的时间点赞就超过了8000&#xff0c;而且评论数也很高&#xff0c;也可以做文字定制变现。研究了一下发现这个效果不难实现&…
阅读更多...
数据结构/C++：哈希表

数据结构/C++：哈希表

数据结构/C&#xff1a;哈希表 哈希表概念哈希函数直接定址法除留余数法 哈希冲突闭散列 - 开放定址法基本结构查找插入删除总代码展示 开散列 - 哈希桶基本结构查找插入删除代码展示 哈希表概念 在顺序表中&#xff0c;查找一个数据的时间复杂度为O(N)&#xff1b;在平衡树这…
阅读更多...
宋仕强论道之华强北科技创新说

宋仕强论道之华强北科技创新说

宋仕强论道之华强北科技创新说&#xff0c;“创新”是深圳市和华强北灵魂&#xff0c;创新再加上敢想敢干永不言败&#xff0c;造就了深圳市经济奇迹和华强北财富神话&#xff01;首次在深圳市落槌的“土地拍卖”&#xff0c;华强北“一米柜台”赋予独立经营权&#xff0c;把最…
阅读更多...
通过jsDelivr实现Github的图床CDN加速

通过jsDelivr实现Github的图床CDN加速

最近小伙伴们是否发现访问我的个人博客http://xiejava.ishareread.com/图片显示特别快了&#xff1f; 我的博客的图片是放在github上的&#xff0c;众所周知的原因&#xff0c;github访问不是很快&#xff0c;尤其是hexo博客用github做图床经常图片刷不出来。一直想换图床&…
阅读更多...
提面 | 面试抽题

提面 | 面试抽题

学习到更新日期面试抽题-1.2案例分析的思维本质2024-3-23 1提面抽屉论述问题的分类 1.1案例分析占总论 1.2案例分析的思维本质
阅读更多...
rabbitmq 3.9.29 docker mac 管理员页面无法打开

rabbitmq 3.9.29 docker mac 管理员页面无法打开

SyntaxError: Unexpected token ‘catch’ SyntaxError: Unexpected token ‘catch’ at EJS.Compiler.compile (http://127.0.0.1:15672/js/ejs-1.0.min.js:1:6659) at new EJS (http://127.0.0.1:15672/js/ejs-1.0.min.js:1:1625) at format (http://127.0.0.1:15672/js/main…
阅读更多...
【docker系列】深入理解 Docker 容器管理与清理

【docker系列】深入理解 Docker 容器管理与清理

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…
阅读更多...
llvm后端

llvm后端

SelectionDAGBuilder是LLVM&#xff08;Low Level Virtual Machine&#xff09;编译器中的一个重要组件&#xff0c;它负责将LLVM中间表示&#xff08;Intermediate Representation&#xff0c;IR&#xff09;转换为SelectionDAG&#xff08;选择有向无环图&#xff09;的形式。…
阅读更多...
java selenium 元素点击不了

java selenium 元素点击不了

最近做了一个页面爬取&#xff0c;很有意思被机缘巧合下解决了。 这个元素很奇怪&#xff0c;用xpath可以定位元素&#xff0c;但是就是click()不了。 试过了网上搜的一些办法&#xff1a; //尝试一 WebElement a_tag driver.findElement(By.xpath("xxx")); a_tag…
阅读更多...
适合马犬吃的狗粮有哪些？

适合马犬吃的狗粮有哪些？

亲爱的朋友们&#xff0c;你们是不是也在为家里的马犬挑选合适的狗粮而犯愁呢&#xff1f;&#x1f436;&#x1f35a; 今天&#xff0c;我就来和大家分享一下适合马犬吃的狗粮有哪些&#xff0c;以及为什么我要特别推荐福派斯鲜肉无谷狗粮。 首先&#xff0c;我们得了解马犬的…
阅读更多...
ArmSoM-Sige RK3588开发板产品简介

ArmSoM-Sige RK3588开发板产品简介

让我们在 5 分钟内了解 Sige7。 简介​ ArmSoM-Sige7采用Rockchip RK3588新一代旗舰级八核64位处理器&#xff0c;主频高达2.4GHz&#xff0c;6 TOPS算力NPU&#xff0c;最大可配32GB大内存。支持8K视频编解码&#xff0c;拥有丰富的接口&#xff0c;支持双2.5G网口、WiFi6 &…
阅读更多...
【leetcode热题】 二叉树的右视图

【leetcode热题】 二叉树的右视图

给定一个二叉树的 根节点 root&#xff0c;想象自己站在它的右侧&#xff0c;按照从顶部到底部的顺序&#xff0c;返回从右侧所能看到的节点值。 示例 1: 输入: [1,2,3,null,5,null,4] 输出: [1,3,4]示例 2: 输入: [1,null,3] 输出: [1,3]示例 3: 输入: [] 输出: []解法一 题…
阅读更多...
InstructGPT的流程介绍

InstructGPT的流程介绍

1. Step1&#xff1a;SFT&#xff0c;Supervised Fine-Tuning&#xff0c;有监督微调。顾名思义&#xff0c;它是在有监督&#xff08;有标注&#xff09;数据上微调训练得到的。这里的监督数据其实就是输入Prompt&#xff0c;输出相应的回复&#xff0c;只不过这里的回复是人工…
阅读更多...
element-ui checkbox 组件源码分享

element-ui checkbox 组件源码分享

简单分享 checkbox 组件&#xff0c;主要从以下三个方面来分享&#xff1a; 1、组件的页面结构 2、组件的属性 3、组件的方法 一、组件的页面结构 二、组件的属性 2.1 value / v-model 属性&#xff0c;绑定的值&#xff0c;类型 string / number / boolean&#xff0c;无…
阅读更多...
Spring单元测试+Mockito

Spring单元测试+Mockito

一&#xff0c;背景 单元测试基本上是开发逃不过的一个工作内容&#xff0c;虽然往往因为过于无聊&#xff0c;或者过于麻烦&#xff0c;而停止于项目的迭代之中&#xff0c;不了了之了。其实不是开发们懒&#xff0c;而是上头要求的测试覆盖率高&#xff0c;但是又没有好用的…
阅读更多...
Stable Diffusion 本地训练端口与云端训练端口冲突解决办法

Stable Diffusion 本地训练端口与云端训练端口冲突解决办法

方法之一&#xff0c;修改本地训练所用的端口 1 首先&#xff0c;进入脚本训练器的根目录 例如&#xff1a;C:\MarkDeng\lora-scripts-v1.7.3 找到gui.py 2 修改端口号 因为云端训练器也是占用28000和6006端口 那么本地改成27999和6007也是可以的 保存退出&#xff0c;运行启动…
阅读更多...
扩展一下BenchmarkSQL，新增支持ASE/HANA/DB2/SQLServer，可以随便用了

扩展一下BenchmarkSQL，新增支持ASE/HANA/DB2/SQLServer，可以随便用了

1 背景 提到数据库的性能，自然就避不开性能测试。有专用于测试OLTP的，也有偏重于OLAP的。本文介绍的BenchmarkSQL就属于测试OLTP中的一个，基于TPCC的。网上有很多介绍TPC*的相关测试的文章，大家可以自行脑补。而PostgreSQL自带的pgbench是属于TPCC的前一个基准测试程序，偏…
阅读更多...
机器学习基础知识面经（个人记录）

机器学习基础知识面经（个人记录）

朴素贝叶斯 特征为理想状态下的独立同分布&#xff0c;作为机器学习的重要基石和工具 由贝叶斯公式推导而来 是后验概率&#xff1a;在B发生的条件下A发生的概率。 是似然概率: 在 发生的条件下 发生的概率。 是先验概率: 发生的概率&#xff0c;而不考虑 的影响。 是…
阅读更多...
【PyQt】17.1-日历控件 不同风格的日期和时间、以及高级操作

【PyQt】17.1-日历控件 不同风格的日期和时间、以及高级操作

日历控件puls版本 前言一、日历控件中不同风格的日期和时间1.1 代码1.2 注意事项格式设置m的大小写问题QTime和QDateTime的区别 1.3 运行结果 二、高级操作2.1 成倍调整2.2 下拉出日历2.3 事件函数2.4 获取设置的日期和时间 完整代码 前言 1、不同风格的日期和时间展示 2、高级…
阅读更多...
uni-app里面如何使用图标

uni-app里面如何使用图标

目录 一、导入 1.在官方&#xff08;iconfont-阿里巴巴矢量图标库&#xff09;选择自己想要的图标&#xff0c;加入购物车 2. 在点击购物车下载代码 3.解压文件夹 并更改名字 4.将文件夹&#xff08;iconfont&#xff09;整个放到项目中的static中 5.修改iconfont.css文件…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023