vue中后端做Excel导出功能返回数据流前端的处理操作
项目中有一个导出功能的实现,用博客来记录一下。因为需求对导出表格的数据格式和样式有要求,所以这个导出功能放到后端来做,而且后端返回的是数据流,所以需要处理成想要的表格并导出来。先看下效果图:页面效果:点击 导出Excel 调用导出接口成功了:后台返回的数据流,一堆看不懂...
2024-01-10把《编程珠玑》读薄
开篇具体化你的解决的问题。下面是 A 和 B 的对话。A:我该如何对磁盘文件进行排序?B:需要排序的内容是什么?文件中有多少条记录?每个记录的格式是什么?A:该文件包含至多10,000,000个记录,每条记录都是一个7位整数。B:如果文件那么小,为什么要使用磁盘排序呢?为什么不在主存中对它...
2024-01-10如何在vue中使用pdfjs预览pdf文件
目录前言思考库目录解析和下载使用方法文件位置实际调用问题总结前言在写项目的过程中,偶尔会有使用到pdf的文件,当我们想看pdf文件的时候,你的操作是不是先把pdf文件下载下来,通过电脑安装的专用于打开pdf的软件来查看pdf文件呢。如果有个需求说不要让用户安装软件呢,毕竟还是有很多用...
2024-01-10如何深入理解React的ref 属性
目录概述1. Refs 对象的创建1.1 React.createRef()1.2 React.useRef(initialValue)2. ref 属性的使用2.1 为原生DOM元素添加 ref2.2 为class组件添加 ref2.3 为class组件转发的原生DOM元素添加 ref2.4 为函数组件转发的原生DOM元素添加 ref3. 回调 Refs概述首先,Refs 和 ref 是两个概念,Refs 是 React 提供的可用特定 API 创建的一个对象。...
2024-01-10基于JavaScript实现网页计算器
本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码,供大家参考,具体内容如下先看效果:此外,计算器还附有数字、运算符检查功能:下贴源码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...
2024-01-10如何用JavaScript学习算法复杂度
目录概述什么是 Big O 符号?O(1)O(n)O(n^2)O(log n)O(n!)结束语概述在本文中,我们将探讨 “二次方” 和 “n log(n)” 等术语在算法中的含义。在后面的例子中,我将引用这两个数组,一个包含 5 个元素,另一个包含 50 个元素。我还会用到JavaScript中方便的performance API来衡量执行时间的差异。const smArr = [5, 3...
2024-01-10vue 数据双向绑定的实现方法
目录1. 前言2. 代码实现2.1 目的分析2.2 实现过程2.2.1 入口代码2.2.2 页面初始化2.2.3 视图影响数据2.2.4 数据影响视图3. 未来的计划1. 前言本文适合于学习Vue源码的初级学者,阅读后,你将对Vue的数据双向绑定原理有一个大致的了解,认识Observer、Compile、Wathcer三大角色(如下图所示)以及它们所发挥的功...
2024-01-10javascript实现简单页面倒计时
本文实例为大家分享了javascript实现简单页面倒计时的具体代码,供大家参考,具体内容如下话不多说,直接贴代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <style type="text/css"> body { color:red; text-align: center; } .one{ color:black; text-align:center; } </style></head><body><p> 日期倒计时<...
2024-01-10vue 公共列表选择组件,引用Vant-UI的样式方式
此组件用于公共选择组件。引用Vant UI 作为样式特性:1、支持动态、静态数据源。2、支持分页加载。3、支持模糊搜索。4、支持单选、多选。组件源码:<template> <div class="gn-PubSelect"> <van-action-sheet v-model="inShow"> <div class="gn-PubSelect-main" :style="{'height':mainHeight}"> <van-search class="gn-search" placeholder=...
2024-01-10解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
场景描述:如下图所示,点击减免天数会出现一个弹窗, 输入天数后点击确定,保存这个值, 但是我在点第二行的减免天数的时候初始应该是空的, 可是现在显示的是第一行输入的值;<Modal title="减免天数" visible={that.state.visible} onOk={that.handleOk.bind(that)} onCancel={that.handleCancel} > <Form horizontal form...
2024-01-10vue添加锚点,实现滚动页面时锚点添加相应的class操作
第一步,给vue页面添加锚点.orange{ color: #f97910;}<template> <div class="productDetail" ref="content"> <div class="tabbar"> <div @click.prevent="tabclick(index)" v-for="(item,index) in productTile" :key="index" :class="{orange:index==current}">{{ite...
2024-01-10机器学习之支持向量机的超平面
支持向量机(Support Vector Machine)给定训练样本集 D = {(x_1,y_1), (x_2,y_2),…, (x_m,y_m)}, y_i \in{-1,+1}, 分类学习最基本的想法就是基于训练集 D 在样本空间中找到一个划分超平面,将不同类别的样本分开,但能将训练样本分开的划分超平面可能有很多,如图 6.1 所示,我们应该找哪个呢?我们应该定义一个性能...
2024-01-10Java读写.properties文件解决中文乱码问题
一般使用到properties配置文件,一般都是在spring项目里面,直接由框架帮你读,当然,你也得考虑到编码的问题。但是现在要是要求使用Java直接读写properties文件,就发现很多的问题,比如,我的properties文件的编码竟然不是utf-8的。或者说我压根就没考虑到这个问题。再比如,当properties文件里面有汉...
2024-01-10Spring整合CXF webservice restful实例详解
webservice restful接口跟soap协议的接口实现大同小异,只是在提供服务的类/接口的注解上存在差异,具体看下面的代码,然后自己对比下就可以了。用到的基础类User.java@XmlRootElement(name="User")public class User { private String userName; private String sex; private int age; public User(String userName, String sex, int a...
2024-01-10将15位身份证补全为18位身份证的算法示例详解
前言最近在参与一个银行项目-某银行安防系统-反洗钱需求的开发,银行项目的离不开身份证号码,身份证号码作为我国公民的唯一标识,有这非同寻常的意义,由于业务的要求15位的身份证号码无法命中,所以需要补全为18位,一开始自己想着加个年份的前两位,后面再加个X不就行了嘛,后来代码写...
2024-01-10详解spring boot实现websocket
前言QQ这类即时通讯工具多数是以桌面应用的方式存在。在没有websocket出现之前,如果开发一个网页版的即时通讯应用,则需要定时刷新页面或定时调用ajax请求,这无疑会加大服务器的负载和增加了客户端的流量。而websocket的出现,则完美的解决了这些问题。spring boot对websocket进行了封装,这对实现...
2024-01-10Spring Boot中使用Actuator的/info端点输出Git版本信息
对于Spring Boot的Actuator模块相信大家已经不陌生了,尤其对于其中的/health、/metrics等强大端点已经不陌生(如您还不了解Actuator模块,建议先阅读《Spring Boot Actuator监控端点小结》)。但是,其中还有一个比较特殊的端点/info经常被大家所忽视,因为从最初的理解,它主要用来输出application.properties配置文...
2024-01-10详解SpringMVC 基础教程 简单入门实例
一个简单的入门实例教程该实例的源码和实例中的jar源码:http://xiazai./201612/yuanma/SpringMVC_.zip所需要的jar: http://xiazai./201612/yuanma/SpringMVCjar_.zip另外一篇关于SpringMVC 文件上传,多文件上传:http://www./article/100491.htm简单注解配置的实例:一、创建项目:1、建立新的动态web项目:2、为项目命名为:...
2024-01-10初步解析Java中AffineTransform类的使用
AffineTransform类描述了一种二维仿射变换的功能,它是一种二维坐标到二维坐标之间的线性变换,保持二维图形的“平直性”(译注:straightness,即变换后直线还是直线不会打弯,圆弧还是圆弧)和“平行性”(译注:parallelness,其实是指保二维图形间的相对位置关系不变,平行线还是平行线,相交直线...
2024-01-10Java利用for循环输出空心菱形的实例代码
编写程序,在控制台上输出空心菱形,对角距离为6. 代码如下:public class Diamond { public static void main(String[] args) { printHollowRhombus(6); } public static void printHollowRhombus(int size) { if (size % 2 == 0) { size++;// 计算菱形大小 }...
2024-01-10