前端web
文章平均质量分 87
阿杜_ardo
6年java开发经验,从事软件架构设计\需求分析\开发,大数据应用开发
展开
-
百度地图api实现路线规划之步行驾车
貌似百度地图api近期做了改版调整,新的路线规划地址如下--路线规划v1.0http://lbsyun.baidu.com/index.php?title=webapi/direction-api--路线规划v2.0http://lbsyun.baidu.com/index.php?title=webapi/direction-api-v2原创 2017-11-07 21:41:06 · 12402 阅读 · 6 评论 -
jsp前台分页逻辑
如图所示分页逻辑代码: 1}"> 首页 上一页 ${item}原创 2017-12-20 21:04:50 · 508 阅读 · 0 评论 -
怎么让span与img在同一行
在img样式加:display:inline-block; /images/logo.png" style="display:inline-block;height: 100%;" /> 东方标准在线课程原创 2017-12-20 21:19:25 · 15690 阅读 · 0 评论 -
JSTL判断list的size()大小
好像在tomacat 7 是可以得,但是tomcat 6要用一下的方式JSTL判断list的size()大小http://java.sun.com/jsp/jstl/core"%> http://java.sun.com/jsp/jstl/functions" prefix="fn"%>--------这里就需要有standard.jar这个包必原创 2017-12-04 21:25:18 · 1020 阅读 · 0 评论 -
谷歌浏览器跨域问题解决
很多场景用谷歌浏览器执行html页面时(涉及加载本地文件)会遇到加载不出来的问题,如下Failed to load file:///D:/ardo/mytemp/liuqu/geoJson/6city.json: Cross origin requests are onlysupported for protocol schemes: http, data, chrome, chrome-原创 2017-12-05 16:13:45 · 1549 阅读 · 0 评论 -
阿里云windows 2012服务器部署java web程序教程
一:环境搭建1.首先需要购买一个阿里云ECS服务器,购买时可以选择处理器核数以及内存大小(可以购买偏低配置,因为升级 方便)2.购买后会自动创建一个实例,可以使用该实例中显示的公网地址在本机使用运行→mstsc.exe远程登录,登录时需要填写IP地址,初次使用用户名必须为administrator 然后输入登录密码.3.如果购买了数据盘在连接后需要对其进行格式化,原创 2017-12-05 21:12:37 · 636 阅读 · 0 评论 -
Java服务端推送和web端推送——GoEasy免费推送服务
转自:https://my.oschina.net/u/2544092/blog/540663?fromerr=krZsU9oc经过前段时间对GoEasy的研究,这里对GoEasy推送的使用做个记录,同时也希望对其他朋友有帮助!GoEasy目前支持Java后台推送,前台JS推送和android推送,IOS他们正在研发中,这里我只对Java服务器端和web端推送做个简单的说明,And转载 2017-12-06 21:51:58 · 464 阅读 · 0 评论 -
谷歌浏览器插件-jsonView插件安装与使用
安装流程:1、打开 https://github.com ;2、搜索 jsonView 链接:https://github.com/search?utf8=%E2%9C%93&q=jsonview;3、选择需要的插件(我是选这个gildas-lormeau/JSONView-for-Chrome);4、点击【Download Zip】,插件下载完成,解压缩到相应目录原创 2017-12-16 12:26:55 · 325 阅读 · 0 评论 -
使用Jquery插件jsonview来展示json数据
项目中要展示json数据,自己写一套html来展示太麻烦,可以使用jquery的插件jsonview来解决这个问题。首先,去jquery官网下载最新的jsonview插件,放在js目录中,下载地址:http://plugins.jquery.com/jsonview/ ;其次,在html中加入以下代码: JSON数据原创 2017-12-16 12:30:53 · 3554 阅读 · 0 评论 -
jQuery JSONView-格式化和语法高亮JSON格式数据查看插件
使用方法下载压缩包,在页面中引入jquery和jquery.jsonview.js,以及jquery.jsonview.css文件。123link rel="stylesheet" href="dist/jquery.jsonview.css">script src="js/jquery.min.js">script>原创 2017-12-16 12:43:28 · 9804 阅读 · 0 评论 -
jQuery插件Validation表单验证
功能1.对”姓名“的必填和长度至少是两位的验证。2.对“电子邮件”的必填和是否为E-mail格式的验证。3.对“网址”是否为url的验证。4.对”你的评论“是否必填验证。结果图例子[html] view plain copy> html xmlns="http://www.w3.org/1999/xh原创 2017-12-16 13:13:03 · 683 阅读 · 0 评论 -
js判断键盘按键
js判断键盘按键判断方法:表 3. DHTML键盘事件名称说明onkeypress这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。onkeyup这个事件在用户放开任何先前按下的键盘键时发生。onkeydo原创 2017-12-16 21:41:30 · 9705 阅读 · 0 评论 -
谷歌浏览器取色
使用谷歌浏览器可以很方便的配置颜色或者取色。鼠标悬浮红框中的图标,会出现以下操作按钮:鼠标悬浮各个按钮会有功能提示;点击颜色相关的按钮,会弹出如下界面:可以自行颜色配置;也可以将鼠标移到网页其他位置,可以实现取色功能:原创 2018-01-02 21:46:55 · 16623 阅读 · 0 评论 -
layer confirm等事件X关闭监听
layer.confirm('是否提示?', { btn: ['是','否'] //按钮 ,cancel: function(index, layero){ //取消操作,点击右上角的X }}, function(){//是}, function(){//否});layer.open({ type: 2, title: '结果',原创 2018-01-17 20:26:43 · 21148 阅读 · 0 评论 -
百度地图集成echarts并且在地图上显示动态告警图形
先上图js代码:require.config({ paths: { echarts: './js/dist' }, packages: [ { name: 'BMap', //location: '.原创 2018-01-29 20:47:11 · 4229 阅读 · 1 评论 -
web页面设置水印
先上图watermark.jsfunction watermark_show(settings) { // 默认设置 var defaultSettings={ watermark_txt: "", watermark_x : 150,// 水印起始位置x轴坐标 watermark_y : 50,// 水印起始位置Y轴坐标 ...原创 2018-07-06 08:41:21 · 6355 阅读 · 1 评论 -
在地图上使用canvas绘制面板
html页面中引入:<div id="result"> <canvas id="canvas" width="300" height="150"></canvas></div>css样式:#canvas { filter:alpha(opacity=60);/*IE*/ opac原创 2018-08-14 16:01:26 · 2239 阅读 · 3 评论 -
holder.js占位图片生成器
当我们在进行网页的排版布局时,有时会需要放置些占位图片来丰富内容,手动生成这些占位图片的话,特别是尺寸要精确到像素时,就会有些繁琐。好在 holder.js 可以帮我们自动生成占位图片,而且还能定义占位图片的一些基本样式。基本用法Holder.js的基本用法很简单,可以去 官网 下载, 引入holder.js文件就可以了,也可以直接使用Bootcss的CDN :sc原创 2017-12-20 20:51:28 · 861 阅读 · 0 评论 -
js简单代码生成器
2012年写的一个js简单代码生成器,通过oracle的建表语句自动生成你想要的java、sql、js代码如图:javascript代码:function $(id){ return document.getElementById(id);}var copytoclip=1;function HighlightAll(theField) {原创 2017-12-02 14:55:59 · 9328 阅读 · 0 评论 -
layui实现数据分页功能
官网layui table演示页面:http://www.layui.com/demo/table.html示例截图:页面引入layui.css、 layui.js ===================前台js=============原创 2017-12-02 12:58:02 · 66554 阅读 · 7 评论 -
echarts带提示气泡的柱图
总是觉得柱图中带气泡显示当前值的echarts显得稍微高端一些,于是乎研究一下为同学的贷款网站做下渠道推广点击访问率的统计分析。首先去echarts官网demo下找了一个模板(当然是柱图的),改了改里面的参数的示例,大概出来一个雏形:js代码如下:option = { title : { text: '某地区蒸发量和降水量', subte原创 2017-11-07 22:08:16 · 5557 阅读 · 1 评论 -
ireport制作报表
1:中文乱码处理对于中文字体,选中控件-“属性”-font-name[宋体]-pdf font name[STSong-Light]-pdf encoding[UniGB-UCS2-H(Chines...)] 2:制作表格Fields-自定义fields-ctrl选中多个控件[右键-size-Adapt to parent height]同理,相同高度[size-same he转载 2017-11-07 22:50:29 · 342 阅读 · 0 评论 -
百度地图api绘制热力图
关于百度地图api绘制热力图的方法,在实践中做出了动态展现热力变化的功能(后续更新)先给出关键js代码的实现if(!isSupportCanvas()){ alert('热力图目前只支持有canvas支持的浏览器,您所使用的浏览器不能使用热力图功能~') } //详细的参数,可以查看heatmap.js的文档 https://github.com/pa7/heatmap原创 2017-11-08 20:34:36 · 24142 阅读 · 5 评论 -
百度地图api绘制路线规划实例
根据百度地图api实现路线规划--js混淆地址http://tool.lu/js/小圆点下载地址:http://webmap1.map.bdstatic.com/wolfman/static/common/images/yuandian_hover_62695d4.png起点终点图http://webmap0.map.bdstatic.com/原创 2017-11-08 21:20:01 · 13667 阅读 · 0 评论 -
你可能不知道的javascript调试技巧
了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦,但在掌握了技巧 (tricks) 的情况下,你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。我们会列出你可能不知道的调试技巧, 但是一旦知道了,你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们!现在开始。虽然许多技巧也可以用在别的检查工具上,但大原创 2017-11-10 21:55:06 · 610 阅读 · 1 评论 -
SpringMVC使用iReport生成pdf
1.要生成pdf首先需要通过iReport生成pdf模板,详情自行百度。2.生成pdf模板之后,将.jrxml和.jasper文件放在java项目的某个文件夹中。.jrxml文件是可编辑的文件,.jasper文件不可编辑。3.最重要的部分来了,见下面: @RequestMapping("print") @ResponseBody public void原创 2017-11-10 22:07:53 · 517 阅读 · 0 评论 -
爬了一个echarts+bootstrap模态框的小坑
最近在做一个pc的项目,要把echarts图表在bootstrap模态框里展示,用户点击按钮弹出内容为echarts图表的modal。听起来so easy对吧?来,我们按照正常的思路一、先搞一个模态框出来~HTML: 弹出来 JS:$('.btn').click(function(){ $('#myModal').modal();//点击按钮原创 2017-11-11 09:22:30 · 2521 阅读 · 4 评论 -
javaweb聊天室引入图灵机器人智能对话
很多人都开发过在线聊天室,但是很少有引入robot api的,如果有一个智能机器人和大家“聊骚”,这样聊天室的氛围岂不是更加愉快。图灵机器人网址:http://www.tuling123.com/注册登录后可设置一些机器人的基本信息(它还可以随着年龄的增长而学习知识技能的提升)在知识库一栏可设置一些常用知识关键词汇的答案信息能力扩展中开启你所涉及的领域:原创 2017-11-12 12:32:11 · 3734 阅读 · 76 评论 -
springmvc+百度地图开发一款家政管理系统
大概介绍一个之前业余时间开发的使用springmvc+百度地图开发一款家政管理系统,bootstrap用于网站端展现,easyui用于后台管理,首先需求如下然后呢开始数据库建模:再然后开始搭建框架:页面开发的话,对于经常搞前端的童鞋应该so easy以上是主要页面的截图,如果需要源码的童鞋请留言。原创 2017-11-19 14:54:13 · 1404 阅读 · 43 评论 -
js将json自动转html表格实例
Js自动将json格式转成html table形式展现,做下笔记截图如下:html代码: var jsonArray = [{"编号":"1001","名称":"k-means","描述":"K-means算法是硬聚类算法,是典型的基于原型的目标函数聚类方法的代表","操作":"编辑"},{"编号":"1002","名称":"rest原创 2017-11-20 20:04:27 · 11700 阅读 · 2 评论 -
layui实现数据分页功能
官网layui table演示页面:http://www.layui.com/demo/table.html示例截图:页面引入layui.css、 layui.js 前台jsvar limitcount = 10; var curnu原创 2017-11-20 20:07:32 · 3570 阅读 · 0 评论 -
CHROME开发者工具的小技巧
本文转自:https://coolshell.cn/articles/17634.htmlChrome的开发者工具是个很强大的东西,相信程序员们都不会陌生,不过有些小功能可能并不为大众所知,所以,写下这篇文章罗列一下可能你所不知道的功能,有的功能可能会比较实用,有的则不一定,也欢迎大家补充交流。话不多话,我们开始。代码格式化有很多css/js的代码都会被 minify 掉,你可转载 2017-11-20 20:23:17 · 558 阅读 · 0 评论 -
layer弹出层关闭后刷新父页面
window.parent.location.reload(); //刷新父页面var index = parent.layer.getFrameIndex(window.name); //获取窗口索引parent.layer.close(index); // 关闭layer原创 2017-11-30 17:23:53 · 1554 阅读 · 0 评论 -
web前端知识体系大全
1. 前言 大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。 拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来。说转载 2017-11-21 22:40:56 · 653 阅读 · 0 评论 -
你不知道的Chrome开发者工具新功能
本文转自: https://news.cnblogs.com/n/573595/相信对本文感兴趣的读者对于 Chrome 开发者工具的基本功能应该都比较熟悉:DOM 查看器、样式面板、JavaScript 控制台。但是 Chrome 开发者工具还有很多不太出名但绝对能够对调试、应用创建带来很大便利的功能。 一、黑色主题 Chrome 的开发者工具有一个内置的黑色转载 2017-11-15 22:18:27 · 798 阅读 · 0 评论 -
echarts制作迁徙图
使用echarts制作迁徙图,以天津市为例,先上图代码示例:// 路径配置 require.config({ paths: { echarts: 'build/dist' } }); // 使用 require( [ 'echarts',原创 2017-12-02 12:49:03 · 13466 阅读 · 8 评论 -
Vue经典开源项目汇总
转自:https://blog.csdn.net/xiangzhihong8/article/details/86715541Vue.js(读音 /vjuː/, 类似于 view)是一套用于构建用户界面的渐进式框架,主要用于快速的构建前端界面,与其它大型的前端框架不同,Vue被设计为可以自底向上逐层应用。相比Angular.js来说,Vue的核心库只关注视图层,不仅易于上手,还便于与第三...转载 2019-06-26 08:47:43 · 1483 阅读 · 0 评论