插件封装 - 随笔分类 - 马丁的车夫

js 封装公共方法拖动元素进行上下排序返回排序结果

摘要：效果图拖动元素进行上下排序并且回调返回排序结果数组 1.common.js进行封装 // 拖动排序封装//dom:父节点ID名称（必传）//callback:回调函数，返回排序结果（选传） const drag = function(dom, callback) { let node = doc 阅读全文

posted @ 2021-08-09 14:18 马丁的车夫阅读(251) 评论(0) 推荐(0)

Vue 项目中，在js文件中调用组件，并且注册成全局

摘要：注意：这种方法只能在网页适用，如果是小程序或者app，可能无效。需求：在请求封装里根据请求返回的状态提示不同的弹窗这样所有操作请求都会有提示如果不需要提示的可以在api接口地址进行配置 ,很好的和用户交互并且可以任意调用第一步创建文件路径如下结构(下面创建两个文件都放这里) 第二步阅读全文

posted @ 2021-06-26 21:18 马丁的车夫阅读(2117) 评论(0) 推荐(0)

Element-ui el-select下拉内嵌Tree 树形控件进行二次封装

摘要：封装组件，支持单选，多选，搜索，根据节点id默认选中对应的节点，勾选数据事件触发回调效果图(会不断更新和修复一些BUG 记得回来看看哦) (认真看组件配置属性，特别是传值的时候defaultProps 配置的展示key)因为最后有模拟JSON数据所以文章有点长多选效果图：单选效果图：一.子阅读全文

posted @ 2021-05-12 15:10 马丁的车夫阅读(3063) 评论(0) 推荐(0)

js 原生面向对象(OOP)封装选项卡插件2.0

摘要：https://www.jq22.com/webqd7329(线上展示地址) //功能包括上拉分页加载，tab切换，过渡动画切换，点击、上拉事件回调，自动切换tab，设置时间 index.js ;(function(global) { "use strict"; let deferTimer; v 阅读全文

posted @ 2021-03-05 11:21 马丁的车夫阅读(125) 评论(0) 推荐(0)

js 原生封装选项卡插件1.0

摘要：//tab.js;(function(global) { "use strict"; var M = function(el,options) { this.el = typeof el "string" ? document.querySelector(el) : el; this.options 阅读全文

posted @ 2021-03-04 16:18 马丁的车夫阅读(77) 评论(0) 推荐(0)

js原生ajax请求封装

摘要：<script> function ajaxData(obj) { let method = obj.method || 'GET'; //请求方式，默认get let data = obj.data || {}; let header = obj.headers || []; return new 阅读全文

posted @ 2020-12-04 00:00 马丁的车夫阅读(300) 评论(9) 推荐(0)

导航

随笔分类 - 插件封装