Web前端
Java少年
人生四种境界: 不知道自己不知道;知道自己不知道;不知道自己知道;知道自己知道。
展开
-
Echarts快速入门案例
一、echarts介绍ECharts是由百度团队开发的,可高度个性化定制的数据可视化图表库。它的底层依赖轻量级的Canvas类库ZRender,是一个纯JavaScript的图标库,兼容(IE8/9/10/11,Chrome,Firefox,Safari等)主流浏览器,可以运行在PC和移动设备上。Echarts的特性:丰富的图表类型: 常用的有折线图,柱状图,散点图,饼图,盒形图,用于地理数据可视...原创 2018-05-04 14:22:59 · 699 阅读 · 0 评论 -
css页面布局
参考博客:https://blog.csdn.net/Ranchonono/article/details/68187642https://www.cnblogs.com/tugenhua0707/p/5180841.htmlhttps://blog.csdn.net/qq_33834489/article/details/79111172https://blog.csdn.net/l...原创 2019-01-18 15:24:48 · 633 阅读 · 0 评论 -
WebSocket入门
一、简介定义:WebSocket是HTML5新增加的一种通信协议,目前流行的浏览器都支持这个协议,例如Chrome,Safari,Firefox,Opera,IE等。特点:服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种建立在 TCP 协议之上,服务器端的实现比较容易可以发送文本,也可以发送二进制数据没有同源限制...原创 2018-12-11 13:55:47 · 165 阅读 · 0 评论 -
Ajax快速入门
一、简介AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术;是一种用于提高浏览器和服务器交互效率的快速创建动态网页技术。Ajax这个概念的最早提出者Jesse James GarrettAjax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合Ajax技术核心是JavaSc...原创 2018-12-06 21:00:49 · 251 阅读 · 0 评论 -
ajax跨域问题
在开发过程中,ajax访问接口经常报一下这个错误XMLHttpRequest cannot load http://xxxx No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xxxx' is therefore not allowed access.这个...原创 2018-12-03 23:07:48 · 121 阅读 · 0 评论 -
ajax拼接页面后js 点击事件失效解决方案
解决方案:1、可以使用绑定点击事件$("body").bind('click',".s3",function(){$(".tanchuang").show();$(".tc_nianyue").show();$(".tc_dizhi").hide();}) 2、可以使用onclick事件$(document).on('click',".quxiao",fun原创 2018-06-19 20:29:40 · 4215 阅读 · 3 评论 -
JavaScript 最常用的函数、语法
javascript 常用 api:https://blog.csdn.net/LonewoIf/article/details/86702542网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法:1.输出语句:document.write("");2.JS中的注释为//3.传统的HTML文档顺序是:document->html->...转载 2018-05-27 16:11:58 · 214 阅读 · 0 评论 -
JavaScript --Sort() 快排方法
记录一下最近在项目中使用的js的Sort 快速排序方法:定义和用法:sort() 方法用于对数组的元素进行排序。使用说明:如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一...原创 2018-05-27 16:03:37 · 891 阅读 · 0 评论 -
Jquery 常见选择器
1).基本·#id 根据给定的ID匹配一个元素。例如:$("#id")·element 根据给定的元素名匹配所有元素。例如:$("div")·.class 根据给定的类匹配元素。例如:$(".style1"); ·* 匹配所有元素。例如:$("*")·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如:$("#id,div,.style1...转载 2018-05-21 11:28:16 · 127 阅读 · 0 评论 -
javaScript 上传图片(oss阿里云)
最近项目有这个这块的需求,简单的记录一下使用过程,以便以后学习、使用。直接上干货分享:思路:前端js获取 oss上传图片的url地址,将url以json数组形式传入后台,后台json解析将数据存入数据库(这里用的是fastjson)使用步骤:1、前端页面有图片上传的图标,并且增加图片上传的input隐藏域,便于拿到上传的图片信息 <div class...原创 2018-06-19 21:04:02 · 14049 阅读 · 3 评论 -
关于select标签的常用方法
案例:<div class="select_div"> <select name="" id="prov"> <option value="320000">江苏省原创 2018-08-26 22:00:59 · 1262 阅读 · 0 评论 -
js中map对象的使用
<div class="qylr3" style="display: none;"> <div class="qylr3_wrap" id="gg"> <div class="row w810" style="width: 90原创 2018-08-26 22:30:34 · 2204 阅读 · 0 评论 -
h5页面简单实现地图功能
1、参考:https://www.cnblogs.com/xianwen/p/6045454.html2、嵌入百度地图和使用百度地图api自定义地图 第一步:进入百度创建地图的网站,搜索出自己要展示的位置。 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动。 第三步:添加标注。点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位。标记图标处可...原创 2018-08-26 22:44:25 · 18115 阅读 · 0 评论 -
ajax实现省市区三级联动
案例:从数据库获取数据实现省市区三级联动,如下图所示思路:网页初始化时,先获取所有的省份,通过被选中的省份id去获取所有城市,在通过被选中的城市id去加载所有的区县,当所选的省市的id发生改变时,触发change事件,去加载相应的省市区。代码如下:html: <div class="input-group...原创 2018-07-17 22:39:49 · 7206 阅读 · 2 评论 -
Echarts K线图—Ajax动态刷新赋值
Echarts-K线图配置项说明: http://echarts.baidu.com/option.html#title案例:从数据库获取到开盘(open),收盘(close),最低(lowest),最高(highest)的数据和对应日期,实现K线图的功能。 //时间戳 转换为日期格式 function timestampToTime(timestamp) { var date = new...原创 2018-06-07 22:05:33 · 5438 阅读 · 1 评论 -
Echarts动态刷新数据---ajax调用(Demo)
以下用颜色标注部分为关键代码: ---使用ajax调用接口,动态获取(刷新)数据html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2018-05-16 11:46:36 · 11915 阅读 · 0 评论 -
浅谈获取url传递的参数值的几种方式
以下内容是在开发中本人经常使用的方式,现总结如下:jsp页面中: //el表达式 获取请求参数var id = ${param.id}; var id = <%=request.getParameter("id")%> html页面中: //使用js 获取参数值function getQueryVariable(va...原创 2018-05-13 12:54:28 · 13953 阅读 · 3 评论 -
ES6快速入门
参考博客:https://blog.csdn.net/sinat_37390744/article/details/77512433https://blog.csdn.net/weixin_34112208/article/details/89438118阮一峰:http://es6.ruanyifeng.com/https://blog.csdn.net/qq_37957971/...转载 2019-10-02 21:34:38 · 187 阅读 · 0 评论