功能
MoLvSHan
这个作者很懒,什么都没留下…
展开
-
vue组件 - 金额输入框(带千分符)
此组件是基于element-ui的el-input组件的再封装,主要用来在输入过程中,显示为数字模式,在失去焦点时加上千分符;同时保持父组件传入的值始终保持数字模式,不必要再去人工转化数据格式先上vue文件代码:<template> <el-input v-model="inputValue" v-bind="$attrs" :maxlength="maxlength" @input="handleInput" @focus="handleF原创 2021-02-04 10:52:26 · 3890 阅读 · 3 评论 -
echarts使用方法总结
关于数据可视化的开发,在第三方库的帮助下,从来没觉得复杂,但是一直都觉得颇为繁琐。恰好前段时间产品经理那边安排了一个需求,粗略一看很简单,实际上手的时候,有很多卡壳需要研究的地方。目前,需求已开发完毕,特此做个总结。折线图或者柱状图坐标系中展示固定数量数据主要设置option.dataZoom属性,此属性主要功能是控制区域缩放,要实现上述需求,只需要禁止缩放并且保持可以鼠标或者滚轮拖动即可,...原创 2020-05-06 15:51:08 · 822 阅读 · 0 评论 -
javascript之手写bind函数
简单粗暴,直接上代码Function.prototype.myBind = function() { const self = this const context = [].shift.call(arguments) const args = [].slice.call(arguments) self.apply(context, args)}调用方法如下:function g...原创 2020-03-07 00:32:25 · 237 阅读 · 0 评论 -
javascript常用函数之防抖和节流
节流(throttle)和防抖(debounce)防抖 当持续触发事件时,一段时间内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前又一次触发了事件,就重新开始延时。function debounce(fn, wait) { let timeout = null; return function() { if (timeout !== null...原创 2020-03-06 19:05:19 · 163 阅读 · 0 评论 -
钉钉小程序踩坑
钉钉开发者平台创建好的应用不能删除钉钉小程序IDE快捷键渣的一批父组件无法调用子组件方法,所以开发自定义组件时,如果在子组件中有处理数据的逻辑,那么一定要在父子组件之间留一个沟通桥梁使页面可以触发子组件的生命周期钩子dd.navigateBack方法返回页面时,会触发页面的onShow钩子,但不会触发onLoad钩子各个单独页面的json文件的defaultTitle配置不生效开发页面...原创 2019-05-27 13:49:25 · 4188 阅读 · 5 评论 -
绑定在标签中的事件如何获取当前元素
如果要在下面的input元素中绑定一个keyup事件,要获取当前value值,该如何获取呢, <input type='number' id='mobile' placeholder='请输入您的手机号'>可以通过this直接获取:<input type="number" id="mobile" placeholder="请输入您的手机号码" onkeyup=...原创 2017-06-09 09:34:35 · 2647 阅读 · 0 评论 -
图片放大镜效果
这是基于jQuery实现的图片放大镜展示效果(如下图):HTML代码如下:<div class="content"> <div class="img1"> <span class="select_box"></span> <img src="../TB1DQiLPXXXXXbeXXXXXXX原创 2017-08-10 11:36:26 · 393 阅读 · 0 评论 -
基于jq的导航栏元素划入效果
这是一个基于jQuery的插件开发,其效果如下图:HTML代码: <ul> <li class="li1">AAA</li> <li class="li2">BBB</li> <li class="li3">CCC</li> &a原创 2017-08-10 11:50:27 · 547 阅读 · 0 评论 -
关于移动端响应式全屏背景图显示的问题
十一国庆期间,公司要做一个活动,设计部交过来一张图,只有一个按钮需要我敲,其他部分只有一张图,如下完整设计稿切图如下:设计稿宽是1875px以下为html代码: <div class="box" style="background-image: url(@assetURL/img/iPhone-7.png)"> <button oncli...原创 2017-09-25 11:53:43 · 7020 阅读 · 4 评论 -
时间格式转化
采用es6写法,单独写在js文件里,通过import引用export function formatDateTime(date) { const y = date.getFullYear(); let m = date.getMonth() + 1; m = m < 10 ? '0' + m : m; let d = date.getDate(); d = d &l...原创 2018-04-08 18:12:56 · 365 阅读 · 0 评论 -
获取地址栏参数
采用es6写法,单独写在js文件里,通过import引用export function getUrlParams() { let str = location.href; let num = str.indexOf('?'); const param = {}; str = str.substr(num + 1); const arr = str.split('&...原创 2018-04-08 18:18:37 · 996 阅读 · 0 评论 -
移动端验证码效果的实现
效果如下图所示,代码如下,html代码: <div class="numberBox clearfix" onclick="judgeval();"> <input type="tel" id="userinfo" index='0' maxlength="1" onfocus="focusinput(this);" /&a原创 2017-11-15 11:01:44 · 2165 阅读 · 0 评论 -
汉字转首字母大写并排序
刚接到上述功能要求时,去找后台要接口,被告知,没有分类接口,只有一个查询所有商家的接口,排序分类要自己做(我有句MMP一定要讲),没办法,工作还得做以下是代码HML A 航管红木 关于汉字转拼音,是网上找的代码,如下var PinYin = { "a": "\u554a\u963f\u9515", "ai": "\u57原创 2017-10-23 16:20:58 · 20755 阅读 · 0 评论 -
前端上传图片
前端图片的上传是一个很常见的功能,至于是否先进行压缩则需要具体情况具体分析了。一、无压缩上传(formdata方式)html代码 <div class="form-group"> <label class="col-sm-4 control-label no-padding-right" for="form-field-tags">商品图片</la...原创 2017-09-27 14:36:48 · 3857 阅读 · 0 评论 -
轮播图效果
这是一个五秒切换,淡入淡出的轮播图HTML代码 CSS代码.banner .bannerInner { width: 100%; height: 700px;}.banner .bannerInner div { width: 100%; height: 700px; position: absolute;原创 2017-09-19 11:56:22 · 868 阅读 · 0 评论 -
js 点击表头进行排序
示例图如下,点击技能ID时进行正反排序 html代码如下:<thead> <tr class="text-c"> <th width="25"><input type="checkbox" name="" value=""></th>原创 2017-06-09 09:49:39 · 3021 阅读 · 4 评论