随笔分类 -  功能性封装

vue 简单的 diy 搜索框 封装，全局组件化，对象配置
摘要：1. 目录结构： 2. main.js 全局组件 3. KjfSearch.vue 代码： <template> <div class="kjf_search_box" :class="kjfSearchConfig.className"> <label class="kjf_search_sear 阅读全文
posted @ 2019-06-21 18:01 耶梦加德 阅读(2418) 评论(2) 推荐(1)
(91)Wangdao.com第二十四天_Mutation Observer API 突变监视器
摘要：Mutation Observer API 突变监视接口 用来监视 DOM 变动。 DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知 概念上，它很接近事件，可以理解为 DOM 发生变动就会触发 Mutation Observer 事件。 但是，Mutati 阅读全文
posted @ 2018-11-02 09:21 耶梦加德 阅读(222) 评论(0) 推荐(0)
js 原生_拖动页面元素，松开释放
摘要：嗯哼。不多说，直接上代码了。 // 为元素 绑定拖动事件 function bindDragEvent(obj){ obj.onmousedown = function(e){ e = e || window.event; obj.setCapture && obj.setCapture(); // 阅读全文
posted @ 2018-10-29 22:55 耶梦加德 阅读(1049) 评论(0) 推荐(0)
获取元素 在网页中的 坐标
摘要：1. 获取 网页真实内容 高度 // 获取 网页真实内容 高度 function getScrollHeight(){ return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); } 2. 获 阅读全文
posted @ 2018-10-29 22:53 耶梦加德 阅读(5219) 评论(0) 推荐(1)
获取元素 在浏览器窗口中的 坐标
摘要：嗯哼。不多说，直接上代码了。 // 获取元素 在 浏览器窗口 中的 坐标 Test Already. function posInClient(obj){ var theClient = obj.getBoundingClientRect(); // 获取元素的左，上，右和下分别相对 浏览器视窗 的 阅读全文
posted @ 2018-10-29 22:50 耶梦加德 阅读(941) 评论(0) 推荐(0)
获取鼠标 在目标元素中的 坐标
摘要：嗯哼。不多说，直接上代码了。 // 获取鼠标 在目标元素中的 坐标 function posInElement(obj,e){ var mouseX = e.clientX; var mouseY = e.clientY; var objX = obj.getBoundingClientRect() 阅读全文
posted @ 2018-10-29 22:48 耶梦加德 阅读(494) 评论(0) 推荐(0)
鼠标参数，事件对象，获取鼠标在网页中的坐标
摘要：1. 事件对象 event 标准浏览器 传递给响应函数 IE 把 event 事件对象作为全局对象 window 的一个属性 2. 浏览器滚动条高度 标准浏览器 使用 documen.documentElement.scrollLeft documen.documentElement.scrollT 阅读全文
posted @ 2018-10-29 22:21 耶梦加德 阅读(786) 评论(0) 推荐(0)