随笔分类 -  javaScript

javascript常用正则表达式
摘要：验证数字的正则表达式集合 验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3 阅读全文
posted @ 2020-11-11 11:07 墨知白 阅读(129) 评论(0) 推荐(0)
简单实现返回顶（底）部效果
摘要：1.首先需要一个div容器 <div class="returnTop" onclick=‘toScroll('top')’>返回顶部</div> <style> .returnTop{ position: fixed; bottom: 50px; right: 0; width: 40px; li 阅读全文
posted @ 2020-09-22 13:46 墨知白 阅读(227) 评论(0) 推荐(0)
获取元素到页面顶部的距离
摘要：function getDisTop(element) { //获取元素距离页面顶部的距离 var realTop = element.offsetTop; var parent = element.offsetParent; while (parent !== null) { realTop += 阅读全文
posted @ 2020-08-23 16:40 墨知白 阅读(4151) 评论(0) 推荐(1)
使用vue实现给当前节点添加样式给兄弟节点移除样式
摘要：我们知道使用jquery很容易做到给当前样式添加指定class,给兄弟节点移除class，但是使用vue该如何做呢？其实也非常简单，例如给点击id为week的div，为其添加样式c_active:<div v-for= "（item,index） in data" :key = "index"> < 阅读全文
posted @ 2020-08-14 14:38 墨知白 阅读(2728) 评论(0) 推荐(0)
elementUI树形组件的load属性
摘要：在elementUI的官方文档中介绍了load方法，但是并没有介绍load方法使用的实例，今天我们就来捋一捋loda方法： load属性需要传入一个该树形节点加载时所调用的函数，此函数函数接收两个参数，一个是node,即当前节点，一个是resolve作为数据处理函数，不懂这个函数的同学可以看看Pro 阅读全文
posted @ 2020-08-02 00:48 墨知白 阅读(9079) 评论(0) 推荐(0)
解决弹框子组件与父组件的通信问题
摘要：/** 功能分析： *　父组件根据变量dialogVisible、dialogVis的值判断弹窗是否弹出 *　触发点击事件后改变dialogVisible、dialogVis的值 *　将dialogVisible、dialogVis改变后的值传递给子组件 * 子组件根据接收到的对应的值后判断是显示还 阅读全文
posted @ 2020-07-19 23:49 墨知白 阅读(698) 评论(0) 推荐(0)
elementUI表格的使用以及自动生成每一行的序号
摘要：表格： <template> <div id="my_charge"> //表格 <el-table :data="tableData" stripe style="width:100%"> <el-table-column prop ='index' label="序号" min-width="2 阅读全文
posted @ 2020-07-18 18:32 墨知白 阅读(5794) 评论(0) 推荐(0)
url中获取参数的值
摘要：function getParams(url){ var strArr = url.split('?')[1];//获取？后面的部分 var params = strArr.split('&'); var obj = {}; for(var i =0;i<params.length;i++){ va 阅读全文
posted @ 2020-07-18 17:42 墨知白 阅读(286) 评论(0) 推荐(1)