自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

onlylele的博客

在路上

原创 C-Lodop打印控件通过https协议访问时设置及使用参考

通过https访问的网站C-Lodop打印控件无法使用问题处理: 1、前端改造LodopFuncs.js代码 //改造后的代码 if (needCLodop()) { var protocol = window.location.protocol;//http、https v...

2020-04-16 16:46:39 139 0

原创 微信小程序 自定义组件常规使用

微信小程序中自定义组件使用封装: 官网API文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 基本使用: 使用代码细节: 1.自定义的组件内容: ...

2020-03-28 14:58:16 41 0

原创 微信小程序 页面之间跳转使用

微信小程序 页面之间的跳转 微信API 参考文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.reLaunch.html wx.switchTab: 代码: //app.json 文件配置设置 { &...

2020-03-25 11:47:43 72 0

原创 vue 中结合vcharts实现手机端图表绘图

在手机端展示图表效果: 实现代码如下:引入 样式表:/vcharts/css/style.min.css js:/vcharts/js/echarts.min.js <!-- 营收趋势 柱形图 --> <div class="bg-white ...

2020-03-16 10:09:08 92 0

原创 LAYUI 表内插入select 选择框,勾选内容项后处理追加数据字段

在数据表内添加select下拉菜单,切被选项是通过后台接口内容渲染的;实现勾选内容项后可以自动追加select选择的数据字段内容;实现效果如下: 实现代码如下: <style> body{overflow: auto;} .layui-form-label{p...

2020-03-16 09:34:19 79 0

原创 layui 借助 parseData 回调函数解析table 组件所规定的数据格式

table表数据内容操作,有时后台返回的数据格式不是所需要的数据格式,在layui table中需要自己定义所需要的数据格式; 可参考layui文档:https://www.layui.com/doc/modules/table.html 举个例子:代码实现如下: table.re...

2020-03-13 19:25:29 780 0

原创 layui 表格中添加input表单效果且实现数据监听

在layui 表格中列操作中插入input 表单输入框,实现数据内容监听效果; 实现效果1: 代码实现: <table class="layui-table layuiadmin-page-table" lay-skin="line" id...

2020-03-12 18:24:01 478 0

原创 layui 中excel表格导出扩展插件使用;

layui中导出数据表格可以自己定义字段,且命名表的表名;导出结果如图所示: 使用扩展插件:https://fly.layui.com/extend/excel/ html/js代码编辑使用: <table class="layui-table layuiadmin-...

2020-03-09 10:18:10 248 0

原创 layui 日期选择开始时间,结束时间处理;

需求选择开始时间,结束时间联动后推一个月,选择的区域不能超出12个月; html: <div class="layui-inline mt-8"> <label class="layui-form-label">开始时间&...

2020-01-11 17:57:54 98 0

原创 echars绘制图表,切换页面后返回,无刷新数据图表不显示问题;

使用echars图表时,layui框架中,切换页面时,在火狐浏览器图表不显示问题情况; 图表效果如下: 代码如下: 1、html: <div id="cumstorZ" style="height:360px;width: 100%;min-w...

2020-01-11 14:32:53 73 0

原创 uni-app tab切换和下拉刷新,上拉加载更多实现;

使用uni-app 组件实现下拉刷新,上拉加载更多的功能效果: 代码实现如下: <template> <view> <!-- 搜索导航跳转 --> <view class="btn-area"> ...

2020-01-09 14:31:59 656 0

原创 layui tab选项卡默认/切换定位所在选项

使用layui时,tab切换当弹出页面改变某一选项区中的内容后,让其其他内容同步刷新,且内容选项定位在指定的区域; 1、html: <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabB...

2020-01-07 09:43:43 1259 0

原创 layui 页面内流加载更多内容;

实现效果如下:页面内打开弹框,实现加载更多效果; 1. HTML部分设置: <!-- 消息提醒 --> <a id="top-message" class="layui-icon layui-icon-notice">&...

2020-01-02 11:15:46 264 0

原创 Web中 C-Lodop 打印常用表单前端排版自定义设置;

常用的打印设置:使用C-Lodop插件实现常用单据打印功能;以常用订货单和调拨单为例设置打印功能; 需要下载Lodop 打印的插件:http://www.lodop.net/download.html 1、常用订货单设置: //引入: <link rel="styleshe...

2019-12-18 18:28:23 157 0

原创 js 输入框防抖封装

项目中输入框防抖方法封装,常用; //数量输入框防抖 function debounce(fun, delay) { return function(args) { let that = this; let _args = args; ...

2019-12-17 15:28:05 103 0

原创 vue 金额过滤设置保留小数2位

常用vue过滤器设置金额,保留小数位2位,如果是整数则没有小数; //html: {{total_maney|curreny}} //js: filters:{ curreny:function(data){ data = Number(data)....

2019-12-13 19:36:38 123 0

原创 vue + vant 地址设置编辑,默认展示及本地缓存设置;

使用vue 结合vant 组件 编辑地址时,如何让编辑的地址在选中的区域定位设置;结合本地缓存设置再编辑设置; 1.html设置:引入区域js文件:areaList.js <div class="pt-15 plr-15 bg-whit...

2019-12-06 10:37:15 555 0

原创 vue input输入框 聚焦和失焦时内容处理

input输入框聚焦时,如果内容为0,让其置空处理;如果内容为空,在失焦时,让其为0处理; html: <input class="input-small-mt" @focus="focusPrice($event)" @blur="...

2019-12-05 15:08:18 1264 0

原创 vue+js 数组,对象合并操作方法

1.普通数组合并: //1.concat 方法 var a=[1,2,3],b=[4,5,6]; var c=a.concat(b);//向a数组添加b; console.log(c);// 1,2,3,4,5,6 console.log(a);// 1,2,3 不改变本身 //2.fo...

2019-12-04 18:46:27 267 0

原创 vue+js 从一个数组中删除在另一个数组中已存在对象;

数组,对象常用的删除方法: 1、根据一个数组元素,删除另一个数组中的对象; var a = [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 12.2 }]; var b = [15, 3]; a = a.filter(function...

2019-12-03 09:30:13 88 0

原创 vue+vant 组件图片上传自定义删除组件

使用vant组件中的图片上传功能,删除不完善,如何自己定义vant中图片上传功能的删除功能; 1、html模板文件: css: .van-doc-demo-block__title {margin: 0;font-weight: 400;font-size: .14rem;color: r...

2019-11-20 09:50:31 1137 0

原创 layui 上传图片封装使用

一张图片上传时: html: <div class="form-group row text"> <label class="col-sm-3 col-form-label text-right">分类图片</l...

2019-11-11 17:27:26 107 0

原创 jq input输入框聚焦失焦处理;

jquery处理当input输入框默认为0时,聚焦让其置空;失焦如果为空时,让其至0处理; //这是一个例子 input 输入框聚焦,失焦,及绑定改变事件; $("input.totalnum").focus(function() { var prs=$(thi...

2019-11-07 18:17:38 39 0

原创 js内容块超出左右滑动控制

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-11-04 18:43:01 178 0

原创 js/swiper 内容块超出时加滑动控制和左右按钮控制滑动;

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t...

2019-11-04 11:01:11 152 0

原创 vue/js 弹性盒子布局内容超出‘按钮’控制左右滑动

javascript或者vue方法封装实现:某块内容水平超出范围,可使用左右按钮控制左右滑动显示隐藏的内容; html部分: <div class="item-evel posrev"> <div class="jtbox">...

2019-11-02 14:41:24 208 0

原创 layui 点击打开弹框的默认关闭按钮执行操作

layui 当打开弹框时,点击弹框的默认关闭按钮执行想要的操作; layer.open({ type: 2 ,title: '入库审核' ,area: ['80%', '100%'] ,offset: ...

2019-11-01 17:56:05 327 0

原创 vue中RegExp 正则验证特殊字符或手机号及其他特殊内容;

vue中RegExp验证: 1、判断文本框中用户输入的字符是否含有特殊符号(*/#$@),就像用户注册时密码框的填写。 // 利用 RegExp 对象优雅实现: even(文本框内容) regDemo:function (even) { // 规则对象(flag) var flag =...

2019-10-28 11:47:41 802 0

原创 axios 请求 catch 断网或其他错误时处理

说明:vue使用时,当突然断网或其他原因造成数据加载错误时,axios方式的catch处理; //取出内容; getItems:function(kid){ var that = this; that.action='default'; th...

2019-10-28 11:13:55 319 0

原创 vue 正则表达式方式获取头部地址栏参数值

1、获取地址形式:...?name=XXx&id=11; //获取地址栏参数,name:参数名称 getUrlParms: function (name) { var reg = new RegExp("(^|&)" + name + "=...

2019-10-19 15:23:35 142 0

原创 css 3 块内容在一行时,超出时加滚动

当设置的块级内容需要再同一行中展示,手机端超出一屏的宽度时,让其可以拖动; html部分: <div class="item-evel"> <div class="clearfloat item-jt"> ...

2019-10-16 18:55:33 69 0

原创 layui 打开弹框顶部默认事件操作

打开弹框默认的‘X’,关闭按钮事件操作;父窗口中操作。 打开窗口的最大化最小化设置显示隐藏;maxmin:true/false(显示/隐藏) layer.open({ type: 2 , title: '查看调拨详情' , area: [...

2019-10-11 16:31:06 114 0

原创 Vue 中对时间进行格式化处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-10-10 09:55:48 129 0

原创 js 闭包作用域的使用;

1. 循环+闭包使用:正确输出结果; for (var i=1; i<=5; i++) { (function(){ var j = i; setTimeout( function timer(){ console.log( j ); }, j*1000 ); })...

2019-09-30 17:58:55 14 0

原创 layui中的switch切换在表格中改变时提示;

在layui中,动态表格添加开关switch切换状态设置;错误时返回提示,并返回默认状态; 方法一、 form.on('switch(switchTest)', function(data){ var that = data.elem; va...

2019-09-17 19:17:13 159 0

原创 layui 打开弹出层追加自定义class设置样式

js:判断处理打开弹框操作 if(layEvent === 'topay'){ //去付款 getpayAccount();//加载支付账户内容; $("#purchase_total")....

2019-09-12 11:51:23 1577 0

原创 javascript 获取当前日期时间格式化方法封装

1、取当前时间方法封装: //取当前日期; function getCurrentDate(fulldate = false, separator = ['-', ':']) { let currentTime...

2019-09-12 09:01:59 49 0

原创 layui 批量删除操作;

结合后台根据业务需求,选择需要删除的内容勾选,然后执行批量删除! $(".delAll_btn").click(function(){ var checkStatus = table.checkStatus('userListTable'...

2019-09-10 11:27:00 1461 0

原创 vue监听和计算属性的基本使用

1. 监听属性基本使用: html: <div>{{order.ship_money}}</div> js: data:{ order:{ship_money:0}, ship_money:'0' }, //监听运费: watch:...

2019-09-05 11:05:49 40 0

原创 layui 自定义动态添加select下拉菜单中的内容展示

1. html部分: <div class="layui-input-inline"> <select name="warehouse" lay-verify="required" lay-filter=&q...

2019-09-05 11:04:43 2231 0

提示
确定要删除当前文章?
取消 删除