
前端
好名全被用
java小菜鸟
展开
-
webpack和nginx反向代理 pathRewrite rewrite
webpack和nginx反向代理 pathRewrite rewrite原创 2023-03-16 16:19:54 · 1588 阅读 · 2 评论 -
html Antv L7 + mapbox 实现3D地图 3D中国地图 不限于中国地图
使用阿里的Antv可视化库L7,实现3D地图,底图是mapbox。如果不需要底图样式,可把Scene的style设置为blank。echarts的3D地图实在太丑了,还一堆bug。直接上代码了,vue的就不说了,项目是html的。原创 2023-02-17 14:25:27 · 3082 阅读 · 0 评论 -
luckysheet光标不离开单元格,luckysheet.getAllSheets()获取不到值,需要光标离开才能获取到
luckysheet光标不离开单元格,luckysheet.getAllSheets()获取不到正在编辑的单元格的值,需要光标离开才能获取到,解决办法模拟一个Tab按键事件,把选中的单元格移走获取数据前执行:vue使用是一样的,luckysheet.umd.js中已经依赖了jquery直接用就行var e = $.Event("keydown"); // 模拟一个键盘事件e.keyCode = 9; // keyCode=9是tab$('#luckysheet-input-box').原创 2022-04-08 16:40:51 · 2338 阅读 · 8 评论 -
vue动态加载组件
<component :is="currentTabComponent"></component>data() { return { currentTabComponent: null, }},this.currentTabComponent = resolve => require(['./yanQi.vue'], resolve);原创 2022-02-09 09:40:23 · 648 阅读 · 0 评论 -
vue 路由页面改变路由跳转页面参数或者叫公共页面
我不想知道原理,能实现就行日常中有很多页面公用一个头部,用来切换,我习惯于用父子路由的方式写,像这样nav为菜单公共页,里边实现切换路由页,但是想子页面中去调用菜单页的方法,可用如下方法:比如我有一个需求,菜单页中有用户头像,在用户中心子页面中更改头像后,菜单页中的头像也耕者变化;父页面用户信息我存在store中了,所以改变store之后,再取一遍就行了子页面...原创 2021-09-03 09:30:07 · 359 阅读 · 1 评论 -
html vue 动态加载组件
html vue 动态加载组件1、html:<components :is="Comtab" ref="Comtabref"></components>2、引入js<script type="text/javascript" src="../js/vue/http-vue-loader.js"></script>3、vmVue.use(httpVueLoader);// 加载表格组件changeTabCom(item){原创 2021-08-13 14:16:43 · 680 阅读 · 0 评论 -
echarts地图,点击地图获取坐标
myChartMap.setOption(optionmap);myChartMap.on('click', function (params) { letcomponentType = params.componentType; // geo是地图图层 if (componentType == "geo") { let offsetX = params.event.offsetX; let offsetY = params.event.offsetY; let zuobiao = m原创 2021-07-14 08:45:06 · 4180 阅读 · 0 评论 -
vue动态设置高宽度
<div class="" :style="'width:' + param* 100 + '%'"></div>原创 2021-04-23 10:50:17 · 2125 阅读 · 0 评论 -
Echarts销毁实例
很多时候需要销毁实例,再次重新创建比如:地图动态lines线条的时候,再次去加载会留下上次线条的痕迹。// 在创建之前销毁echarts.init(document.getElementById(‘middleview’)).dispose(); // 销毁实例var myChart1 = echarts.init(document.getElementById(‘middleview’...原创 2020-03-31 11:11:59 · 20938 阅读 · 0 评论 -
echarts实现3D地球模式--3D线和标记mark
echarts实现3D地球模式–3D线和标记mark效果代码<div id="container"></div><script type="text/javascript" src="js/jquery/1.11.3/jquery.min.js"></script><script type="text/javascript" ...原创 2020-01-16 17:20:24 · 11004 阅读 · 18 评论 -
echarts饼图 外圈转动动画 pie
就是这个东西,会围着饼图转动不知道怎么弄成gif 只能看图片了 见谅准备:两个div,一个装饼图,一个装那个转圈的。。。这里就只写转圈的了,饼图就不写了js代码:showpieLinex();function showpieLinex(){ var myChartLine = echarts.init(document.getElementById('toprigh...原创 2019-10-12 18:00:07 · 8569 阅读 · 6 评论 -
springboot解决ajax跨域访问,session丢失的问题
1、前端ajax $.ajax({ url: url, type: 'post', xhrFields: {withCredentials:true}, //前端适配:允许session跨域 crossDomain: true, data: data, success: function(data) { } });ajax加上这两句 xhrFiel...原创 2019-07-07 14:46:01 · 2007 阅读 · 0 评论 -
后台返回文件流,监听文件下载结束
1、后台正常返回流即可@RequestMapping(value = "/download/fileword", method = RequestMethod.GET)public void downLoad(HttpServletResponse response) { try (InputStream in = new FileInputStream(“G://test.d...转载 2019-06-26 09:43:44 · 4712 阅读 · 1 评论 -
百度地图 由起点和终点 获取中间路线的坐标集
<div id="allmap"></div><script src="http://api.map.baidu.com/api?v=2.0&ak= 申请的key"></script><script type="text/javascript"> // 获取线路的坐标集 //百度地图API功能 var m...原创 2019-06-10 11:47:31 · 4425 阅读 · 8 评论 -
高德地图js API实现多点标记marker,多点marker移除和鼠标滑入标点显示提示框
官方API:https://lbs.amap.com/api/javascript-api/guide/abc/prepare先说下需求吧,我就不往外一段一段的摘了:分全部和三家运营商,按钮点击,地图中的标点变化鼠标移入标点,显示此标点的详细信息比如这样(样式不好看,后期大家自己调吧)1、加载高德脚本<!-- 加载地图JSAPI脚本 --><script src...原创 2019-03-25 14:33:20 · 12322 阅读 · 2 评论 -
读取oracle数据库date日期字段,去掉时间秒后面的点'.'
读取oracle数据库的日期字段时,会在秒后面加上点如:2017-4-11 14:10:51.0为了美观,就需要把秒后面的点去掉jsp页面,引入fmt专门对时间格式化标签轻松完成,当然截取时间字段返回也可。但是太麻烦!转载 2017-04-11 18:10:41 · 8391 阅读 · 0 评论 -
IE下ajax操作正常页面刷新数据不变,只有打开调试模式f12刷新数据才会变化
1、查看js脚本中是否有console.log(); 打印日志输出,注释掉或者删除。因为console对象只有在bug模式下,才会创建2、由于IE缓存机制的问题,首次执行ajax的URL,进行缓存,再执行时,同一URL地址,不会在变化,所以可以创建动态的URL地址。就是给ajax的请求url一个假的动态路径,从而来骗取浏览器的请求。(1)在URL后加动态随机数例如:Math.rando原创 2017-04-27 13:46:00 · 7865 阅读 · 3 评论 -
jsp中c标签的c:if和c:choose判断
1、 <c:if><c:if/> 相当于java中的:if(true){ }1.1 用法—引入c标签包:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>—body中写入判断:<c:set var="salary" scope="session" value="${2000*2}"/><c:if test="${sal原创 2017-05-15 13:34:10 · 3928 阅读 · 0 评论 -
js和jQuery实现双击表格变为可编辑状态
双击单元格,将其变为文本框转载 2017-03-30 11:31:29 · 8498 阅读 · 5 评论 -
<js>jquery实现新闻滚动效果,ie11支持
前端 引入jquery包<h3>最新新闻</h3><div class="scrollNews" > <ul> <li><a href="#" class="tooltip" title="预言中国房价10年后如白菜价">专家预言中国房价10年后如白菜价</a></li> <li><a href="#" class="tooltip" ti转载 2017-07-04 11:21:56 · 901 阅读 · 0 评论 -
点击a标签,返回上一页
点击返回只需要这一句话就够!原创 2017-04-17 19:20:22 · 42009 阅读 · 2 评论 -
list集合转为json,前台ajax获取时间数据并格式化
1。从数据库中取得list集合数据后,转为json,前台ajax想要获取其中时间数据时,格式经常为"time":{"date":26,"day":3,"hours":11,"minutes":30,"month":3,"nanos":0,"seconds":49,"time":1493177449000,"timezoneOffset":-480,"year":117}2。前台格式化数据太麻烦,最好原创 2017-04-26 12:44:10 · 4731 阅读 · 1 评论 -
frameset分割页面后,点击其中一个页面,全部分割页面集体跳转,而不是当前部分跳转
例如:frameset框架,在框架上一个页面有退出登陆的链接,现在点击这个链接使整个frameset跳到新页面,只是有退出登陆链接的那个页面跳转到了新页面.看下边这段代码:<frameset cols="*,33%" frameborder="NO" border="0" framespacing="0"> <frame src="" name="leftFrame" scrolling=原创 2017-09-20 15:01:42 · 1279 阅读 · 0 评论 -
echarts柱状图
引入echarts的js包echarts.min.js 事例地址:echarts.baidu.com/examples.html#chart-type-bar http://echarts.baidu.com/echarts2/doc/example.html 官网地址:http://echarts.baidu.com/index.htmlbody中<!-- 为 ECharts 准备一个具备大原创 2017-09-20 15:25:37 · 854 阅读 · 0 评论 -
echarts环状图
依赖:见echarts柱状图 http://blog.youkuaiyun.com/zk_1325572803/article/details/78041389body中<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --><div id="main_s" style="height:192px;position:absolute;top:15%;left:52%;width:720px;原创 2017-09-20 15:40:03 · 2336 阅读 · 0 评论 -
Jquery导出页面表格table的内容为Excel,PDF,DOC格式
Jquery的导出页面的Excel,PDF,DOC欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用...原创 2018-10-11 11:34:27 · 4116 阅读 · 0 评论 -
iframe子页面获取父页面的文本值
iframe子页面获取父页面的文本值子页面直接获取:var yearMin = $(’#yearMin’, parent.document).val(); //yearMin为父页面的input的idvar yearMax = $(’#yearMax’, parent.document).val(); //yearMin为父页面的input的id...原创 2019-02-11 10:49:41 · 4281 阅读 · 0 评论 -
基于bootstrap的paginator和springboot mybatis的pagehelper分页(带搜索功能)
一、pagehelper的配置1、pom.xml 中引入pagehelper依赖&amp;lt;dependency&amp;gt; &amp;lt;groupId&amp;gt;com.github.pagehelper&amp;lt;/groupId&amp;gt; &amp;lt;artifactId&amp;gt;pagehelper-spring-boot原创 2019-02-27 10:31:30 · 1653 阅读 · 1 评论