VTABLE 基本表和透视表的分页功能

基本表和VTable数据分析透视表支持分页，但透视组合图不支持分页。
配置项：

  • pagination.totalCount：数据项的总数。数据透视表中的VTable字段将被自动补充，以帮助用户获取数据项的总数。
  • pagination.perPageCount：显示每页的数据项数。注意!数据透视表中的perPageCount将自动更正为指示器数量的整数倍。
  • pagination.currentPage：当前页码。

方法：Methods.updatePagination，更新页码配置信息，调用后会自动重绘。

 /*** Update page number* @param pagination The information of the page number to be modified*/updatePagination(pagination: IPagination): void;

IPagination type define:

/***Paging configuration*/
export interface IPagination {/** The total number of data, this data in the pivot table will be automatically added without user input */totalCount?: number;/** Display number of data items per page */perPageCount: number;/** Display number of items per page */currentPage?: number;
}

使用：

const tableInstance = shallowRef();
tableInstance.value = new ListTable(listTableRef.value, option);
tableInstance.value.updatePagination({
perPageCount: number;currentPage: pageNumber});

基本表（ListTable）的分页
在这里插入图片描述
基于百万级数据的秒级渲染的demo做的分页， https://visactor.io/vtable/demo/performance/100W
分页html相关代码：

<div style="width: 1580px; height: 50px" class="right-align"><button id="first-buttom" > 首页</button><button id="prev-buttom" > 上一页</button><span id="page-namber">第1页</span><input id="cpnr" type="hidden"><span>/</span><span id="total-page">共 页</span><input id="mpnr" type="hidden"><button id="next-buttom">下一页</button><button id="tail-buttom" > 尾页</button><span id="total-num">共 条</span><input  id="spn" type="number" ><button id="skip-buttom"> 跳转</button></div>

