后台方法的参数必须是@RequestBody修饰的。 前台关键代码: axios ( {method : post,url : api.exportPlayTime , // 请求地址data : {choose : type,begindate : startDate,enddate : endDate},responseType : arraybuffer,observe: response,} ).then ( ( res ) => {const fileName = ""+filename+".xlsx"let blob = new Blob([res.data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});...
文件下载(遇到的坑) 1.要区分下载的内容是什么 0.1 图片下载wx.saveImageToPhotosAlbum(Object object) 0.2 视频下载wx.saveVideoToPhotosAlbum(Object object) 以上算是两大类 2.路径问题 图片文件路径,可以是临时文件路径或永久文件路径,不支持网络图片路径 不支持怎么处理需要使用 DownloadTask wx.downloadFile(Object object) 下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径 也就是说...
本文实例讲述了jQuery实现带3D切割效果的轮播图。分享给大家供大家参考,具体如下:这是一个使用css3+jQuery实现的轮播图效果,以前还没接触css3时,觉得效果挺酷炫的,但是实现挺复杂的,今天研究了一下,发现特别简单,稍微动用一下空间想象力就好了,下面时效果图1.这是html代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>3D切割轮播图</title> </head> <body><div class="box"><ul class="images-b...
VUE脚手架下载 1.第一步全局安装脚手架 cnpm i @vue/cli -g 2.第二步创建项目 创建文件夹,打开文件命令窗口vue create 自己创建的项目名3. 有两个选项,选择第二个,也就是自己选择配置4. 选择自己需要的配置5. 进行下一步,选择 Y6. 选择自己的类型7.选择.json类型8.此处, 选择 N下载完成 文件夹完成下载最后把 文件跑起来以上所述是小编给大家介绍的VUE脚手架的下载和配置详解整合,希望对大家有所帮助,如果大家有任何疑问请给我...
本文实例讲述了微信小程序学习笔记之文件上传、下载操作。分享给大家供大家参考,具体如下: 前面介绍了微信小程序登录API与获取用户信息操作。这里再来介绍一下文件的上传与下载操作。【文件上传】wx.uploadFile (以上传图片为例) 后台上传接口Upload.php:(tp5) <?php namespace app\home\controller; use think\Controller; class Upload extends First {//上传图片APIpublic function upImg() {$arr = array(state=>0,msg=...
最近在做一个文件下载的功能,这里把做的过程中用的技术和坑简要总结下。1. 单文件下载(a标签)同源单文件针对单文件的情况下,同源的文件,可以通过 < a> 标签的 download 属性下载文件const elt = document.createElement(a);elt.setAttribute(href, url);elt.setAttribute(download, file.png);elt.style.display = none;document.body.appendChild(elt);elt.click();document.body.removeChild(elt); 但是这个方案并不适用于非同...
本文实例讲述了微信小程序五子棋游戏的棋盘,重置,对弈实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋对弈、悔棋DEMO 效果图分析 1. 采用微信小程序的canvas制作五子棋; 2. 确定棋盘大小及格数; 3. 绘制棋盘—-通过棋盘宽高和格数计算间距,同时保存坐标点; 4. 黑方和白方下子—-定义一个布尔变量代表各自的身份; 5. 重置棋盘—-重新开始; 6. 通过判断当前棋手,悔棋时进行改变。 绘制棋盘 drawLine(arr){arr....
本文实例讲述了微信小程序五子棋游戏的悔棋实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋悔棋DEMO 效果图分析 悔棋功能需要的操作: 1. 判断当前持棋人; 2. 清空棋盘; 3. 将当前持棋人的棋子数组的最后一个棋子还原到全局坐标数组的位置; 4. 删除当前持棋人的棋子数组的该坐标。 js this.page.changeUndo = function(e){if (self.START_GAME){var lastM = self.myPoint.length - 1;var LastA = self.AIPoint.len...
本文实例讲述了微信小程序五子棋游戏AI实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋AI篇DEMO 效果图原理 1. 将棋盘中能够胜利的五子连珠方法遍历一个数组; 2. 当AI持棋时,遍历棋盘中所有棋子的空位; 3. 如果用户落子该位置,给用户该位置的五连珠方式进行加分:1连10分,2连20分,3连40分,4连80分; 4. 如果AI落子该位置,给AI该位置的五连珠方式进行加分:1连15分,2连25分,3连45分,4连85分; 5. 最后对该位...
本文实例讲述了vue实现的微信机器人聊天功能。分享给大家供大家参考,具体如下: 先看效果:实现过程: <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>HTML5模拟微信聊天界面</title><style>/**重置标签默认样式*/* {margin: 0;padding: 0;list-style: none;font-family: 微软雅黑}#container {width: 450px;height: 780px;background: #eee;margin: 80px auto 0;position: relative;box-shadow: 20px 20px 55px #777;...
本文实例讲述了vue实现的网易云音乐在线播放和下载功能。分享给大家供大家参考,具体如下: 效果如图:完整代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style lang="">html,body {height: 100%;padding: 0;margin: 0;}#app {height: 100%;display:...
目前的APP基本都支持二维码扫描下载,二维码下载也成为了大家用起来很顺手的一种方式。由于微信的用户基本占据了国内市场的90%,说到扫一扫用户第一个想到的就是打开微信扫一下,通过微信分享APP,再从分享的链接下载apk/ios包。故用户通常都是使用微信打开链接或扫描二维码前往下载页,这是刚需。 在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于io...
本文实例讲述了jQuery实现的网页3D轮播图封装功能。分享给大家供大家参考,具体如下: 网页伪3D轮播图,其实就是轮播图旋转木马效果。其实在jquery插件库也有很多旋转木马的插件,但是博主封装的这个新的插件比起以上的都适应性更好。其适应性好表现在:调用灵活性高用法更简单,css样式都封装好了基本不用写,在body里面写ul>li>img标签即可,可设置参数多,甚至不同图片的大小都可以自适应轮播,各个浏览器兼容性好(包括IE,虽然...
本文实例讲述了jQuery分页插件jpaginate用法。分享给大家供大家参考,具体如下: jpaginate是一个自带滑动动画效果的jQuery分页插件,用户可以通过单击或只是悬停在箭头上的使页码滑动显示。 你可以用下面的方式调用插件: $(elementID).paginate()您可以通过一下属性来配置插件: count:页面总数 start:默认选中页码 display:可见页码数量 border:边框(true/false) border_color:边框颜色: text_color:文本的颜色/号码 b...
采用的物理引擎是Phaser.js 官网地址:http://phaser.io/ 在这里对此引擎不做过多介绍(因为我也是小白,嘿嘿) 效果展示:源码(详细源码图片资源可点击文章下方或屏幕右上方的github链接进行clone) 1.创建游戏舞台 var config = {type: Phaser.AUTO,width: 800,height: 400,physics: {default: arcade,arcade: {gravity: {y: 300},debug: false}},scene: {preload: preload,create: create,update: update} }; var game = new P...