链式调用
需求:由于页面请求查询数据并赋值,但所需赋值的选择框数据由几个接口查询获取,需要先执行完选择框接口查询,再执行数据查询
链式调用如果只有单个选择框查询,可以在接口查询完成后成功回调函数中执行数据查询
1234567891011121314151617// 获取发布地市与发放渠道字典 function getRightActivityChoose () { $.ajax({ url: url, method: "post", data: JSON.stringify( ...
列表过长加入滚动条并隐藏滚动条
需求:由于列表数据太长,超过页面长度,所以需要给列表加入滚动条,但由于原生滚动条太丑,所以需要隐藏滚动条
滚动条实现通过设置height属性值,配上overflow属性可以实现在超过长度时页面出现导航条
1234//overflow属性值为auto或scroll都可以出现导航条<ul style="height:500px;overflow-y:auto;width:380px"></ul>
导航条隐藏法1:使用css方法(适用于chrome,存在兼容性问题)
123ul::-webkit-scrollbar { dis ...
jQuery获取url参数函数封装
路由跳转传参通过jquery进行参数获取,函数封装如下
12345678910111213function getParam() { var url =window.location.href; let urlParams = url.split('?')[1]; let obj = {} if(urlParams){ let arr = urlParams.split('&'); for(let i = ...
关于z-index的小注意点
问题:最近在处理项目中遇到导航栏隐藏宽度在页面内容上层,挡住了页面内容导致页面输入框点击失效的情况
类似于这样
恩,灵魂画手~
问我为啥想不开将导航栏div设置比ul宽,那就需要去看这个了https://qingmuzhang.gitee.io/posts/00409.html
言归正传,这里其实就是div层级比页面内容高挡住了,所以第一反应就是使用z-index属性,但无论我将内容div的z-index设置多高,永远都会被挡住
无奈只能去搜索原因,最后找到问题所在,
将内容div设置position:absolute样式变得正常。
ES6内容汇总
初始ES6 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。
从es6开始,每年发布一个版本,版本号比年份最后以为大1
ES5——2009年发布 ES6 ——2015年发布 ES7 ——2016年发布
TC39是推进ECMAScript发展的 ...
下拉框加入输入框可模糊查询数据
需求:由于下拉框中数据过多,用户翻看十分麻烦,所以提出新需求在下拉框中加入输入功能,进行模糊查询数据并展示在下拉框中。
这里其实可以直接引入组件完成功能,但由于san框架组件引入报错,所以使用了datalist和input结合使用完成功能。
123456789datalist标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。所有主流浏览器都支持 datalist 标签,除了 Internet Explorer 和 Saf ...
laydate时间选择器动态循环添加
需求说明:如下图所示,点击循环周期选择不同类型循环周期,时间区间根据循环周期进行动态变化,若是选择周和月,时间区间可以通过点击加号动态增加多个
功能要点:用户需要能根据自己需要动态创建多个时间选择器
后端的需要的数据格式为
123456malltRightsLoopInfoList: [{ loopType: '', //循环周期 loopCfg: '', //星期或月份 obtainBeginDatePart: '', //开始时间 obtainEndDa ...
elementUI 表格多选框this.$refs.xxx.toggleRowSelection无效
需求说明:每次打开弹窗都会重新获取表格数据,并且要选中对应的数据,但直接使用那个方法并没有效果,因为表格中的数据还没有请求出来。
在elementUI官方实例中,multipleSelection代表选中的值,toggleRowSelection(row,selection)方法用于原先已选的值传入进行勾选,row传递被勾选行的数据,selected设置是否选中。
解决:获取数据后在需要进行勾选操作的外面套一个$nextTick
12345this.$nextTick(() => { checkedList.forEach((row) => { ...
字符串截取常见方法
字符串截取常用方法不改变原字符串
substring()、 slice()、 substr()
str.slice(start,end) 从start取起到end结束,不包括end,可以为负数
start是必选参数,意思是从第start个字符开始截取到末尾。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1 指最后一个字符,-2 指倒数第二个字符,以此类推。
end是可选参数,从第start个字符开始截取到第end个字符。如果没有指定该参数,那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数,那么它规定的是从数组尾部开始算起的字符。
1234 ...
san框架(3)--san框架input的disabled属性设置
san框架官方文档:https://baidu.github.io/san/tutorial/start/
动态样式添加1disabled="{=mallCartItem.orderTypeId == '28' || mallCartItem.orderTypeId == '30'=}"