- 博客(70)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 layui 查看编辑页面，radio 默认选中状态
/** * @param form * @param 更新全部表单 */function reloadFrom() { layui.use(["form"],function () { var form = layui.form; form.render(); });}/** * 查看编辑页面，radio 默认选中状态 * @pa...
2019-11-01 10:53:22
9121
2
原创 layui 多个上传图片公用
HTML 代码<div class="layui-upload"> <button type="button" class="layui-btn btnUploadImg" data-url="/webBankImgController.do?uploadBankImg1" data-file="jpg" id="test1">上传图片</button>...
2019-09-05 14:52:58
2415
11
原创 jeecg 嵌套子表格 右侧固定兼容性问题解决
jeecgBoot 嵌套子表格 右侧固定兼容性问题，相信大家都遇到过这样的问题，现在的方式可以通过操作DOM属性来做控制，如图显示代码如下<a-table ref="table" :scroll="{x: 1500}" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :expandedRowKeys=
2021-11-10 09:25:41
750
原创 ant design vue table表格radio单选
<a-table ref="table" size="middle" :scroll="{x: 1500}" bordered rowKey="id" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :loading="loading" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelect
2021-10-26 17:21:46
2306
原创 vue 自动播放视频
首先安装 npm install vue-video-player --savemain.js 引用import VueVideoPlayer from 'vue-video-player'import 'video.js/dist/video-js.css' Vue.use(VueVideoPlayer)页面代码<video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="t
2021-09-07 16:40:38
1622
原创 vue目录
vue源码结构|-- config // 项目开发环境配置| |-- index.js // 项目打包部署配置|-- src // 源码目录| |-- components // 公共组件| |-- header.vue // 页面头部公共组件| |--
2021-02-01 14:25:22
90
原创 vue 获取url 遍历对象
//?id=123&a=bfunction getUrlSearch(){ var url = window.location.search; var obj = {}; var reg = /[?&][^?&]+=[^?&]+/g; var arr = url.match(reg); if(arr){ arr.forEach((item) =>{ var temArr = item.su
2020-12-17 16:58:09
254
原创 jq 判断页码
var page = 1; //当前页码数var pageTotal = $("#pageTotal ").val(); //总的页码数var pageNum = pageTotal % 5 == 0 ? parseInt(pageTotal / 5) : Math.ceil(pageTotal / 5);if(page > pageNum){ return false}
2020-12-07 14:42:56
191
原创 Sticky footer 布局
<div class="wrapper clearfix"> <div class="content"> // 这里是页面内容 </div></div><div class="footer"> // 这里是footer的内容</div>css.wrapper { min-height: 100%;}.wrapper .content{ padding-bottom
2020-12-01 15:14:39
64
原创 jq 回显复选框
<div class="itemCke"> <label>选择1</label> <input type="checkbox" name="cka" value="01"> <label>选择2</label> <input type="checkbox" name="cka" value="02"> <label>选择3</label> <input typ
2020-12-01 15:09:01
1134
原创 jq 两个时间比较
compareTime('2020-09-09','2020-09-07','开始时间不能大于结束时间');function compareTime(start,end,textTip){ var startTime = new Date(start.replace("-", "/").replace("-", "/")); var endTime = new Date(end.replace("-", "/").replace("-", "/")); if(startTime &
2020-11-28 19:10:37
658
原创 jq数组变异方法
var item = [];item.push({mag:"你好"}) //向数组最后添加一个或者多个元素，并返回新的长度item.pop() //删除并返回数组最后一个元素item.shift() //删除并返回第一个元素item.unshift({mag:"你好"}) //向数组开头添加一个或者多个元素，并返回新的长度item.splice(1); //从某个已有数组返回选定元素item.sort(); //对数组的元素排序item.reverse(); //颠倒数组中的元素排序
2020-11-25 10:33:42
89
原创 jq 公用当前时间
/** * 调用返回当前时间 * @param type 时间格式 * @param dateType 年月日或者年月日 时分秒 * @returns {string} */function formatTime(type,dateType){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate()
2020-11-24 14:25:16
117
原创 layui 子父级调用
父页面 jsparent.layer.open({ type: 2, content: 'url',//新增页面下方隐藏的弹出框 title: "XXXX", //不显示标题 area:['900px','680px'], zIndex: 9999, btn:["确定","取消"], success:function(layero, index){ var body = parent.layer.getChildFrame("body",index);//绑定父子之间的关系
2020-09-21 15:36:07
321
原创 JS实现数组去重方法
双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1; j < len; j++){ if(arr[i] === arr[j]){ j = ++i; }
2020-09-11 17:28:19
185
转载 java：jsonp前后端实例演示
1.后端用servlet，放在tomcat中启动。jsonpServlet.java:package test; import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;
2020-09-01 16:57:35
312
原创 点击屏幕 波纹效果
* { user-select: none; cursor: default; } body, html { height: 100%; font-family: helvetica neue,helvetica,arial,sans-serif; } h1, p { text-align: center; position: relative; z-index: 1; } h1 { padding: 50px 0;
2020-08-14 10:42:59
197
原创 全选 反选 判断列表内是否全选
<table class="familyTable" border="0" cellspacing="0" cellpadding="0"> <thead> <tr > <th width="30"><input type="checkbox" id="selectAll" onclick="onSelectAll(this)"></th> <th>保单号</th>
2020-08-04 15:26:00
255
原创 当点击返回键时，不返回到上一页，而是直接关闭微信浏览器
当点击返回键时，不返回到上一页，而是直接关闭微信浏览器<button class="btnClose" type="button" onclick="wxback()">取消</button>js代码<script> WeixinJSBridge.invoke('getNetworkType',{},function(e){ // 在这里拿到e.err_msg，这里面就包含了所有的网络类型 alert(e.err_msg);
2020-07-22 16:28:54
833
原创 微信公众号 下载文件 在浏览器打开
a.html 页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在浏览器打开</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1
2020-07-22 16:21:25
2774
原创 微信生成签名
后端认证微信公众号后添加安全的域名后可以查看对应的appid 和 secret；根据appid和secret请求微信提供的api，拿到对应的access_token；https.get('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET', function(res) { //这里的回调函数能够拿到包含access_token的一个j
2020-07-07 14:20:21
1722
原创 mui pullrefresh 下拉刷新 上拉加载
<script> mui.init({ pullRefresh: { container: '#pullrefresh', down: { style:'circle', callback: pulldownRefresh }, up: { //auto:true,
2020-06-18 17:32:36
396
原创 jq 判断手机端还是PC端
/** * 判断访问类型是PC端还是手机端 */function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"]; var mobile_flag = false; //根据userAgent判断是否是手机 for (var
2020-06-15 09:42:26
2315
原创 获取数据
$('.showjson').on('click',function(){ if($('.customerlist .customeritem').length==0) return; var temp=[]; var t; $('.customerlist .customeritem').each(function(index,element){ t = $(this).children(); temp.push({"type":$(t[2]).da
2020-06-08 10:36:15
136
原创 ie readonly后退键禁用
try{ history.pushState(null, null, document.URL); window.addEventListener('popstate', function(){ history.pushState(null, null, document.URL); }); }catch(err){ }
2020-06-05 15:32:32
141
原创 jq 分页
var rowSize;//总数据条目数var pageSize = 10;//每页条数，默认为10条var currentPageIndex = 1;//当前的页，默认为第一页var pageNum = 1;//总共需要展示的页数 $.ajax({ url: "url", type: "Post", dataType: "json", success: function (data) { rowSize = data.total;
2020-06-04 09:45:43
113
原创 微信 WeixinJSBridge API
微信右上角批量隐藏功能按钮接口wx.hideMenuItems({ menuList: ["menuItem:share:timeline", "menuItem:copyUrl", "menuItem:share:appMessage", "menuItem:share:qq", "menuItem:share:weiboApp", "menuItem:favorite", "menuItem:share:facebook", "menuItem:share:QZone", "menuItem:ed
2020-05-28 10:21:41
555
原创 关闭微信浏览器页面
//这个可以关闭安卓系统的手机document.addEventListener('WeixinJSBridgeReady', function(){ WeixinJSBridge.call('closeWindow'); }, false);//这个可以关闭ios系统的手机WeixinJSBridge.call('closeWindow');jssdk 方式wx.closeWindow();WeixinJSBridge对象还提供了哪些功能：WeixinJSBridge.call
2020-05-28 09:17:50
1626
原创 css 1倍图 2倍图 3倍图
css二倍图的使用使用 CSS 的 DevicePixelRatio 媒查询属性参考 CSS 或 srcset 让浏览器自动切换 1X/2X/3X图像移动端项目中 @2x 图 和 @3x 图 的使用（需要支持css3）/默认大小/.photo {background-image: url(image100.png);}/* 如果设备像素大于等于2，则用2倍图 /@media screen and (-webkit-min-device-pixel-ratio: 2),screen and
2020-05-15 15:56:53
1982
原创 mui 提交数据
mui(".step_btn_next").on("tap","button",function () { var temp=document.querySelectorAll("input[name]");//取得指定类型input数据 var data=[]; for(var i=0;i<temp.length;i++){ data[i]=temp[i].name+':'+temp[i].value;//构建数组
2020-05-15 10:03:39
1587
原创 调用微信内置 wx.config 配置问题
var link = location.href;$.ajax({ url: "/WxJSSDK/WxJS_SDK.aspx/GetInfoMation",//后台给你提供的接口 type: "Post", data: "{ 'url': '"+link+"' }", async: false, contentType: "application/json; charset=...
2020-04-28 15:53:35
11277
1
原创 css3 十大滤镜功能
1、模糊滤镜（px）给图像设置高斯模糊。值越大越模糊，默认是0，就是不模糊。filter:blur(4px);2、亮度（%）给图片应用一种线性乘法，使其看起来更亮或更暗。如果值是0%，图像会全黑。值是100%，则图像无变化。其他的值对应线性乘数效果。值超过100%也是可以的，图像会比原来更亮。如果没有设定值，默认是1。 filter: brightness(200%);3、对比度（...
2020-04-26 16:26:13
326
原创 微信公众号获取 时间戳 随机数
获取access_token请求接口:https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的appid&secret=你的secret请求方法: get返回结果: access_token (有效期7200秒，必须在服务端缓存)获取签名所需ticket请求接口:http...
2020-04-12 13:29:03
2125
原创 手机端长按文字复制
微信默认就是支持文本长按选择，所以只需要调整字体样式后，几乎不需要写什么代码，这份任务就完成了，但是。。。情况并不如我所想。找了半天并没有发现什么异样，但是就是长按无法复制。解决思路1.新写一个页面，在微信端浏览，发现可以长按复制(排除微信端不能长按复制的猜想)2.删除原页面的脚本文件，发现可以仍然不可以长按复制(排除脚本影响)3.删除原页面公共css，发现可以长按复制(确定公共css影...
2020-02-18 12:35:24
2391
原创 jq 开始时间和终止时间的间隔
function lDateDiff(endDate,startDate){ var oDate1, oDate2, iDays; oDate1 = new Date(endDate.replace(/-/g, "/")); //转换为yyyy/MM/dd格式 oDate2 = new Date(startDate.replace(/-/g, "/")); //转换为yyyy/...
2020-02-12 12:59:47
3265
原创 jq计算平年闰年
判断开始时间和结束时间 平年还是润年function isLeapYear(startDate, endDate){ var startYear = startDate.split("-")[0];//开始时间 var endYear = startDate.split("-")[0];//ֹ结束时间 var syear = parseInt(startYear); ...
2020-02-12 12:55:57
1382
原创 jq 时间字符串分割成 时间格式
代码function dataS(dateString) { var dateStr = dateString.replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3 $4:$5:$6"); console.log(dateStr) return dateStr;}dataS("201908161...
2020-01-20 10:17:11
597
判断是否是合格的身份证号码
2019-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人