js
低_调_哥
这个作者很懒,什么都没留下…
展开
-
ES6---new Promise()使用
ES6---new Promise()使用1、使用then的回调,避免传统方法需要传回调参数//传统写法const fn = (flag,callback) => { const data = '123456' if(flag){ callback && callback(data) }}fn(true,(data) => { console.log('fn方法里的data',data) //打印结果 123456...原创 2020-11-24 17:11:54 · 5955 阅读 · 0 评论 -
react使用if/else语句
<div>{do{if(contractDetail.status==='DRAFT'){buttonText='草稿';isDisabled=true;}elseif(contractDet...原创 2020-02-11 16:16:21 · 2066 阅读 · 0 评论 -
react插入meta标签,解决Https链接失效问题
react外部链接失效问题react外部链接在生产环境报错Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'.原因:HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP...原创 2020-02-07 20:24:25 · 4168 阅读 · 0 评论 -
解决layui数据表格在ie浏览器加载不出来的问题
解决layui数据表格在ie浏览器加载不出来的问题原因:ie缓存问题首先给url添加参数时间戳:new Date().getTime(),手动刷新是有数据出来的,成功了。但增删改后调用table.reload()重新加载数据并没有更新,连时间戳都是旧的,所以此方法仍然不算起作用,再试网友改源码的方法:直接 在 layui- lay- modules - table.js 搜索url...原创 2019-12-30 20:11:19 · 4758 阅读 · 0 评论 -
js 拼接onclick方法传多个参数
要点:引号前后要加上"varbtnHtml="<inputtype=\"button\"class=\"btn\"onclick=\"gotoYS(""+YSurl+"",""+did+"")\"" +"style=\"width:130px;\"value=\"查看\">...原创 2019-12-19 16:50:38 · 1727 阅读 · 0 评论 -
js 2019-09-30T00:00:00 转换时间格式
js 2019-09-30T00:00:00 转换时间格式Date.prototype.Format=function(fmt){varo={"M+":this.getMonth()+1,//月份"d+":this.getDate(),//日"h+":this.get...原创 2019-11-16 10:18:06 · 3126 阅读 · 0 评论 -
laydate5.0设置起始日期和结束日期,结束日期不能大于开始日期
//日期范围var startDate=laydate.render({ elem: '#sendTime_begin', type: 'datetime', format: 'yyyy-MM-dd HH:mm', max:"2099-12-31",//设置一个默认最大值 done: function(value, date){ endD...转载 2019-03-26 15:28:32 · 1264 阅读 · 0 评论 -
jeecg重新打开弹窗,搜索时checkbox旧值被清空问题
问题:使用jeecg封装好的选择联系人弹窗的操作,每次用关键字查询都会把之前选中的覆盖掉,没办法保留我之前选中的联系人,所以自己用js实现.父页面jsp<input id="names" name="names" type="text" maxlength="32" value="${names}" class="form-control input-sm" placehold...原创 2019-03-23 10:39:07 · 885 阅读 · 0 评论 -
js格式化后台返回的Date类型的数据
方法一://日期格式化,将毫秒转为 XXXX-XX-XX 的格式Date.prototype.Format = function(fmt) { var o = { "M+" : this.getMonth() + 1, // 月份 "d+" : this.getDate(), // 日 "h+" : this.getHours(), /...转载 2019-03-19 13:54:15 · 1277 阅读 · 0 评论 -
laydate使用
laydate使用 //选择时分秒 $(".laydate-time").each(function(){ var _this = this; laydate.render({ elem: this, format: 'HH:mm', //过滤只显示时分 type: 'time', //...原创 2019-03-19 11:45:46 · 1276 阅读 · 0 评论 -
jeecg自定义函数按钮dgFunOpt弹窗,关闭子页面时刷新父页面
jeecg自定义函数按钮dgFunOpt弹窗,关闭子页面时刷新父页面<t:dgFunOpt funname="doRead(id,isRead)" title="阅读" urlclass="ace_button" urlfont="fa-wrench"></t:dgFunOpt>//详情弹窗function doRead(id,isRead){ va...原创 2019-03-19 11:05:07 · 2681 阅读 · 4 评论 -
WebSocket实现实时接收消息(前端代码)
WebSocket实现实时接收通知,并弹窗提示,以下为前端代码,后端代码自己实现var init = { initWebsocket:function () { //判断当前浏览器是否支持WebSocket if ('WebSocket' in window) { var wsServer = "ws:"+init.getCapt...原创 2019-03-19 10:36:45 · 24488 阅读 · 0 评论 -
jq实现jeecg自动刷新页面
//tab-contents-div和content-tab为jeecg封装好的按钮组tab,每个tab打开的是一个iframe页面;//需求:每个打开的iframe页面收到即时消息时全部刷新//自动刷新已打开的页面里的表格function activeTabRefresh() { var $contentTab = $("#tab-contents-div").find("...原创 2019-03-19 10:24:13 · 2619 阅读 · 0 评论 -
jeecg自带联系人选择弹窗:初始化时显示已选中的checkbox
<t:datagrid name="noCurDepartUserList" title="common.operation" actionUrl="userController.do?datagrid" fit="true" fitColumns="true" idField="id" checkbox="true" queryMode="...原创 2019-03-19 09:49:54 · 982 阅读 · 0 评论 -
js截取指定字符前面或后面的内容
function getCaption(obj,state) { var index=obj.lastIndexOf("\-"); if(state==0){ obj=obj.substring(0,index); }else { obj=obj.substring(index+1,obj.length); } return...原创 2019-03-12 14:37:43 · 22697 阅读 · 0 评论 -
js 调用浏览器的提示Web Notifications
关于调用浏览器的提示:Web Notifications是HTML5的一个特性,目前我知道的有谷歌浏览器和windowsedge对它进行了支持function notice(data){ data = data || {}; if (window.Notification){ //Notification类提供了一个requestPermission方法,用来请求用户...转载 2019-04-12 14:16:30 · 1525 阅读 · 0 评论 -
js正则以左中括号[开头,以右中括号]结束
正则以左中括号[开头,以右中括号]结束 /^\[([\s\S])*\]$/gvar data = [hello];data.replace( /^\[([\s\S])*\]$/g ,'哈哈哈');alert(data)原创 2019-04-12 16:44:14 · 4832 阅读 · 0 评论 -
js数组去重
//数组去重function arrUnique(arr){ var res = []; var json = {}; for(var i = 0; i < arr.length; i++){ if(!json[arr[i]]){ res.push(arr[i]); json[arr[i]] = 1;...原创 2019-04-13 11:08:51 · 166 阅读 · 0 评论 -
es6 之promise/async/await 异步操作
es6 之promise异步操作作用:等上一个方法执行完才能执行下一个方法js:methods: { async tapTab(e) { let tabIndex = e.target.dataset.current; if (this.tabIndex === tabIndex) { ...原创 2019-08-30 11:30:05 · 442 阅读 · 0 评论 -
elementui表格列拖动(使用sortablejs插件)
sortablejs文档:https://segmentfault.com/a/11900000082097151.下载并引入sortablejs插件import Sortable from 'sortablejs'2.渲染表格<el-table ref='table' :data="tableData" stripe :height="relHeight" :row-...原创 2019-08-15 14:43:26 · 3850 阅读 · 1 评论 -
elementui实现远程搜索,模糊搜索
需求:模糊搜索,输入一个关键字弹出所有含有关键字的列表实现:elementui的远程搜索实现,原先的做法是按照官网那样,聚焦时拿到全部数据放到数组,然后输入文字时循环该数组,将匹配的筛选出来,但是有些数据量太大了,几万条,考虑到性能问题,就由后台做模糊搜索,前端只需请求接口即可,后台返回匹配的数据.<el-autocomplete class="inline-input media...原创 2019-07-31 14:22:19 · 11654 阅读 · 4 评论 -
设置jeecg bootstrap-table表格右边工具列表不显示隐藏的列
jeecg bootstrap-table表格右边工具列表不显示隐藏的列思路:限制含有hidden = "true"的标签例如:<t:dgCol title="主键" field="id" hidden="true" queryMode="single" width="120"></t:dgCol>解决方法:修改bootstrap-table源码找...原创 2019-05-15 15:53:34 · 3162 阅读 · 0 评论 -
js时间戳转时间格式
时间戳转时间格式:方法一:function add0(m){return m<10?'0'+m:m }function format(timestap){//timestap是整数,否则要parseInt转换var time = new Date(timestap);var y = time.getFullYear();var m = time.getMonth()+1;...转载 2019-05-06 13:36:33 · 404 阅读 · 0 评论 -
vue设置代理解决跨域问题
vue设置代理解决跨域问题贴代码config/index.js'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')var proxyConfig = req...原创 2019-04-25 16:01:07 · 3896 阅读 · 0 评论 -
(转载)js正则表达式截取字符串开头、结尾、以及两字符串之间的内容
js正则表达式截取字符串1.正则表达式写法简介var expression = / pattern /flags;其中模式(pattern)部分可以是任何简单或复杂的正则表达式,每个正则表达式都带有一个或多个标签(flags)用以标明正则表达式的行为var strMatch = `-rw-r--r--. 1 root root 114769 Apr 26 15:39 C...转载 2019-04-19 15:02:15 · 1964 阅读 · 0 评论 -
js时间格式化,时间增加5小时
js时间格式化,时间增加5小时function dateFormat(fmt,date){ //date.setHours(date.getHours()+5); //增加5小时 var o = { "M+" : date.getMonth()+1, //月份 "d+" : date.getDate(), ...原创 2019-04-22 16:48:02 · 2277 阅读 · 0 评论 -
vuex辅助函数mapState,mapGetters解释
vuex辅助函数mapState,mapGetters解释,请查看转载连接http://www.imooc.com/article/14741转载 2019-04-26 16:02:34 · 582 阅读 · 0 评论 -
jeecg刷新表格方法
jeecg刷新表格方法:1.使用bootstrap表格: $('#id').bootstrapTable('refresh');1.使用easyui表格: $('#id').datagrid('reload');原创 2019-03-07 10:03:23 · 3675 阅读 · 0 评论 -
限制 input 输入框只能输入数字
1、onkeyup = "value=value.replace(/[^\d]/g,'')"使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母2、onchange = "value=value.replace(/[^\d]/g,'')"使用 onchange 事件,在输入内容后,只有 input 丧失焦点时才会得到结果,并不能在输入...转载 2019-02-14 16:32:53 · 1212 阅读 · 0 评论 -
table+jq实现日期排期表
1.html<table cellpadding="0" cellspacing="0" border="0" class="scheduling-tb" width="100%"> <thead> <tr> <td class="border"&g转载 2018-02-28 16:44:21 · 2030 阅读 · 0 评论 -
Bootstrap modal.js 源码分析
Bootstrap modal.js 源码分析/* ======================================================================== * Bootstrap: modal.js v3.3.5 * http://getbootstrap.com/javascript/#modals * =====================...转载 2018-02-28 14:03:50 · 466 阅读 · 0 评论 -
vue-cli 快速构建vue应用,webpack打包
一、vue-clivue-cli是由vue官方发布的快速构建vue单页面的脚手架。参见vue-cli官方网站。http://vuejs-templates.github.io/webpack/之前需要使用vue的单文件组件的功能,即将不同的模板分离到不同的.vue后缀的文件中,这样做需要使用webpack打包。参见官方说明:https://cn.vuejs.org/v2/guide/single-...转载 2018-02-13 16:12:56 · 387 阅读 · 0 评论 -
jQuery实现表格增删改(弹窗形式)
1.html<div class="box set-metadata-management"> <div class="set-content"> <a href="javascript:void(0);" class="save-btn">新增</a> <table cel原创 2018-02-11 11:08:35 · 4325 阅读 · 0 评论 -
swiper实现左右滑动案例
1.html<div class="historical similarity-degree"> <div class="swiper-box"> <div class="s-btn swiper-button-prev degree-prev"><span></span><转载 2018-02-11 10:43:28 · 9294 阅读 · 0 评论 -
jq实现自定义搜索框聚焦展开,失焦收起
1.html<div class="search-bar"> <input id="searchInput" type="text" placeholder="搜索您想要查询的项目" /> <div class="search-drop-menu"> <div class="se原创 2018-02-11 09:36:13 · 2141 阅读 · 0 评论 -
jq实现自定义搜索输入框
html>lang="en"> charset="UTF-8"> Title a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none;原创 2018-01-19 09:45:52 · 473 阅读 · 0 评论 -
jQuery实现复选框全选和反选,单选和多选
//联动复选框$('.checked-all').click(function () { //全选反选 $('input:checkbox').prop('checked', $(this).prop('checked'));});//单选和多选$('input:checkbox').on('click', function() { if($('.s-data-li原创 2018-01-26 14:18:48 · 1897 阅读 · 0 评论 -
jQuery ui实现拖拽文件到文件夹案例
js:/*拖动事件开始*/var $gallery = $(".drop-move"), //拖动对象 $trash = $(".move-in"); //接收容器$("dd",$gallery).draggable({ //拖动 cancel:".ui-icon", revert:"invalid", containment:"documen原创 2018-01-18 14:40:30 · 2310 阅读 · 0 评论 -
文字过长设置隐藏,鼠标hover时显示在title上
class="text-content"> 1.工作内容工作内容工作内容工作内容工作内容工作内容工作内容2.工作内容工作内容工作内容工作内容工作内容工作内容工作内容 css:/*表格超出隐藏*/.ellipsis-table{table-layout:fixed;}.ellipsis-table td{wid原创 2018-01-18 10:55:57 · 4071 阅读 · 0 评论 -
jQuery进度条插件rangeSlider,带刻度,rangeSlider实现进度范围选择案例
使用方法:1.引入cssrel="stylesheet" href="../../resources/js/plugins/ion.rangeSlider-2.2.0/css/ion.rangeSlider.css">rel="stylesheet" href="../../resources/js/plugins/ion.rangeSlider-2.2.0/css/ion.rang转载 2018-01-25 10:47:15 · 5263 阅读 · 0 评论