随笔分类 -  js高级相关

1 2 下一页
弹窗插件封装 js插件封装-弹窗组件封装-类型判断-发布订阅
摘要：https://gitee.com/eric167/js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met 阅读全文
posted @ 2021-08-04 18:00 13522679763-任国强 阅读(125) 评论(0) 推荐(0)
js-插件封装-树形折叠菜单
摘要：(function () { // 插件核心:OOP的模式，可以创建单独的实例，这样实现私有属性和公有方法的有效管理 class zTree { constructor(element, options) { // init params let self = this, len = argumen 阅读全文
posted @ 2021-08-04 08:54 13522679763-任国强 阅读(163) 评论(0) 推荐(0)
Jquery 插件封装
摘要：(function($){ if(!$ || !$.prototype.jquery) throw new ReferenceError('must import jquery'); // 向其原型获取方法 $.fn.extend({ zTree(data,callback){ typeof cal 阅读全文
posted @ 2021-08-03 16:44 13522679763-任国强 阅读(50) 评论(0) 推荐(0)
jquery 实现无限极菜单 点开收起
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-02 17:08 13522679763-任国强 阅读(182) 评论(0) 推荐(0)
dragstart-拖拽-HTML5
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-02 14:06 13522679763-任国强 阅读(239) 评论(0) 推荐(0)
拖拽实现
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-02 14:00 13522679763-任国强 阅读(55) 评论(0) 推荐(0)
图片放大镜效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-02 13:36 13522679763-任国强 阅读(56) 评论(0) 推荐(0)
onmouseover- onmouseout 和 onmouseenter- onmouseleave 区别简介
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-30 12:25 13522679763-任国强 阅读(41) 评论(0) 推荐(0)
事件传播机制-事件捕获-事件-冒泡-事件委托
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-30 11:53 13522679763-任国强 阅读(48) 评论(0) 推荐(0)
阻止默认行为 和 定制鼠标右键菜单
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-29 17:39 13522679763-任国强 阅读(109) 评论(0) 推荐(0)
事件-事件对象详解
摘要：/** * 事件 * - 鼠标事件 * + click 点击事件(pc) 单击事件(移动端,300ms延迟) * + dbclick 双击事件 * + contextmenu 鼠标右键点击触发 * + mousedown 鼠标按下 * + mouseup 鼠标抬起 * + mousemove 鼠标移 阅读全文
posted @ 2021-07-29 16:57 13522679763-任国强 阅读(61) 评论(0) 推荐(0)
发布订阅设计模式-3- 面向对象设计模式
摘要：/*** * * 创建多个事件池 * + 每个事件池是独立的，存放自己订阅的方法 * + 但是也可以具备共同的方法 on/off/fire * => 面向对象中的类和实例 * */ (function(){ class Sub{ // 实例私有属性 pond = []; // 原型公共方法 on(f 阅读全文
posted @ 2021-07-29 11:24 13522679763-任国强 阅读(26) 评论(0) 推荐(0)
发布订阅设计模式-2-单例设计模式
摘要：/*** * * 发布订阅设计模式 * 发布一个计划,并且向计划中订阅一个个的方法 * 当触发某天事件或者到达了某个阶段，可以通知计划中订阅的方法,按照顺序依次执行 * */ // 第二版: 支持自定义事件，且一个页面只有一个事件池 [单例设计模式] let sub = (function(){ / 阅读全文
posted @ 2021-07-29 10:38 13522679763-任国强 阅读(31) 评论(0) 推荐(0)
发布订阅设计模式-1-单例设计模式
摘要：/*** * * 发布订阅设计模式 * 发布一个计划,并且向计划中订阅一个个的方法 * 当触发某天事件或者到达了某个阶段，可以通知计划中订阅的方法,按照顺序依次执行 * */ // 第一版: 不支持自定义事件，且一个页面只有一个事件池 [单例设计模式] let sub = (function(){ 阅读全文
posted @ 2021-07-29 10:15 13522679763-任国强 阅读(44) 评论(0) 推荐(0)
生成器-》详解
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-28 17:59 13522679763-任国强 阅读(27) 评论(0) 推荐(0)
迭代器 -》实现原理
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-28 16:55 13522679763-任国强 阅读(29) 评论(0) 推荐(0)
宏任务 微任务 执行顺序 练习题
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-28 10:50 13522679763-任国强 阅读(156) 评论(0) 推荐(0)
js-类型检测
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-23 17:21 13522679763-任国强 阅读(43) 评论(0) 推荐(0)
js-继承
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-22 15:38 13522679763-任国强 阅读(24) 评论(0) 推荐(0)
bind 实现原理
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-21 16:13 13522679763-任国强 阅读(130) 评论(0) 推荐(0)

1 2 下一页