首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突,双击事件触发单击事件

    js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。 我们加一个延迟时间就能很好的解决这个问题。...原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。...var click_store // 定义一个全局变量存储单击触发事件 document.addEventListener('click', deal_click); document.addEventListener...('dblclick', deal_dblclick); function deal_click(e){ click_store = setTimeout(function(e){ // 单击触发事件...,0.3s延迟 ... },300); } function deal_dblclick(e){ // 单击事件清理 clearTimeout(click_store); // 双击触发事件

    7.2K30

    JavaScript的理解记录(2)

    statement;   increment   } 当循环里吗包含continue语句时,for循环会在continue后执行increment; 2 、指令语句"use strict"; 如果顶层代码使用了这个指令..."toString" in m //false;继承属性 3、propertyIsEnumerable() 上一个方法的增强版,多了一个是否具有可枚举性的条件; 4、使用...2、序列化对象: 对象序列化是指将对象状态转换为字符串,也可将字符串还原为对象; 通过JavaScript...Object Notation ---javascript对象表示法实现,即JSON JSON.stringify(object): 对象--->字符串 JSON.parse(...默认将整个字符串作为生成数组的一个元素; 3、reverse() : 将数组中的元素颠倒顺序,返回逆序的数组; 4、sort() :元素排序,默认已字母名称排序,undefined元素将在尾部;不使用默认排序

    40420

    JavaScript的理解记录(1)

    1、JavaScript的数据类型分为两类:原始类型和对象类型; 原始类型包括:数字,字符串,布尔值,null和undefined; (都是不可变类型,值不可以修改) 对象类型:普通对象和函数; 函数可使用...new新建对象,即构造函数;每个构造函数定义了一类对象--由构造函数初始化的对象组成的集合; 类可以看做是对象类型的子类型,javascript语言定义的类主要有:数组Array,函数Function,...正则RegExp: var pattern=/s/ 等价于 var pattern = new RegExp("s 错误Error:定义了表示程序中运行是错误和语法错误的对象; 在try--catch中使用...null和函数也是对象,但返回值不同; 2、数值类型: 1)、所有数字均用浮点数值表示; 2)、JavaScript预定义了全局变量NaN非数字值与Infinity正无穷大;   仅当x为NaN时...真实运行环境中:x=0.099 999 999 999 999 98 y = 0.1; 3、字符串,正则的使用例子: var text = "test:1,2,3"; var pattern =

    72910

    JavaScript的理解记录(3)

    属性访问表达式有两部分组成:一个对象和属性名称,其中对象成为上下文,函数体可以使用this关键字引用改对象;大多数方法调用使用点符号来访问属性,使用方括号也可以进行属性访问操作,即进行方法的调用;任何函数作为方法调用实际上都会传入一个隐士的实参...f.apply(o,[1,2]);     3、 函数的实参和形参:当调用函数的时候传入的实参个数超过函数定义时的形参个数时,可以通过标识符arguments的数字下标获取传入实参的参数值; 大多数情况下javascript...: | \ / ( ) [ ] { } 如果需要使用本身,则必须使用前缀\ 2、正则的一些基本定义:   3、模式匹配的String方法:search() replace() match...() split()     1、search() : 放回第一个与之匹配的子串的起始位置,如果找不到,返回-1;      console.log('javascript'.search('script...')); //4      console.log('javascript'.search(/script/)); //4 如果search()的参数不是正则表达式,则会自动转换

    39620

    JavaScript的理解记录(4)

    客户端JavaScript:客户端就是Web浏览器; 一、 前奏: Web文档(document):一些呈现静态信息的页面,虽然有的页面是会动的,但信息本身还是静态!...Web应用:可以动态载入信息,相比与文档的文本化,应用看起来更加图形化; 客户端JavaScript的三个重要的对象:Window Document和Element;Window是全局对象...:开头,使用的是javascript:协议。...要测试一小段js代码,可以直接在浏览器地址栏输入javascript:js代码; javascript:new Date().toLocaleTimeString()">呵呵呵呵<...属性改变为complete;Web浏览器触发Window对象上的load事件; 8、调用异步事件,响应用户操作; 获取浏览器类型和版本的方法:-     客户端:使用

    52720

    JavaScript的理解记录(5)

    方法来将JQuery对象转化为真实的数组; 参数举例:1、ID: #nav 2、 标签名:div 3、class属性值:.success 4、基于属性值:input[name='button']; 5、组合使用...() 参数为不区分大小写的标签名(对于HTML),对XML文档会区分大小写;第二种方法是复制已存在的节点,每个节点都有一个cloneNode()方法放回节点的副本;          2、插入节点:使用...               insertBefore():两个参数,第一个参数是待插入的节点,第二个参数是该父节点的子节点,可以为null,为null是功能与appendChild相同;                如果使用以上两个方法再次插入已经存在的节点...         其二:设置对应元素的JavaScript contenteditable属性;         浏览器定义了多项文本编辑命令,为了执行这些命令,应该使用Document

    1.6K20

    【拓展】未来的JavaScript记录与元组

    Axel Rauschmayer最近撰文介绍了还处于Stage1阶段的两个JavaScript新特性:记录和元组。...记录和元组是一个新提案(Record & Tuple,https://github.com/tc39/proposal-record-tuple),建议为JavaScript增加两个复合原始类型: 记录...记录和元组是原始类型 使用typeof可以看出来,记录和元组都是原始类型: > typeof #{x: 1, y: 4}'record'> typeof #['a', 'b']'tuple' 记录和元组的内容有限制...使用记录 const record = #{x: 1, y: 4}; // 访问属性assert.equal(record.y, 4); // 解构const {x} = record;assert.equal...JSON.parseImmutable与JSON.parse()类似,但返回记录而非对象,返回元组而非数组(递归)。 未来:类的实例会按值比较吗? 相比对象和数组,我其实更喜欢使用类作为一个数据容器。

    76231
    领券