- 鼠标预测行为动作复杂，使用事件代理得不偿失，在数量有限的情况下，使用循环绑定更好
- 用户从menu斜着向右下角滑入时，可能是进入main，也可能是要选择子菜单，在判断前先做延迟
- 如何判断用户进入main的意图，数组前一个点p1，和main左上下两个顶点组成一个三角形，当后一个点p2在三角形内，认为有进入main的意图，否则认为是切换菜单
- 如何判断一个点是否在三角形内：向量 + 叉乘公式
- pointInTriangle(p, a, b, c)
- 事件代理利用的是事件流默认是冒泡的，点击子元素时点击事件冒泡到父元素
void(0)-return
DOM-15/16【实战】鼠标行为预测技术
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/251048.shtml
如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！相关文章
ES6-1 ES6版本过渡历史
一 历史
HTML
HTML 1, HTML 2, HTML 3 1991-1997 IETF(the Internet Engineering Task Force) 国际互联网工程任务组1997.1 HTML3.2 W3C
JavaScript
1995 liveScript(后改名为JavaScript1996年改名)1996 javascript 1.0 1.1;1997 Jscript1997.6 ECMAScript 1.01998.6 ECMAS…
Django-model进阶
知识预览 QuerySet中介模型查询优化extra整体插入回到顶部QuerySet 可切片 使用Python 的切片语法来限制查询集记录的数目 。它等同于SQL 的LIMIT 和OFFSET 子句。 1>>> Entry.objects.all()[:5] # (LIMIT 5)>>> Entry.objects.all()[5:10] # (OFFSE…
ES6-2 块级作用域与嵌套、let、暂行性死区
注意，写在开头
function test(x 1) {var x // 不报错console.log(x)
}
function test1(x 1) {let x 10 // 报错console.log(x)
}let的变量名不可以和参数中的名称相同。而var并不限制，说白了就是希望你规范使用变量名。 形参原则上数组函数内部的临…
vue --- 使用中央事件总线(bus)实现跨组件通信
使用Bus实现跨组件传输须注意以下3点: 1.需要创建一个空的Vue实例(bus),来作为中间站 2.使用bus.emit来发送事件3.使用bus.emit来发送事件 3.使用bus.emit来发送事件3.使用bus.on来监听事件(在钩子created中监听)
代码如下:
<!DOCTYPE html>
<html>
<head>…
vue --- 获取子组件数据的一个应急方案$refs
使用$refs需要注意以下2点: 1.html方法使用子组件时,需使用ref “xxx” 声明. 2.在父组件中使用,this.refs.xxx.msg 获取数据
<!DOCTYPE html>
<html>
<head>
<meta charset"utf-8">
</head>
<body><div id"app"…
ES6-4/5 解构赋值、函数默认值、数组解构、对象解构
ES-4 解构赋值、函数默认值、数组解构、对象解构 ES-5 隐式转换、函数参数解构、解构本质、()用法 一 解构赋值
1 虚值
含义：在Boolean转换结果为假的值falsy
2 函数默认值 ES6 内部使用严格相等运算符（），判断一个位置是否有值…
echarts --- 多折线图按段显示颜色规则订制
描述: 图中有4个序列,序列1和序列2在同一个x轴下,显示不同的颜色.(如,在-40到-30,序列一是红色,而序列2是黑色) 关键: VisualMap中的seriesIndex属性(根据不同的系列,制定不同的颜色规则). 下面是代码,可以直接复制到 echart实例 中进行调试
var symbolSize 20;
var data [[…
ES6-6 - this指向、箭头函数基本形式、rest运算符
一 chrome断点调试
观察函数调用栈
// 25min
var x 1;
function foo(x, y function () { x 2; console.log(2) }) {var x 3;y();console.log(x)
}
foo()
console.log(x)
// 2 3 1var x 1;
function foo(x, y function () { x 2; console.log(x) }) {x 3;y();console.…
ES6-7 - 箭头函数的实质、箭头函数的使用场景
箭头函数返回对象
// 这种情况要要用(),否则会将对象的{}解释为块
const fn (a, b) > ({a:1, b:2})箭头函数的特点
this指向由外层函数的作用域来决定，它本身没有this，不能通过call、apply、bind改变不能作为构造函数使用不可以使用arguments对象&…
javasript --- 一个日期规范(x秒前,x分前...)
Time函数(通俗易懂,自己根据实际需求修改吧- -)
// time.js
var Time {// 获取当前时间戳getUnix: function () {var date new Date();return date.getTime();},// 获取今天0点0分0秒的时间戳getTodayUnix: function () {var date new Date();date.setHours(0);date.setMin…
ES6-8 - 函数名/对象拓展、描述符、getter/setter
函数名 有两种特殊情况：bind方法创造的函数，name属性返回bound加上原函数的名字；Function构造函数创造的函数，name属性返回anonymous。 bind函数名
// 以bound开头
function foo() { }
const fnName foo.bind().name
console.lo…
javascript --- 再识闭包
看下面一个例子:
function zipCode(code, location) {let _code code;let _location location || ;return {code: function () {return _code;},location: function() {return _location;}}
}再上述封闭的函数中,code的匿名函数根据作用域链可以访问到外面的_code变量.
con…
ES6-9 对象密封4种方式、assign、取值函数的拷贝
一 对象密封
1 Object.preventExtensions 禁止对象拓展，仍可删除
严格模式下报错
const origin {a: 1
}
const fixed Object.preventExtensions(origin)
console.log(origin fixed) // true
console.log(Object.isExtensible(origin)) // false 不可拓展
orig…
javascript --- 使用ajax与服务器进行通信
Ajax: (Asynchronous JavaScript and XML,异步JavaScript与XML技术)是一种有效利用JavaScript和DOM的操作.
与传统HTTP请求的区别: Ajax允许只更新页面的一部分,因此减少了响应中传输的数据量
Ajax的API: Ajax与服务器进行通信,可以使用JavaScript中原生的XMLHttpRequest对象…
ES6-10 super、4种遍历方式、原型、symbol遍历
由于现代 JavaScript 引擎优化属性访问所带来的特性的关系，更改对象的 [[Prototype]]即__proto__在各个浏览器和 JavaScript 引擎上都是一个很慢的操作。 一 Object原型方法
1 Object.setPrototypeOf(obj, proto)
用该方法而不是直接修改__proto__返回值是设置好原…
IntelliJ IDEA使用
1：下载 ideaIU-2017.2.exe，JetbrainsCrack-2.6.2.jar(补丁) 2：安装ideaIU-2017.2.exe，将补丁放在D:\java\intellij\IntelliJ IDEA 2017.2\bin 目录下 3：在安装的idea下面的bin目录下面有2个文件 ： 一个是id…
js中如何删除json对象的某一个选项
我有一个这样一个对象，getData, 但是我不想要每一项的id，那怎么去删除呢(使用delete)? getData.map((item) >{delete item["id"];});console.log(getData);转载于:https://www.cnblogs.com/mmykdbc/p/8386407.html
ES6-11 Symbol、iterator、forOf、typeArray
…剩余运算符
const obj1 {a: 1,b: 2
}
const obj2 {a: 100,b: 2,c: 300
}
const obj {...obj1,...obj2
}
console.log(obj) // 和Object.assign(obj, obj1, obj2)结果相同[Symbol.hasInstance]
Symbol构造函数上的属性，默认调用了方法
iterator迭代器
对数…
node --- 游走在客户端和服务器间的http
本篇文章,讲述了一个很简单的上传图片(/start)到本地服务器,然后路由跳转到/upload. 写这个程序的目的是为了帮助理解HTTP的一些基本概念及node对于http api的实现以及程序的设计模式. IP: 计算机之间的通信 TCP: 应用程序之间的通信 HTTP: 基于TCP实现的应用层协议,设计之初是…