随笔分类 -  插件封装

• js 封装公共方法 拖动元素进行上下排序 返回排序结果
  摘要：效果图 拖动元素进行上下排序 并且回调返回排序结果数组 1.common.js进行封装 // 拖动排序封装//dom:父节点ID名称（必传）//callback:回调函数，返回排序结果（选传） const drag = function(dom, callback) { let node = doc 阅读全文
  posted @ 2021-08-09 14:18 马丁的车夫 阅读(211) 评论(0) 推荐(0) 编辑
• Vue 项目中，在js文件中调用组件 ，并且注册成全局
  摘要：注意：这种方法只能在网页适用，如果是小程序或者app，可能无效。 需求：在请求封装里 根据请求返回的状态 提示不同的弹窗 这样所有操作请求都会有提示 如果不需要提示的 可以在api接口地址进行配置 ,很好的和用户交互 并且可以任意调用 第一步创建文件路径如下结构(下面创建两个文件都放这里) 第二步 阅读全文
  posted @ 2021-06-26 21:18 马丁的车夫 阅读(1994) 评论(0) 推荐(0) 编辑
• Element-ui el-select下拉内嵌Tree 树形控件 进行二次封装
  摘要：封装组件，支持单选，多选，搜索，根据节点id默认选中对应的节点，勾选数据事件触发回调 效果图(会不断更新 和修复一些BUG 记得回来看看哦) (认真看组件配置属性，特别是传值的时候defaultProps 配置的展示key)因为最后有模拟JSON数据所以文章有点长 多选效果图： 单选效果图： 一.子 阅读全文
  posted @ 2021-05-12 15:10 马丁的车夫 阅读(2779) 评论(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 马丁的车夫 阅读(97) 评论(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 马丁的车夫 阅读(72) 评论(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 马丁的车夫 阅读(293) 评论(9) 推荐(0) 编辑