分页js相关代码：

  const option = {records,columns,widthMode: "standard",pagination:{perPageCount:15,currentPage:0,},};onMounted(() => {tableInstance.value = new ListTable(listTableRef.value, option);//分页相关代码let pageNumber = 0;const totalNum = option.records.length;const pageSize =option.pagination.perPageCount;const pageNumberSpan = document.getElementById("page-namber");const totalPageSpan = document.getElementById("total-page");const totalNumSpan = document.getElementById("total-num");const totalPg = Math.ceil(totalNum/pageSize);//总页数totalPageSpan.innerHTML='共'+totalPg+'页';totalNumSpan.innerHTML='共'+totalNum+'条';document.getElementById("prev-buttom").addEventListener("click", () => {if (pageNumber === 0) {return;}pageNumber--;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});document.getElementById("first-buttom").addEventListener("click", () => {pageNumber=1;pageNumber--;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';document.getElementById("spn").value ='';});document.getElementById("tail-buttom").addEventListener("click", () => {pageNumber=totalPg-1;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';document.getElementById("spn").value ='';});document.getElementById("next-buttom").addEventListener("click", () => {if (pageNumber === (totalPg-1)) {return;}pageNumber++;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});document.getElementById("skip-buttom").addEventListener("click", () => {debuggerlet specificPageNum = document.getElementById("spn").value;//要跳转的页if (specificPageNum > totalPg) {pageNumber=totalPg-1;document.getElementById("spn").value=totalPg;}else{pageNumber = specificPageNum-1}if (specificPageNum <= 0) {pageNumber=0;document.getElementById("spn").value =1;}tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});tableInstance.value.on("click_cell", (params) => {console.log(params);});});

整体页面代码：

<template><div><div ref="listTableRef" style="width: 1580px; height: 700px"></div><div style="width: 1580px; height: 50px" class="right-align"><button id="first-buttom" > 首页</button><button id="prev-buttom" > 上一页</button><span id="page-namber">第1页</span><input id="cpnr" type="hidden"><span>/</span><span id="total-page">共 页</span><input id="mpnr" type="hidden"><button id="next-buttom">下一页</button><button id="tail-buttom" > 尾页</button><span id="total-num">共 条</span><input  id="spn" type="number" ><button id="skip-buttom"> 跳转</button></div></div></template><script setup>import { onMounted, ref, shallowRef } from "vue";import { ListTable } from "@visactor/vtable";const listTableRef = ref();const tableInstance = shallowRef();function generateRandomString(length) {let result = '';const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';for (let i = 0; i < length; i++) {result += characters.charAt(Math.floor(Math.random() * characters.length));}return result;
}
function generateRandomHobbies() {const hobbies = ['Reading books','Playing video games','Watching movies','Cooking','Hiking','Traveling','Photography','Playing musical instruments','Gardening','Painting','Writing','Swimming'];const numHobbies = Math.floor(Math.random() * 3) + 1; // 生成 1-3 之间的随机整数const selectedHobbies = [];for (let i = 0; i < numHobbies; i++) {const randomIndex = Math.floor(Math.random() * hobbies.length);const hobby = hobbies[randomIndex];selectedHobbies.push(hobby);hobbies.splice(randomIndex, 1); // 确保每个爱好只选一次}return selectedHobbies.join(', ');
}
function generateRandomBirthday() {const start = new Date('1970-01-01');const end = new Date('2000-12-31');const randomDate = new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));const year = randomDate.getFullYear();const month = randomDate.getMonth() + 1;const day = randomDate.getDate();return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;
}function generateRandomPhoneNumber() {const areaCode = ['130', '131', '132', '133', '134', '135', '136', '137', '138', '139', '150', '151', '152', '153', '155', '156', '157', '158', '159', '170', '176', '177', '178', '180', '181', '182', '183', '184', '185', '186', '187', '188', '189'];const prefix = areaCode[Math.floor(Math.random() * areaCode.length)];const suffix = String(Math.random()).substr(2, 8);return prefix + suffix;
}const generatePersons = (count) => {return Array.from(new Array(count)).map((_, i) => {const first=generateRandomString(10);const last=generateRandomString(4);return {id: i+1,email1: `${first}_${last}@xxx.com`,name: first,lastName: last,hobbies: generateRandomHobbies(),birthday: generateRandomBirthday(),tel: generateRandomPhoneNumber(),sex: i % 2 === 0 ? 'boy' : 'girl',work: i % 2 === 0 ? 'back-end engineer' : 'front-end engineer',city: 'beijing',}});
};const records = generatePersons(1000000);
const columns = [{field: 'id',title: 'ID',width: 80,sort: true,},{field: 'email1',title: 'email',width: 250,sort: true,},{field: 'full name',title: 'Full name',columns: [{field: 'name',title: 'First Name',width: 120,},{field: 'lastName',title: 'Last Name',width: 100,},],},{field: 'hobbies',title: 'hobbies',width: 200,},{field: 'birthday',title: 'birthday',width: 120,},{field: 'sex',title: 'sex',width: 100,},{field: 'tel',title: 'telephone',width: 150,},{field: 'work',title: 'job',width: 200,},{field: 'city',title: 'city',width: 150,},
];const option = {records,columns,widthMode: "standard",pagination:{perPageCount:15,currentPage:0,},};onMounted(() => {tableInstance.value = new ListTable(listTableRef.value, option);//分页相关代码let pageNumber = 0;const totalNum = option.records.length;const pageSize =option.pagination.perPageCount;const pageNumberSpan = document.getElementById("page-namber");const totalPageSpan = document.getElementById("total-page");const totalNumSpan = document.getElementById("total-num");const totalPg = Math.ceil(totalNum/pageSize);//总页数totalPageSpan.innerHTML='共'+totalPg+'页';totalNumSpan.innerHTML='共'+totalNum+'条';document.getElementById("prev-buttom").addEventListener("click", () => {if (pageNumber === 0) {return;}pageNumber--;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});document.getElementById("first-buttom").addEventListener("click", () => {pageNumber=1;pageNumber--;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';document.getElementById("spn").value ='';});document.getElementById("tail-buttom").addEventListener("click", () => {pageNumber=totalPg-1;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';document.getElementById("spn").value ='';});document.getElementById("next-buttom").addEventListener("click", () => {if (pageNumber === (totalPg-1)) {return;}pageNumber++;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});document.getElementById("skip-buttom").addEventListener("click", () => {debuggerlet specificPageNum = document.getElementById("spn").value;//要跳转的页if (specificPageNum > totalPg) {pageNumber=totalPg-1;document.getElementById("spn").value=totalPg;}else{pageNumber = specificPageNum-1}if (specificPageNum <= 0) {pageNumber=0;document.getElementById("spn").value =1;}tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});tableInstance.value.on("click_cell", (params) => {console.log(params);});});</script><style scoped>.right-align {float: right; /* 让元素浮动到右边 */}
</style>

透视表分页：
注：.pagination.totalCount数据总条数：透视表中这个字段 VTable 会自动补充，帮助用户获取到总共数据条数
在这里插入图片描述
整体页面代码：

<template><div><div ref="pivotTableRef" style="width: 1580px; height: 800px"></div><div style="width: 1580px; height: 50px" class="right-align"><button id="first-buttom" > 首页</button><button id="prev-buttom" > 上一页</button><span id="page-namber">第1页</span><input id="cpnr" type="hidden"><span>/</span><span id="total-page">共 页</span><input id="mpnr" type="hidden"><button id="next-buttom">下一页</button><button id="tail-buttom" > 尾页</button><span id="total-num">共 条</span><input  id="spn" type="number" ><button id="skip-buttom"> 跳转</button></div></div></template><script setup>import { onMounted, ref, shallowRef } from "vue";import { PivotTable } from "@visactor/vtable";const pivotTableRef = ref();const tableInstance = shallowRef();const records = [{sales: 891,number: 7789,province: "浙江省",city: "杭州市",category: "家具",sub_category: "桌子",},{sales: 792,number: 2367,province: "浙江省",city: "绍兴市",category: "家具",sub_category: "桌子",},{sales: 893,number: 3877,province: "浙江省",city: "宁波市",category: "家具",sub_category: "桌子",},{sales: 1094,number: 4342,province: "浙江省",city: "舟山市",category: "家具",sub_category: "桌子",},{sales: 1295,number: 5343,province: "浙江省",city: "杭州市",category: "家具",sub_category: "沙发",},{sales: 496,number: 632,province: "浙江省",city: "绍兴市",category: "家具",sub_category: "沙发",},{sales: 1097,number: 7234,province: "浙江省",city: "宁波市",category: "家具",sub_category: "沙发",},{sales: 998,number: 834,province: "浙江省",city: "舟山市",category: "家具",sub_category: "沙发",},{sales: 766,number: 945,province: "浙江省",city: "杭州市",category: "办公用品",sub_category: "笔",},{sales: 990,number: 1304,province: "浙江省",city: "绍兴市",category: "办公用品",sub_category: "笔",},{sales: 891,number: 1145,province: "浙江省",city: "宁波市",category: "办公用品",sub_category: "笔",},{sales: 792,number: 1432,province: "浙江省",city: "舟山市",category: "办公用品",sub_category: "笔",},{sales: 745,number: 1343,province: "浙江省",city: "杭州市",category: "办公用品",sub_category: "纸张",},{sales: 843,number: 1354,province: "浙江省",city: "绍兴市",category: "办公用品",sub_category: "纸张",},{sales: 895,number: 1523,province: "浙江省",city: "宁波市",category: "办公用品",sub_category: "纸张",},{sales: 965,number: 1634,province: "浙江省",city: "舟山市",category: "办公用品",sub_category: "纸张",},{sales: 776,number: 1723,province: "四川省",city: "成都市",category: "家具",sub_category: "桌子",},{sales: 634,number: 1822,province: "四川省",city: "绵阳市",category: "家具",sub_category: "桌子",},{sales: 909,number: 1943,province: "四川省",city: "南充市",category: "家具",sub_category: "桌子",},{sales: 399,number: 2330,province: "四川省",city: "乐山市",category: "家具",sub_category: "桌子",},{sales: 700,number: 2451,province: "四川省",city: "成都市",category: "家具",sub_category: "沙发",},{sales: 689,number: 2244,province: "四川省",city: "绵阳市",category: "家具",sub_category: "沙发",},{sales: 500,number: 2333,province: "四川省",city: "南充市",category: "家具",sub_category: "沙发",},{sales: 800,number: 2445,province: "四川省",city: "乐山市",category: "家具",sub_category: "沙发",},{sales: 1044,number: 2335,province: "四川省",city: "成都市",category: "办公用品",sub_category: "笔",},{sales: 689,number: 245,province: "四川省",city: "绵阳市",category: "办公用品",sub_category: "笔",},{sales: 794,number: 2457,province: "四川省",city: "南充市",category: "办公用品",sub_category: "笔",},{sales: 566,number: 2458,province: "四川省",city: "乐山市",category: "办公用品",sub_category: "笔",},{sales: 865,number: 4004,province: "四川省",city: "成都市",category: "办公用品",sub_category: "纸张",},{sales: 999,number: 3077,province: "四川省",city: "绵阳市",category: "办公用品",sub_category: "纸张",},{sales: 999,number: 3551,province: "四川省",city: "南充市",category: "办公用品",sub_category: "纸张",},{sales: 999,number: 352,province: "四川省",city: "乐山市",category: "办公用品",sub_category: "纸张",},];const option = {rows: ["province", "city"],//行表头对应各级维度的样式及format配置。columns: ["category", "sub_category"],//列表头对应各级维度的样式及format配置。indicators: ["sales", "number"],//透视表中各个指标的具体配置。enableDataAnalysis: true,indicatorTitle: "指标名称",//指标标题，显示在角头位置的标题。indicatorsAsCol: false,//指标是否作为列表头展示，指标值以列展示，默认为true。hideIndicatorName:false,//是否需要将表头上的指标名称隐藏掉。默认为 false。showRowHeader:true,//是否显示行表头，默认为 true。showColumnHeader:true,//是否显示列表头，默认为 true。corner: { //角表头各项配置及样式自定义。titleOnDimension: "row" ,//角头标题显示内容依据：'column' 列维度名称作为角头单元格内容,'row' 行维度名称作为角头单元格内容,'none' 角头单元格内容为空headerType:"text",//表头类型，可指为'text'|'image'|'link'。headerStyle:{//表头单元格样式bgColor:'red'}},records: records,widthMode:'autoWidth', // 宽度模式：standard 标准模式； adaptive 自动填满容器pagination:{perPageCount:10,currentPage:0,},};onMounted(() => {tableInstance.value = new PivotTable(pivotTableRef.value, option);//分页相关代码let pageNumber = 0;// const totalNum = option.records.length;const totalNum = option.pagination.totalCount;const pageSize =option.pagination.perPageCount;const pageNumberSpan = document.getElementById("page-namber");const totalPageSpan = document.getElementById("total-page");const totalNumSpan = document.getElementById("total-num");const totalPg = Math.ceil(totalNum/pageSize);//总页数totalPageSpan.innerHTML='共'+totalPg+'页';totalNumSpan.innerHTML='共'+totalNum+'条';document.getElementById("prev-buttom").addEventListener("click", () => {if (pageNumber === 0) {return;}pageNumber--;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});document.getElementById("first-buttom").addEventListener("click", () => {pageNumber=1;pageNumber--;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';document.getElementById("spn").value ='';});document.getElementById("tail-buttom").addEventListener("click", () => {pageNumber=totalPg-1;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';document.getElementById("spn").value ='';});document.getElementById("next-buttom").addEventListener("click", () => {if (pageNumber === (totalPg-1)) {return;}pageNumber++;tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});document.getElementById("skip-buttom").addEventListener("click", () => {debuggerlet specificPageNum = document.getElementById("spn").value;//要跳转的页if (specificPageNum > totalPg) {pageNumber=totalPg-1;document.getElementById("spn").value=totalPg;}else{pageNumber = specificPageNum-1}if (specificPageNum <= 0) {pageNumber=0;document.getElementById("spn").value =1;}tableInstance.value.updatePagination({currentPage: pageNumber});pageNumberSpan.innerHTML = '第'+(pageNumber+1)+'页';});tableInstance.value.on("click_cell", (params) => {console.log(params);});});</script><style scoped>.right-align {float: right; /* 让元素浮动到右边 */}
</style>

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

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

相关文章

STM32通过SPI硬件读写W25Q64

STM32通过SPI硬件读写W25Q64

文章目录 1. W25Q64 2. 硬件电路 3. 软件/硬件波形对比 4. STM32中的SPI外设 5. 代码实现 5.1 MyI2C.c 5.2 MyI2C.h 5.3 W25Q64.c 5.4 W25Q64.h 5.5 W25Q64_Ins.h 5.6 main.c 1. W25Q64 对于SPI通信和W25Q64的详细解析可以看下面这篇文章 STM32单片机SPI通信详解-C…
阅读更多...
Java宝藏实验资源库（8）多态、抽象类和接口

Java宝藏实验资源库（8）多态、抽象类和接口

一、实验目的 理解面向对象程序的基本概念。掌握类的继承和多态的实现机制。熟悉抽象类和接口的用法。 二、实验内容、过程及结果 **1.Using the classes defined in Listing 13.1, 13.2, 13.3, write a test program that creates an array of some Circle and Rectangle in…
阅读更多...
轨道地铁智能录音无线通信解决方案

轨道地铁智能录音无线通信解决方案

一、行业背景 随着社会经济和通信行业的迅速发展&#xff0c;电话已成为企业运作中必不可少的联络手段。但电话作为即时沟通手段&#xff0c;往往无法进行事后追溯和复盘&#xff0c;容易造成不必要的麻烦。尤其在交通轨交行业领域&#xff0c;对语音工作的发生过程更需要有个…
阅读更多...
全栈人工智能工程师：现代博学者

全栈人工智能工程师：现代博学者

任何在团队环境中工作过的人都知道&#xff0c;每个成功的团队都有一个得力助手——无论你的问题性质如何&#xff0c;他都能帮助你。在传统的软件开发团队中&#xff0c;这个人是一个专业的程序员&#xff0c;也是另一种技术的专家&#xff0c;可以是像Snowflake这样的数据库技…
阅读更多...
基于STM8系列单片机驱动74HC595驱动两个3位一体的数码管

基于STM8系列单片机驱动74HC595驱动两个3位一体的数码管

1&#xff09;单片机/ARM硬件设计小知识&#xff0c;分享给将要学习或者正在学习单片机/ARM开发的同学。 2&#xff09;内容属于原创&#xff0c;若转载&#xff0c;请说明出处。 3&#xff09;提供相关问题有偿答疑和支持。 为了节省单片机MCU的IO口资源驱动6个数码管&…
阅读更多...
CAC 2.0融合智谱AI大模型，邮件安全新升级

CAC 2.0融合智谱AI大模型，邮件安全新升级

在数字化时代&#xff0c;电子邮件的安全问题日益成为关注的焦点。Coremail CACTER邮件安全人工智能实验室&#xff08;以下简称“CACTER AI实验室”&#xff09;凭借其在邮件安全领域的深入研究与创新实践&#xff0c;不断推动技术进步。 此前&#xff0c;CACTER AI实验室已获…
阅读更多...
docker进阶篇

docker进阶篇

docker进阶篇 (重点) 1、docker run2、docker ps3、docker restart4、docker pull5、docker stop6、docker logs7、docker stats8、docker rm(重点) 9、docker exec10、查看本机镜像docker image11、发布镜像docker commit12、docker save(例如保存为tar给别人用)13、删除镜像1…
阅读更多...
【2024最新精简版】网络_Linux操作系统面试篇

【2024最新精简版】网络_Linux操作系统面试篇

文章目录 简述 tcp 和 udp的区别&#xff1f;get 和 post 请求有哪些区别&#xff1f;常用HTTP请求方式有哪些 ?进程跟线程的区别&#xff1f;僵尸进程&#xff1f;IO的多路复用&#xff1f;虚拟内存什么是OSI模型说一说HTTP协议说一说HTTPS协议HTTPS协议和HTTP协议有什么区别…
阅读更多...
C语言 | Leetcode C语言题解之第172题阶乘后的零

C语言 | Leetcode C语言题解之第172题阶乘后的零

题目&#xff1a; 题解&#xff1a; int trailingZeroes(int n) {int ans 0;while (n) {n / 5;ans n;}return ans; }
阅读更多...
【MAUI】resource xml/file_paths (aka com.xxx.xxx:xml/ file _paths) not found.

【MAUI】resource xml/file_paths (aka com.xxx.xxx:xml/ file _paths) not found.

APP2260:resource xml/file_paths (aka com.zettlercn.wms:xml/ file _paths) not found. This error is likely caused by an issue with the AndroidManifest.xml file or an Android manifest generation attribute in a source code file MAUI从6.0升级到8.0，调试发现资源…
阅读更多...
安卓逆向案例——X酷APP逆向分析

安卓逆向案例——X酷APP逆向分析

X酷APP逆向分析 这里介绍一下两种不同的挂载证书的方法。 chls.pro/ssl无法在浏览器中下载证书是什么原因解决方法&#xff1a; 法一 1. 挂载系统分区为读写 使用正确的挂载点来挂载系统分区为读写&#xff1a; su mount -o remount,rw /dev/uijISjR/.magisk/block/syste…
阅读更多...
前端 CSS 经典：旋转边框效果

前端 CSS 经典：旋转边框效果

效果&#xff1a; 思路&#xff1a;使用伪元素&#xff0c;给伪元素设置背景色&#xff0c;然后定位&#xff0c;遮盖&#xff0c;旋转。就可以实现旋转边框效果。 实现代码&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta chars…
阅读更多...
docker in docker 在CI中应用解析

docker in docker 在CI中应用解析

docker in docker 简介 docker里嵌套运行docker&#xff0c;本文讲解其在jenkins和gitlab-runner 种的调用流程 一、用于jenkins 容器化部署jenkins时调用docker命令集成CI功能 [rootops-demo~]# docker inspect jenkins --format"{{json .Mounts}}" [{"T…
阅读更多...
电子竞赛1——基于DDS的AM信号发生器

电子竞赛1——基于DDS的AM信号发生器

课题要求 产生AM调幅波&#xff1b; 要求&#xff1a;载波10K&#xff0c;被调制波1K&#xff1b; 短按键1&#xff08;pin_143&#xff09;改变该调幅波的调制度&#xff1a;25%、50%、75%&#xff1b; 长按按键1&#xff08;pin_143&#xff09;改变被调制信号频率&#…
阅读更多...
STM32通过SPI软件读写W25Q64

STM32通过SPI软件读写W25Q64

文章目录 1. W25Q64 2. 硬件电路 3. W25Q64框架图 4. 软件/硬件波形对比 5. 代码实现 5.1 MyI2C.c 5.2 MyI2C.h 5.3 W25Q64.c 5.4 W25Q64.h 5.5 W25Q64_Ins.h 5.6 main.c 1. W25Q64 对于SPI通信和W25Q64的详细解析可以看下面这篇文章 STM32单片机SPI通信详解-CSDN博…
阅读更多...
工作实践：11种API性能优化方法

工作实践：11种API性能优化方法

一、索引优化 接口性能优化时&#xff0c;大家第一个想到的通常是&#xff1a;优化索引。 确实&#xff0c;优化索引的成本是最小的。 你可以通过查看线上日志或监控报告&#xff0c;发现某个接口使用的某条SQL语句耗时较长。 此时&#xff0c;你可能会有以下疑问&#xff…
阅读更多...
Web渗透：XSS-DOM-based XSS

Web渗透：XSS-DOM-based XSS

DOM-based XSS&#xff08;基于DOM的跨站脚本攻击&#xff09;是一种XSS攻击类型&#xff0c;其特点是恶意脚本通过操作文档对象模型&#xff08;DOM&#xff09;直接在客户端执行&#xff0c;而无需经过服务器的处理。这种攻击主要利用客户端JavaScript代码中的漏洞&#xff0…
阅读更多...
BP神经网络-入门到理解-长文讲述

BP神经网络-入门到理解-长文讲述

本文来自&#xff1a;老饼讲解-BP神经网络 https://www.bbbdata.com 目录 一、BP神经网络的仿生意义 二、BP神经网络的结构 三、BP神经网络的前馈与后馈 3.1 BP神经网络的前馈 3.2 什么是BP神经网络的后馈 四、BP神经网络的训练 4.1 BP神经网络归一化 4.2 梯度下降算法…
阅读更多...
完胜PSP的神器

完胜PSP的神器

小鸡模拟器&#xff0c;顾名思义&#xff0c;它是一个能够模拟多种经典游戏平台的软件&#xff0c;从家用游戏机到掌上游戏机&#xff0c;几乎覆盖了所有知名的老式游戏设备。这意味着&#xff0c;通过小鸡模拟器&#xff0c;我们可以在手机上重温那些陪伴我们度过童年时光的经…
阅读更多...
springboot学习-图灵课堂-最详细学习

springboot学习-图灵课堂-最详细学习

springboot-repeat springBoot学习代码说明为什么java -jar springJar包后项目就可以启动 配置文件介绍 springBoot学习 依赖引入 <properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><maven.compiler.target>8</mav…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023