zoukankan      html  css  js  c++  java
  • js中的事件,内置对象,正则表达式

    [JS中的事件分类]
     1、鼠标事件:
     click/dbclick/mouseover/mouseout/mousemove/mousedown/mouseup

     2、键盘事件:
     keydown: 键盘按下去触发
     keypress: 键盘按下并松开的瞬间触发
     keyup: 键盘抬起时触发

     [注意事项:(了解)]
     ① 执行顺序: keydown——keypress——keyup
     ② 长按时,会循环不断的执行keydown-keypress
     ③ 有keydown事件,不一定有keyup事件(事件触发过程中,鼠标移走,可能就没有keyup)
     ④ keypress只能捕获字母、数字、符号键,不能捕获功能键;keydown/keyup基本可以捕获所有功能键(特殊除外)
     ⑤ keypress区分大小写,keydown和keyup不区分;
     ⑥ keydown/keyup区分主键盘和小键盘,keypres不区分;

     [确定键盘触发按键]
     ① 在触发函数中,传入参数e,代表按键时间;
     ② 通过e.keyCode ,确认按键Ascii码值,进而确定按键;
     ③ 所有浏览器系统的写法(一般不必要):
    var evn = e||event; //取到键盘事件
     var code = evn.keyCode||evn.which||evn.charCode;//取到按键编码

    【js中的数组】
    1、数组的概念:数组是在内存中连续储存多个有序元素的结构 元素的顺序称为下标,
    通过下标查找对应元素
    2、数组的声明:
    ① 通过字面量声明var arr1 = [,,,,];
    js中同一数组可以储存多种不同类型数据类型(但是一般同一数组,只用于存放同种数据类型);
    例如:var arr1 = [1,"1",true,{"name","liumeng"},[1,2]];
    ② 通过new关键字声明:var arr2 = new Array(参数);
    >>>>参数可以是:
    a.为空:声明一个没有指定长度的数组;
    b.数组的长度:声明一个指定长度的数组,但是数组的长度随时可变可追加;
    最大长度为0-(2^32-1);
    c.数组默认的n个值:例如:var arr2 = new Array(1,"2",true);//相当于[1,"2",true]

    3、数组中元素的读写:
    ① 读写:通过下标来访问元素,例如arr[2];
    ② 增删:delete arr[n];删除数组的第n+1个值,但数组长度不变,对应位置值为undefined
    arr.push(值);数组最后增加一个值,相当于arr3[arr3.length] = 7;
    arr3.unshift(值);数组的第0位插入一个值,其余位数顺延;
    arr3.pop();删除数组最后一位与delete不同的是,pop执行后数组长度也会减少一个
    相当于arr3.length-=1;
    arr3.shift();删除数组第0位,长度也会-1;
    4、数组中其他常用方法:
    ① join("分隔符");将数组用指定分隔符分割,链接为字符串。参数为空时,默认用逗号分隔
    ② concat();将数组,与多个数组的值链接为新的数组
    [1,2].concat([3,4],[5,6])=[1,2,3,4,5,6];//链接时,中括号至多拆一层
    [1,2].concat([1,2,[3,4]])=[1,2,1,2,[3,4]]//多层中括号,以二维数组形式存在
    ③ push();数组最后增加一个数;unshift():数组开始增加一个数【返回数组新的长度】
    pop():删除数组最后一个;shift():删除数组第一个【返回被删除的值】
    【调用上述方法,原数组均被改变】
    ④ recerse():【原数组被改变】数组翻转,逆序排列。1234---->4321
    ⑤ slice(begin,end):【原数组不会被改变】截取数组中的某一部分成为新数组,
    >>>传递一个参数:默认为begin index,当这个开始,截到下一个。
    >>>传递两个参数:截取从begin到end区间,左闭右开(包含begin不含end)
    >>>参数可以为负数,-1表示从右边数第一个,从左边数的最后一个
    ⑥ sort(function):【原数组会被改变】对数组进行排序;
    >>>不指定排序函数:按照数值的ascii码值进行排列
    >>>传入排序函数:默认两个参数a,b 如果返回值>0,则a>b;反之返回值<0,则a<b;
    arr3.sort(function(a,b){
    return a-b; //b在前,a在后 (升序排列)
    return b-a; //a在前,b在后 (降序排列)
    });
    ⑦ indexof(value,index):返回value值对应的下标位置,若未找到返回-1
    lastindexof(value,index):返回最后一个value值对应的下标位置
    >>>若未指定index参数:默认在数组所有元素中查询;
    若指定index参数:则从当前index开始,向后查询;

    5、二维数组和稀疏数组(了解) :
    ① 稀疏数组:数组并不含有从0开始到length-1的所有索引(length值比实际元素个数多);
    ② 二维数组:var arr = [[1,2],[3,4],[5,6]];//相当于三行两列的矩阵
    取出二维数组元素:arr[行号][列号];//可使用嵌套循环
    6、引用数据类型&基本数据类型:
    引用数据类型:(数组/对象)赋值时,是将原变量的地址,赋给新变量。两个变量,实际上操作的是
    同一份数据,所以,修改其中一个变量,另一个跟着变化;
    基本数据类型:复制时,是将原变量的值赋给新的变量。两个变量,属于不同的内存空间,
    修改其中一个

     字符串String
     1、属性:str.length 返回字符串的长度
     2、方法:
     .toLowerCase() 所有字符转为小写;
     .toUpperCase() 所有字符转为大写;
     .charAt(n) 截取字符串中第n个字符
     .indexOf("查询子串",index) 查询从index开始的,第一个子串的索引。
     没找到返回-1,同数组的indexOf()方法;
     .substring(begin,end) 截取子串
     >>> 只写一个参数:从begin开始,到最后
     >>> 写两个参数:从begin开始,到end。左闭右开。
     .replace("old","new") 将字符串中,第一个old,替换为new。第一个参数可以为普通字符串,
     也可以为正则表达式(普通字符串将只匹配第一个,正则表达式则根据具体情况区分)。
     .split("") 将字符串,通过制定分隔符分为数组。传入""空字符串,将把单个字符存入数组

     Date类
     1、 new Date(); 拿到当前最新时间;
     new Date("2017,4,4,14:58:12") 设置指定时间
     2、常用方法:
     .getFullYear(): 获取4位年份
     .getMonth(): 获取月份 0~11
     .getDate(): 获取一月中的某一天 1~31
     .getDay(): 获取一周中的某一天 0~6
     .getHours() 返回 Date 对象的小时 (0 ~ 23)
       .getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
       .getSeconds() 返回 Date 对象的秒数 (0 ~ 59)

    【自定义对象】

     1、基本概念
     ① 对象概念: 对象是包含一系列无序属性和方法的集合;
     ② 对象中的数据,是以键值对形式存在的,以键取值;
     ③ 属性:描述对象特征的一系列变量。【对象中的变量】;
     ④ 方法:描述对象行为的一系列方法。【对象中的函数】;
     2、对象的声明:
     ① 字面量声明: var ovj={
     key1:value1, //属性
     key2:value2
     func:function(){} //方法
     }
     ② 对象中的键,可以是任何数据类型。但,一般用作普通变量名(不需要双引号)即可;
     ③ 对象中的值,可以是任何数据类型。但,字符串的话必须用""包裹;
     ④ 多组键值对之间用英文逗号分隔,键值对的键与值之间英文冒号分隔;
     3、对象中属性和方法的读写
      ① .元素符: 对象内部:this.属性名 this.方法名()
     对象外部: 对象名.属性名 对象名.方法名()

     >>> 对象中,直接写变量名,默认为调用全局变量。如果需调用对想自身属性,则需要通过this关键字

     ② 通过["key"]调用:对象名["属性名"] 对象名["方法名"]()

    >>> 如果key中包含特殊字符,则无法使用①方法,必须是用第②种;

     >>> 对象中,直接写变量名,默认为调用全局变量。如果需调用对想自身属性,则需要通过this关键字

     ③删除对象的属性/方法: delete 对象名.属性名/方法名
     ④⑤

    【正则表达式】
    1、正则表达式包括两部分
    ①定义的正则表达式规则 ②正则表达式模式(g/i/m)
    2、正则表达式的声明:
    ① 自变量的声明: var reg = /表达式规则/表达式模式 /white/g
    ② new关键字声明:var reg = new RegExp("表达式规则","表达式模式");
    var reg = new RegExp("white","g")
    3、正则表达式常用方法:
    .test():检测一个字符串是否匹配某个中正则模式。返回 true 或 false
    .exec():
    4、正则表达式的常用模式:
    g:全局匹配。不加g,默认非全局匹配,只匹配第一个符合条件的字符串
    "www".replace(/w/,"#")----> #ww
    "www".replace(/w/g,"#")----> ###
    i:忽略大小写。不加i,默认为需要匹配大小写
    "aAa".replace(/A/g,"#")---->a#a
    "aAa".replace(/A/i,"#")---->#Aa
    m:匹配多行模式(字符串分多行显示,每行都有开头结尾)。
    "abc #bc
    abc".replace(/^a/g,"#")---->abc
    "abc #bc
    abc".replace(/^a/gm,"#")---->#bc




  • 相关阅读:
    MySQL 性能调优之索引
    MySQL 性能调优之存储引擎
    MySQL数据类型优化—整数类型优化选择
    MySQL数据性能优化-修改方法与步骤
    MySQL设计SQL语句优化规范
    MySQL索引的设计、使用和优化
    MySQL的SQL语句优化-group by语句的优化
    SQL性能优化-order by语句的优化
    MySQL查询优化注意下面的四个细节
    优化MySQL性能的几种方法-总结
  • 原文地址:https://www.cnblogs.com/lixishimeng/p/6734602.html
Copyright © 2011-2022 走看看