jquery
过客璇璇
有眼界才有境界,有实力才有魅力,有思路才有出路,有作为才有地位。政从正来,智从知来,财从才来,位从为来!
展开
-
使用jspdf将网页转化成pdf(解决滚动条以外变成黑色问题及缺少echarts图表问题)
案例 最近遇到一个这样的需求,前端需要将网页或者某个网页中的相关部分,生成pdf,在网上也找到了不少方法,但是拿来用了以后,不是pdf不全的问题,就是有黑色覆盖问题比如含有黑色部分,页面看不到的滚动条下面就是黑色;页面很全但是确实echarts最后,研究了很久,结合了两种不同的方法,成功将pdf导出。代码如下首先需要引入相关js文件<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2..原创 2020-12-16 16:50:09 · 4749 阅读 · 1 评论 -
jquery实现获取本地图片并展示
一.html页面保留按钮和隐藏的img标签<div> 选择图片: <input type="file" id="file" name="file" capture="camera" accept="image/jpeg,image/png,image/jpeg,image/gif"> <div id="result" align="center">...原创 2019-12-04 10:27:20 · 3931 阅读 · 0 评论 -
SpringBoot项目获取项目文件上传路径解决方案
可以考虑将图片转成base64编码存放到数据库中返回给前端进行展示jquery将图片转base64可参考:https://www.cnblogs.com/interdrp/p/7902506.htmljava将图片转base64可参考:https://blog.csdn.net/qq_36706878/article/details/103381580...原创 2019-12-04 10:17:07 · 1639 阅读 · 0 评论 -
Jquery将table转换成excel实现下载
首先在html上设计一个简单的表格和一个a标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script ...原创 2019-11-05 16:10:01 · 1191 阅读 · 1 评论 -
vue中设置时间选择范围
vue源码<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/iview/dist/iview.min.js"></script><div id="app"> <row> <i-col s...原创 2019-10-15 10:08:34 · 3498 阅读 · 0 评论 -
vue中引入其他网站页面
以百度为例 因为代码比较简单 直接附上源码<template> <Card shadow> <div style="min-height: 500px;width: 100%;"> <iframe id="iframeId" :src="url" framebor...原创 2019-10-16 19:51:28 · 7273 阅读 · 0 评论 -
Iview列表实现单选按钮
let self = thiscolumns.push({ title:"选择", width: 80, align: 'center', fixed: 'left', render: (h, params) => { return h('Radio', { props: { value: params.row.isselected },...原创 2019-10-22 09:05:58 · 1589 阅读 · 0 评论 -
BootStracp使用分页
前提:需要引入两个个资源文件<script src="js/bootstrap-table.js"></script><script src="js/bootstrap-table-zh-CN.js"></script>body标签内留一个表格<table id="blogtable" ></table>...原创 2019-10-24 15:55:18 · 412 阅读 · 4 评论 -
使用echarts将中国各个省的数据以气泡的形式显示
参考代码网址为:https://gallery.echartsjs.com/editor.html?c=xBJDR584vG效果如下:但是3.x以上版本本的echarts会遇到一个问题,就是气泡上显示的不是数据信息,而是维度信息,这时需要修改部分代码,修改的代码如下(已标红处理):{ name: '点', ...原创 2019-07-10 14:36:25 · 5290 阅读 · 0 评论 -
switch case语句
public static void switchcaseDemo(int num) { switch(num) { case 0: System.out.println("这是0"); break; case 1: System.out.printl...原创 2019-09-16 11:03:18 · 1316 阅读 · 0 评论 -
JavaScript 中concat() 方法使用
JavaScript 中concat() 方法使用concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。语法arrayObject.concat(arrayX,arrayX,......,arrayX)返回值返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 co...转载 2019-10-28 10:08:31 · 502 阅读 · 0 评论 -
Echart报错: Map china not exists. You can download map file on.....的解决办法
Echart报错: Map china not exists. You can download map file onhttp://echarts.baidu.com/download-map.html当我们打开上面指示的链接时会发现:地图暂停停止下载服务所以我们要另想方法去使用地图官网下载china.js文件或者china.json文件1.js使用方法:<sc...原创 2019-10-14 10:38:15 · 4267 阅读 · 0 评论 -
jquery将json转为数据字典
1.基础——定义json文件{ "userinfo": [ { "account":"15639864589" , "password":"123456789" , "email":"123456789@qq.com" }, { "account":"15652689689" , "password":"123456789" , "email":"123456789@qq.co...原创 2019-10-08 17:04:15 · 1152 阅读 · 0 评论