随笔分类 -  JavaScript

1 2 下一页
vue中this.$router.push用法
摘要：this.$router.push()：路由传值 想要导航到不同的URL，使用router.push()方法，这个方法会向history栈添加一个新纪录，当用户点击浏览器后退按钮时，会回到之前的URL 简单说就是使用this.$router.push()打开一个url实现页面跳转 使用案例：在一个页 阅读全文
posted @ 2020-12-08 17:00 leviH 阅读(2707) 评论(0) 推荐(0)
setInterval用法
摘要：实现每隔两分钟刷新一次页面的数据，可以使用setInterval //第一个参数为要执行的方法，第二个参数为时间间隔1 var inteval = setInterval("regular()",1000*60*2);//这里采用setInterval(regular,1000*60*2);或者se 阅读全文
posted @ 2020-05-07 10:37 leviH 阅读(856) 评论(0) 推荐(0)
echarts中tooltip配置
摘要：1 tooltip: { 2 trigger: 'axis', 3 formatter(params) { 4 var res = ''; 5 for(var i=0;i<params.length;i++){ 6 if(i%2 == 0) { 7 res = res +'<p>'+params[i 阅读全文
posted @ 2020-04-21 16:04 leviH 阅读(2788) 评论(0) 推荐(1)
echarts绘制折线图、柱状图
摘要：柱状图： 默认为纵向柱状图，如果要设置横向显示，则把yAxis的type改为'category'。 柱状图重叠会将一组数据全部重叠，如果要分组重叠，只能使用叠加的方式，叠加的值为两组数据的差值，这样可以实现多组数据重叠显示的效果。 1 function existCardDayPicInit(){ 阅读全文
posted @ 2020-04-10 16:56 leviH 阅读(1154) 评论(0) 推荐(0)
弹框页面点击提交后关闭并刷新首页
摘要：问题：在主页面点击按钮弹出弹框页面，在弹出页面点击提交按钮后关闭当前弹框页面，并刷新主页面 1 //在弹出页面中通过js执行提交操作 2 function submit(vId,id){ 3 debugger; 4 layer.confirm("确定提交吗？",function (index){ 5 阅读全文
posted @ 2020-03-23 08:24 leviH 阅读(1029) 评论(0) 推荐(0)
使用echarts绘制饼状图
摘要：前端代码： 1 <script src="${ctx}/static/plugin/echarts/echarts-v4.2.0/echarts.common.min.js"></script> 2 <div id="main" style="width: 600px;height:400px;"> 阅读全文
posted @ 2020-02-24 09:07 leviH 阅读(1340) 评论(0) 推荐(0)
layui的radio监听事件
摘要：1 form.on('radio', function (data) { 2 ///data.elem获取当前dom，与getElementById("")一样， 3 if(data.value == "异常") { 4 //data.elem.style = "bgcolor:red"这种方式改变 阅读全文
posted @ 2020-01-13 11:27 leviH 阅读(3567) 评论(0) 推荐(0)
layui的confirm使用
摘要：在开发中，客户需要在提交表单数据前弹出确认框，点击确认后提交，点击取消后不提交。 我是用js的confirm代码运行不成功，如下： 1 /* var msg=confirm("确认提交!"); 2 if (msg==false) { 3 return false; 4 }if (msg==true) 阅读全文
posted @ 2020-01-13 08:55 leviH 阅读(16131) 评论(0) 推荐(0)
SSM中form表单里提交多个实体
摘要：页面代码： <form action="/user/submitUserList_2" method="post"> ID:<input type="text" name="users[0].id"><br/> Username:<input type="text" name="users[0].n 阅读全文
posted @ 2020-01-10 09:03 leviH 阅读(1063) 评论(0) 推荐(0)
$.ajax指定post传递数据
摘要：1 $.ajax({ 2 async:false, 3 //type: "POST", 4 url: '${ctx}/fcHydrant/preSubmit', 5 data: {"ids": ids}, 6 success: function(rtn){ 7 layer.open({ 8 type 阅读全文
posted @ 2020-01-09 16:40 leviH 阅读(6998) 评论(0) 推荐(0)
下拉框二级联查
摘要：挑选第一个下拉框，选定内容后通过ajax访问后台，查出对应的数据填充到第二个下拉框里 html代码： <div class="layui-inline"> <label class="layui-form-label" style="width: 80px;">事业部</label> <div cl 阅读全文
posted @ 2020-01-09 14:27 leviH 阅读(435) 评论(0) 推荐(0)
layer弹层组件layer.open使用
摘要：将layer.open弹层方法作为jQuery请求后的回调方法： 1 $.get('${ctx}/fcHydrantDetail/preSendback/'+ids,function(rtn){ //$.get()为jQuery的get请求方法，第一个参数为请求地址，其二个function为回调函数 阅读全文
posted @ 2020-01-09 09:15 leviH 阅读(1832) 评论(0) 推荐(0)
$.get()、$.post()、$.ajax()使用
摘要：这三种方法都是jQuery中规定的Ajax方法中一种与服务器交换数据的请求类型。 1.$.get()使用 使用方式为：$.get(URL,callback) URL为请求地址（必填），callback为回调函数（可填） 样例： 1 $.get(“demo.jsp”, function(data, s 阅读全文
posted @ 2020-01-08 11:28 leviH 阅读(1676) 评论(0) 推荐(0)
javascript-利用数组实现栈和队列
摘要：栈结构： 栈的数据结构表现为LIFO（先进后出），实现方式为： 1 var color = new Array(); 2 color.push("red"); 3 color.push("blue"); 4 color.pop(); push为在数组后面一次添加数据，pop为删除数组最后一项并返回该 阅读全文
posted @ 2020-01-06 15:09 leviH 阅读(395) 评论(0) 推荐(0)
isNaN 和isFinite
摘要：isNaN(x)用于检测x是否为非数值型，如果不是数值，返回true，如果为数值，或者能够转成数值型，返回为false，isNaN(10)与isNaN("10")都返回为false 注意，NaN与任何类型都不匹配，包括它自己，(NaN == NaN)返回为false isFinite(x)用于检测x 阅读全文
posted @ 2020-01-06 10:53 leviH 阅读(319) 评论(0) 推荐(0)
页面实现根据某个字段降序升序排序
摘要：前台页面 1 <form id="pagerForm" method="post" action="${ctx}/user/list" onsubmit="return navTabSearch(this)"> 2 <input type="hidden" name="orderField" val 阅读全文
posted @ 2020-01-02 13:30 leviH 阅读(934) 评论(0) 推荐(0)
页面批量操作中一键全选操作
摘要：前端框架使用layUI时，批量操作可以使用layui的方法。 html： <div class="tab-bars"> <a class="approve" onclick="approveListProgram()">批量审核</a> </div> <div class="tab-content 阅读全文
posted @ 2019-12-31 11:02 leviH 阅读(1475) 评论(0) 推荐(0)
JavaScript读书
摘要：javascript高级程序设计 javascript模式 阅读全文
posted @ 2019-12-30 17:07 leviH 阅读(106) 评论(0) 推荐(0)
layUI输入框控制
摘要：前端框架使用layUI时，对输入框的控制可以使用layUI封装好的方法，例如： 1.输入框必填：lay-verify="required" 2.输入框为手机号码（输入为11位数字）：lay-verify="required|phone" 阅读全文
posted @ 2019-12-30 11:05 leviH 阅读(3478) 评论(0) 推荐(0)
DWZ基础，layUI提交数据
摘要：- navTabAjaxDone是DWZ框架中预定义的表单提交回调函数。服务器转回navTabId可以把那个navTab标记为reloadFlag=1,下次切换到那个navTab时会重新载入内容。callbackType如果是closeCurrent就会关闭当前tab - 只有callbackTyp 阅读全文
posted @ 2019-12-30 10:47 leviH 阅读(444) 评论(0) 推荐(0)

1 2 下一页