前端搜索功能

需求:一般下拉框之类的会有搜索功能,不能每次都让后台返回,所以直接第一次把数据存下来,然后前端进行搜索 方法: { event:'input', selector:'.auto-select-text', callback:_.debounce(function ...

2019-06-14 11:03:54

阅读数 36

评论数 0

刷新页面时,保留滚动条的位置

需求: 同一个机器自动刷新时,滚动条保持上一次得滚动条位置,不是同一个机器的时候,横向滚动条会默认为在最左边,纵向滚动条会默认为置顶 /** * 获取滚动位置:避免刷新时滚动条默认置顶 * ele:当前有滚动条的元素 * name:存在localStorage里的名称 ...

2019-06-14 10:57:23

阅读数 110

评论数 0

css 伪元素方法写小圆点

.icon-size-12 { cursor: pointer; width: 16px; height: 16px; margin: 22px 30px 0 0; background-position: center; background-re...

2019-05-22 18:00:37

阅读数 318

评论数 0

echarts 图例颜色不重复

问题:原始的颜色是十几个颜色重复显示 解决: 1、随机生成颜色 2、赋值给series里每条数据得itemStyle:color //随机生成颜色 handleColors(){ let color = ''; let r=Math.floor(Math....

2019-05-22 17:57:33

阅读数 178

评论数 0

echarts 得enterable为true时,造成的其他图得tip不消失问题

问题:因为enterable为true,tooltip能够鼠标移入tooltip内查看数据,但是会有隐患得bug,邻近的图得tip不消失 页面: 解决: 1、显示tooltip时,找到邻近的图里是否有其他的tooltip 2、有的话就把邻近的图里的tooltip隐藏掉,不能清空...

2019-05-22 17:52:04

阅读数 198

评论数 1

echarts 的tooltip定位到当前图,避免溢出和遮挡

问题:tooltip初始是跟着鼠标移动,当内容过多(宽度高度过大),会被其他遮挡或者会溢出屏幕外 解决: 思路:根据官方文档,鼠标在左侧时,tip在右侧,鼠标在右侧时,tip在左侧,这样不会溢出,太高或太宽可以设置滚动条,这样也不会被遮挡 改进: 1、因为内容过多,展示不完...

2019-05-22 17:49:28

阅读数 342

评论数 0

点击其他地方隐藏下拉框(待完善)

思路:把点击能够展开下拉框得某些元素和其他元素比较 //点击可展开下拉框得一些元素 let item = [$('.ipItem')[0],$('.ip')[0],$('.myCanvas')[0]]; $(document).on('click',(e)=>{ ...

2019-05-06 18:46:11

阅读数 85

评论数 0

运行npm start报错堆内存不足

报错 解决: "scripts": { "start": "node --max-old-space-size=4096 dev.js", "build": "webpack --...

2019-05-06 18:43:10

阅读数 162

评论数 0

jQ模拟下拉框以及向下三角

界面; 问题:因为select自带得option不能自适应宽度,意味着option宽度有时候会比select宽度长,如下图: 解决:自己模拟写一个select带向下三角得下拉框; 原理: 1、我这里用的div当作一个框,里面包含下拉框选中内容和三角形(三角形是靠css实现得...

2019-05-06 18:31:45

阅读数 40

评论数 0

只解决ie11中input事件初始化自动执行的问题

问题:只解决input事件初始化自动执行的问题,window10系统,自带ie11版本,用的input事件,实时监听input输入情况 思路: 1、通过对input框的placehodler的处理,增加input事件里的代码执行的一个判断条件; 2、原来是判断的input框为空显示全部,导致...

2019-03-20 11:15:52

阅读数 398

评论数 0

js 按照页面布局字段顺序提示

需求:按照xxx顺序进行提示, 问题:这里要解决的就是不知道后台传回来得是哪个字段的,所以需要排序 例如是这样得数据: let emptyValue = ['申请原因','外派人员','外派开始日期', '目的地', '客户名称'];//提交时没有填得字段名 let field = ['外...

2019-03-12 16:33:34

阅读数 25

评论数 0

weui switch开关判断开启还是未开启

html <!--开关--> <input class="isChecked" type="checkbox" hidden="'hidd...

2019-03-12 16:27:29

阅读数 486

评论数 0

input聚焦palcehoder不显示,失焦如果没有输入值则显示

需求:input聚焦palcehoder不显示,失焦如果没有输入值则显示(weui为例) 方法: html <div class="weui-cell start_address" style="display: ...

2019-03-12 16:22:27

阅读数 75

评论数 0

js 日期比较大小

需求:开始时间和结束时间比较大小,weui ui库为例 方法:转化成时间戳 html: <!--时间--> <div class="weui-cell go-time"&amp...

2019-03-12 15:56:06

阅读数 20

评论数 0

给当前元素添加class,移除兄弟元素的class

需求:经常会遇到一种情况,选中某个元素,要求添加单独的样式,这时候我们一般用addClass('active'),同时要移除上一个添加active类的元素的active样式 { event:'click', selector:'li', callback:functio...

2019-03-12 15:50:48

阅读数 1212

评论数 0

Cannot read property 'replace' of undefined报错

有时候控制台报错是要显示某个JS文件得,像这样直接进入了JQ里,不是我们自己得JS文件,就很懵逼得找哪里报错了,我们得成长更多的就是找bug,解决问题得能力 问题:jq里调用方法得时候报错 原因:jq里调用方法得时候报错 一般都是当前对象不能调用JQ得方法,如该元素调用了css(),...

2019-03-12 14:38:02

阅读数 4936

评论数 0

模态框(蒙层和固定title,确定和取消)

需求:有title的弹框和蒙层,这里用的JQ weui,做的h5页面 1、html:同级关系 蒙层: <div class="grey-shaow" style="display: none&q...

2019-03-12 14:33:31

阅读数 149

评论数 0

js 根据年月判断有多少天

需求:根据不同得年份和月份判断该月有多少天 //根据年月得到天数 getDayNumByYearMonth:function (year,month){ switch (month) { case 1: case 3: case 5: ...

2019-03-12 14:25:14

阅读数 245

评论数 0

jq weui 日期年月日时分秒得设置(二个弹窗)

需求:h5页面需要年月日时分秒, 方法:weui得datePicker插件只有年月日得,所以时分秒就要单独用picker插件单独配置一个,网上有类似得,难点就在于在第一个年月日关闭后就弹出时分秒得弹框,这个我是加在第一个弹框关闭得onClose里调用得时分秒弹框,网上也有其他方法,在我这里无效 ...

2019-03-12 14:20:52

阅读数 193

评论数 0

weui 用picker自定义年月日时分秒(一个弹框)

需求:h5页面做成移动端需要年月份时分秒得弹框 方法:用weui得picker自定义年月日时分秒 不足:上下选择月份的时候,日期不能根据月份调整成该月该有得天数,因为统一给了31天,我也做了闰年得判断,但是发现只有打开得当月才有判断,比如4月份判断了只有30天,如果4月份想选择3月份得31号,...

2019-03-12 14:06:16

阅读数 764

评论数 0

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