- 博客(107)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue3.0 封装vuex的mapState、mapGetter、mapAction
vue3.0使用vuex的mapState、mapGetter、mapAction参考大佬的封装方法，封装vuex的mapState、mapGetter、mapAction，更方便使用新建useMapper.jsimport { useStore } from 'vuex'import { computed } from 'vue'export function useStateMapper(mapper, mapFn) { const store = useStore();
2022-04-06 17:14:44
2041
2
转载 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
3288
原创 vue二次封装表格element-ui table
基于element-ui table二次封装表格封装的一些常用方法，如请求列表，render函数，复选框操作，合并行（合并列后续再添加）；列表请求支持两种方式：1、子组件内请求（对于无需修改源数据的场景）2、父组件请求，再把数据传到子组件（对于需要大量修改源数据的场景）
2021-07-23 10:58:51
2112
6
原创 webpack打包后复制dist文件到桌面
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-06-18 16:06:40
806
1
原创 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
5275
原创 基于webpack修改插件源码，使用自定义文件替换node_modules里面的源码文件
基于webpack修改插件源码，使用自定义文件替换node_modules里面的源码文件需求：插件不满足要求，需要修改源码，但又想永远保留自己修改的这份，不想被重新下载的覆盖方法：在运行时执行你替换的方法，将你自定义的文件替换依赖包上的案例：react+umi.js1、自己写替换源码文件的方法，这个方法我写在change-modules.js上2、在node_modules里将你需要修改的文件复制一份出来修改，放在静态资源的文件夹里，自定义一个也叫node_modules的文件夹，按照依
2020-10-26 17:36:52
1612
3
原创 react使用if/else语句
<div>{do{if(contractDetail.status==='DRAFT'){buttonText='草稿';isDisabled=true;}elseif(contractDet...
2020-02-11 16:16:21
2035
原创 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
4037
原创 解决layui数据表格在ie浏览器加载不出来的问题
解决layui数据表格在ie浏览器加载不出来的问题原因：ie缓存问题首先给url添加参数时间戳：new Date().getTime()，手动刷新是有数据出来的，成功了。但增删改后调用table.reload()重新加载数据并没有更新，连时间戳都是旧的，所以此方法仍然不算起作用，再试网友改源码的方法：直接 在 layui- lay- modules - table.js 搜索url...
2019-12-30 20:11:19
4654
原创 js 拼接onclick方法传多个参数
要点：引号前后要加上"varbtnHtml="<inputtype=\"button\"class=\"btn\"onclick=\"gotoYS(""+YSurl+"",""+did+"")\"" +"style=\"width:130px;\"value=\"查看\">...
2019-12-19 16:50:38
1699
原创 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
3091
原创 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
423
原创 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
3783
1
原创 使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示
问题:使用elementui在打开编辑页面时select多选选择框(自定义模板)不能显示文字,只显示标签项目上的select下拉数据是在聚焦时才加载数据;解决方法:select下拉数据改成页面初始化时就加载;原因:组件已经渲染完成，数据仍在加载<el-select v-model="searchFormData.area3" class="mediaInput" mu...
2019-08-09 17:17:01
4235
原创 elementui实现远程搜索,模糊搜索
需求:模糊搜索,输入一个关键字弹出所有含有关键字的列表实现:elementui的远程搜索实现,原先的做法是按照官网那样,聚焦时拿到全部数据放到数组,然后输入文字时循环该数组,将匹配的筛选出来,但是有些数据量太大了,几万条,考虑到性能问题,就由后台做模糊搜索,前端只需请求接口即可,后台返回匹配的数据.<el-autocomplete class="inline-input media...
2019-07-31 14:22:19
11525
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
2993
转载 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
380
转载 vuex辅助函数mapState,mapGetters解释
vuex辅助函数mapState,mapGetters解释,请查看转载连接http://www.imooc.com/article/14741
2019-04-26 16:02:34
566
原创 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
2559
原创 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
3840
原创 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
2227
转载 (转载)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
1914
原创 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
152
原创 js正则以左中括号[开头,以右中括号]结束
正则以左中括号[开头,以右中括号]结束 /^\[([\s\S])*\]$/gvar data = [hello];data.replace( /^\[([\s\S])*\]$/g ,'哈哈哈');alert(data)
2019-04-12 16:44:14
4742
转载 js 调用浏览器的提示Web Notifications
关于调用浏览器的提示:Web Notifications是HTML5的一个特性，目前我知道的有谷歌浏览器和windowsedge对它进行了支持function notice(data){ data = data || {}; if (window.Notification){ //Notification类提供了一个requestPermission方法，用来请求用户...
2019-04-12 14:16:30
1476
转载 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
1234
原创 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
844
转载 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
1255
原创 laydate使用
laydate使用 //选择时分秒 $(".laydate-time").each(function(){ var _this = this; laydate.render({ elem: this, format: 'HH:mm', //过滤只显示时分 type: 'time', //...
2019-03-19 11:45:46
1233
原创 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
2631
4
转载 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
1420
原创 WebSocket实现实时接收消息(前端代码)
WebSocket实现实时接收通知,并弹窗提示,以下为前端代码,后端代码自己实现var init = { initWebsocket:function () { //判断当前浏览器是否支持WebSocket if ('WebSocket' in window) { var wsServer = "ws:"+init.getCapt...
2019-03-19 10:36:45
24320
原创 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
2571
原创 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
956
原创 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
22489
原创 jeecg刷新表格方法
jeecg刷新表格方法:1.使用bootstrap表格: $('#id').bootstrapTable('refresh');1.使用easyui表格: $('#id').datagrid('reload');
2019-03-07 10:03:23
3557
转载 限制 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
1167
原创 百度地图使用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
513
转载 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
946
cocosCreator支持gif图片demo-使微信小游戏支持gif图片
2022-01-13
layim+环信(pc端webIm)聊天demo,前端实现(新更改)
2019-12-02
layim+环信(pc端webIm)聊天demo,前端实现
2019-04-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人