前端
文章平均质量分 53
低_调_哥
这个作者很懒,什么都没留下…
展开
-
CORS使用Access-Control-Allow-Origin来允许跨域请求
CORS使用Access-Control-Allow-Origin来允许跨域请求 因为浏览器的同源策略,浏览器只允许请求当前域的资源,而对其他域的资源以不信任的态度处理。JSONP是可以解决跨域的一些问题, 但JSONP只支持GET请求而不支持POST,因此还是有限,而使用Access-Control-Allow-Origin可以应对各种跨域请求(在服务器端nginx去配置)。 CORS全称跨域资源共享(Cross-origin resource sharing),这是W3转载 2022-03-29 10:11:21 · 3451 阅读 · 0 评论 -
vue2/vue3基于elementui-table实现render渲染
vue2/vue3基于element-table实现render渲染原创 2022-01-28 09:53:33 · 4435 阅读 · 0 评论 -
vue二次封装表格element-ui table
基于element-ui table二次封装表格封装的一些常用方法,如请求列表,render函数,复选框操作,合并行(合并列后续再添加);列表请求支持两种方式:1、子组件内请求(对于无需修改源数据的场景)2、父组件请求,再把数据传到子组件(对于需要大量修改源数据的场景)原创 2021-07-23 10:58:51 · 2210 阅读 · 6 评论 -
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 · 6009 阅读 · 0 评论 -
基于webpack修改插件源码,使用自定义文件替换node_modules里面的源码文件
基于webpack修改插件源码,使用自定义文件替换node_modules里面的源码文件需求:插件不满足要求,需要修改源码,但又想永远保留自己修改的这份,不想被重新下载的覆盖方法:在运行时执行你替换的方法,将你自定义的文件替换依赖包上的案例:react+umi.js1、自己写替换源码文件的方法,这个方法我写在change-modules.js上2、在node_modules里将你需要修改的文件复制一份出来修改,放在静态资源的文件夹里,自定义一个也叫node_modules的文件夹,按照依原创 2020-10-26 17:36:52 · 1804 阅读 · 3 评论 -
js 拼接onclick方法传多个参数
要点:引号前后要加上"varbtnHtml="<inputtype=\"button\"class=\"btn\"onclick=\"gotoYS(""+YSurl+"",""+did+"")\"" +"style=\"width:130px;\"value=\"查看\">...原创 2019-12-19 16:50:38 · 1744 阅读 · 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 · 3143 阅读 · 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 · 2644 阅读 · 0 评论 -
WebSocket实现实时接收消息(前端代码)
WebSocket实现实时接收通知,并弹窗提示,以下为前端代码,后端代码自己实现var init = { initWebsocket:function () { //判断当前浏览器是否支持WebSocket if ('WebSocket' in window) { var wsServer = "ws:"+init.getCapt...原创 2019-03-19 10:36:45 · 24524 阅读 · 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 · 178 阅读 · 0 评论 -
jsp时间格式化标签
转载:jsp标签<fmt:formatDate>---时间格式化<fmt:formatDate value="${isoDate}" type="both"/>输出: 2004-5-31 23:59:59<fmt:formatDate value="${date}" type="date"/>输出: 2004-4-1<fmt:form...转载 2019-03-19 10:52:05 · 1451 阅读 · 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 · 2696 阅读 · 4 评论 -
laydate使用
laydate使用 //选择时分秒 $(".laydate-time").each(function(){ var _this = this; laydate.render({ elem: this, format: 'HH:mm', //过滤只显示时分 type: 'time', //...原创 2019-03-19 11:45:46 · 1288 阅读 · 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 · 998 阅读 · 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 · 22771 阅读 · 0 评论 -
jeecg刷新表格方法
jeecg刷新表格方法:1.使用bootstrap表格: $('#id').bootstrapTable('refresh');1.使用easyui表格: $('#id').datagrid('reload');原创 2019-03-07 10:03:23 · 3712 阅读 · 0 评论 -
echart2.0环形图-中间显示进度数据和标题
1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> &l原创 2018-01-18 13:48:34 · 13391 阅读 · 5 评论 -
限制 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 · 1223 阅读 · 0 评论 -
百度地图使用ztree,百度地图自定义检索面板
apiKey自己去官网注册;百度地图创建多个标注点maker,鼠标移到maker时弹出对应浮窗;用ztree自定义右侧面板,点击节点时找到相应maker并弹出对应浮窗.1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl原创 2019-02-01 09:49:59 · 564 阅读 · 0 评论 -
appCan内置ui框架css
详细资料可查看http://newdocx.appcan.cn/quickstart/create-appub 元素采用弹性BOX布局ub-rev 子元素反序排列ub-con 在子元素中加入一个容器,用于避免内容引起子元素大小变化对应CSS代码为position:absolute;width:100%;height:100%;ub-ac、ub-ae 子元素垂直居中对齐和尾对齐ub-...转载 2019-01-21 10:34:14 · 983 阅读 · 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 · 1291 阅读 · 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 · 910 阅读 · 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 · 457 阅读 · 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 · 3867 阅读 · 1 评论 -
使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示
问题:使用elementui在打开编辑页面时select多选选择框(自定义模板)不能显示文字,只显示标签项目上的select下拉数据是在聚焦时才加载数据;解决方法:select下拉数据改成页面初始化时就加载;原因:组件已经渲染完成,数据仍在加载<el-select v-model="searchFormData.area3" class="mediaInput" mu...原创 2019-08-09 17:17:01 · 4332 阅读 · 0 评论 -
elementui实现远程搜索,模糊搜索
需求:模糊搜索,输入一个关键字弹出所有含有关键字的列表实现:elementui的远程搜索实现,原先的做法是按照官网那样,聚焦时拿到全部数据放到数组,然后输入文字时循环该数组,将匹配的筛选出来,但是有些数据量太大了,几万条,考虑到性能问题,就由后台做模糊搜索,前端只需请求接口即可,后台返回匹配的数据.<el-autocomplete class="inline-input media...原创 2019-07-31 14:22:19 · 11677 阅读 · 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 · 3194 阅读 · 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 · 419 阅读 · 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 · 3909 阅读 · 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 · 1981 阅读 · 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 · 2289 阅读 · 0 评论 -
vuex辅助函数mapState,mapGetters解释
vuex辅助函数mapState,mapGetters解释,请查看转载连接http://www.imooc.com/article/14741转载 2019-04-26 16:02:34 · 597 阅读 · 0 评论 -
webstorm创建js文件时自动生成js注释
设置webstorm创建js文件时自动生成js注释settings--Editor--File and Code Temlates黑色框框里的内容自己填写上去,以下是参考的代码块:/*** @author ${USER}* @date ${DATE} ${TIME}*/或者/*** @author 张三* @date ${YEAR}-${MONTH}-$...原创 2019-04-26 11:02:13 · 2606 阅读 · 0 评论 -
js正则以左中括号[开头,以右中括号]结束
正则以左中括号[开头,以右中括号]结束 /^\[([\s\S])*\]$/gvar data = [hello];data.replace( /^\[([\s\S])*\]$/g ,'哈哈哈');alert(data)原创 2019-04-12 16:44:14 · 4854 阅读 · 0 评论 -
js 调用浏览器的提示Web Notifications
关于调用浏览器的提示:Web Notifications是HTML5的一个特性,目前我知道的有谷歌浏览器和windowsedge对它进行了支持function notice(data){ data = data || {}; if (window.Notification){ //Notification类提供了一个requestPermission方法,用来请求用户...转载 2019-04-12 14:16:30 · 1545 阅读 · 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 · 1277 阅读 · 0 评论 -
jeecg给t标签添加类名和样式
1.添加类名<t:dictSelect field="tsource" id="tsource" type="select" typeGroupCode="tsource" hasLabel="false" title="任务来源" defaultVal="1" extendJson="{class:'custom-select w145'}原创 2018-12-04 16:53:13 · 2036 阅读 · 0 评论 -
vue.js简单实现checkbox全选,反选,多选
1.html<table> <tr> <th class=""> <div class=""> <input type="checkbox" id="checkAll" @click="clickCheckAll()" v-model=原创 2018-11-09 09:54:17 · 2348 阅读 · 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 · 9312 阅读 · 0 评论 -
css折叠表格
1.html<div class="custom-fold-table"> <table cellpadding="0" cellspacing="0" width="100%" class="ellipsis-thead custom-table last-column-center table-border"> <th原创 2018-02-11 09:56:08 · 2160 阅读 · 2 评论