JS续

Posted 阿呆啊-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS续相关的知识,希望对你有一定的参考价值。

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、鼠标事件:
* click/dbclick/mouseover/mouseout/mousemove/mousedown/mouseup
* 2、键盘事件
* keydown:键盘按下时触发
* keyup:键盘抬起时触发
* keypress:键盘按下并抬起时触发
* [注意事项]
* ①执行顺序:keydown-keypress-keyup
* ②长按时,会不断执行keydown,keypress
* ③有keydown事件不一定有keyup事件,比如事件触发时,鼠标移走,可能就没有keyup;
* ④keypress事件只能捕获字母、数字、符号键,不能捕获功能键,可以捕获大小写;keydown/keyup基本可以捕获所有功能键(特殊除外),可以区分主键盘和小键盘
* 不区分大小写
*
* 【确定键盘触发按键】
* ①在触发函数中传入函数e,代表按键事件:
* ②通过e.keyCode确认按键Ascii码值,进而确定按键;
* ③兼容所有浏览器系统的写法(一般不必要):
* var evn = e||event 取到键盘事件
var code = evn.keyCode||evn.which||evn.charCode; 取到按键编码

 

JS中的内置对象

 

JS中的数组
* 1、数组的概念:在内存中连续存储的多个有序元素的结构
* 元素的顺序,称为下标,通过下标查找对应元素
* 2、数组的声明:
* ①通过字面量声明:var arr1=[];
* JS中同一数组可以储存多种数据类型(但一般同一数组只用于存放同一种数组类型)
* 例如: var arr1 = [1,"2",true,{},[]];
* ②new关键字声明:var arr2 = new Array(参数);
* >>>参数可以为:
* a:空,声明一个没有指定长度的数组
* b:数组的长度length,声明一个指定长度的数组,但数组的长度随时可变可追加
* 最大长度为(0~2^32-1);
* c:数组默认的N个值,new Array(1,"2",true);相当于[1,"2",true]
* 3、数组中元素的读写/增删
* ①读写:通过下标来访问元素,例如arr[2];
* ②增删:delete arr[n];删除数组的第n+1个值,但数组长度不变,对应位置的值为undefined
* arr3.push(7);数组最后增加一个值,相当于arr3[arr3.length]=7;
* arr3.unshift(0);数组的第0位插入一个值,其余位数顺延
* arr3.pop();删除数组最后一位,与delete不同的是,pop执行后数组长度也会减少一个,
* 相当于arr.length-=1;
* arr3.shift(),删除数组第0位,长度也会减一;
* 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();数组翻转,逆序排列,原数组被改变。
* ⑥slice(begin,end);【原数组不会被改变】截取数组中某一部分,成为新数组
* >>>传递一个参数:默认为begin index,从这个开始,截到最后一个
* >>>传递两个参数,截取从begin到end区间,左闭右开(包含begin,不含end)
* >>>参数可以为负数,-1表示最后一个;
* ⑦sort(function);【原数组会被改变】对数组进行排序,
* >>>不指定排序顺序,按照数值的ascii码值进行排列;
* >>>传入排序函数:默认两个参数a,b,如果返回值>0,则a>b,反之返回<0
arr3.sort(function(a,b){
return a-b;//b在前,a在后,升序排列
return b-a;//a在前,b在后,降序排列
/*if(a>b){
return 1;
}else(a<b){
return -1;
}else{
return 0;
}
二维数组&稀疏数组(了解)
①稀疏数组:数组并不含有从0开始到length-1的所有索引(length值闭实际元素个数多)
②二维数组:var arr4 = [[1,2,3],[4,5,6],[7,8,9],[0,1,2]]相当于四行三列的矩阵
取出二维数组元素:arr4[行号][列号];可使用循环遍历
③indexof(value,index)返回value值对应的下表位置,若未找到,返回-1
lastindexof(value,index)返回最后一个value对应的下标位置,若未找到,返回-1
>>>若未指定index参数,默认在数组所有元素中查找,若指定index,则从当前index开始,向后查询

6、引用数组类型:(数组/对象)赋值时将原变量的地址,赋给新变量 ,两个变量修改的是同一数据,所以修噶其中一个变量,另一个跟着变化
基本数据类型:赋值时,是将变量的值,赋值给新的变量,两个变量属于不同的内存空间,修改其中一个,互不干扰。

 

 

boolean类型
*/
var isTrue = true;//单纯变量
var isTrue1 = new Boolean(true);//一个Boolean类型的对象
console.log(isTrue1)
/*
* number类
* nember.Max_VALUE 可表示的最大数
* number.Min_VALUE 课表时的最小数
* .toString();将数值转为字符串 相当于num+空字符串
* .tolocaleString();将数字按照本地格式的顺序转为字符串。一般三个一组加逗号
* .tofixed(n):将数字转为字符串,保留n位小数,四舍五入
* .toPrecision(n):将数字格式化为指定长度,n=不含小数点的所有位数和
* .valueOf()返回number对象的基本数字值
*/


/* 重要!!!!
* 字符串String
* 1、属性str.length返回字符串的长度
* 2、方法:
* .toLocaleLowerCase()所有字符转为小写
* .toUpperCase()所有字符转为大写
* .charAt(n)截取字符串中得第n个字符
.indexOf("查询子串",index)查询从index开始的,第一个子串的索引,没找到返回-1,通数组indexOf()方法
.substr(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 obj = {
* key1=value1
* key2=value2
* func:function(){};
* };
* 对象中的键,可以是任何数据类型,但一般用作普通变量名(不需要"")即可
* 对象中的值可以是任何数据类型,单字与值符串必须用""包裹
* 多组键值对之间用英文逗号分隔,键值对的键与值之间英文冒号分隔
*
* ④new关键字var lisi = new Object();
lisi.name="李四"
lisi.say = function(){
console.log("我是"+this.name)
}
lisi.say();
*
* 3、属性和方法的读写
* ①.运算符:对象内部:this.属性名 this.方法名()
* 对象外部:对象名.属性名 对象名.方法名
* >>>如果key中包含特殊字符,则无法使用第①种方式,必须使用第②种
* >>>对象中,直接写变量名,默认调用全局变量,如果需要调用对象自身属性,则需要通过this关键字
* ②通过["key"]调用 对象名["属性名"] 对象名["方法名"]()
* ③删除对象的属性和方法:delete 对象名.属性名/方法名
*

 











































































































































































以上是关于JS续的主要内容,如果未能解决你的问题,请参考以下文章

Node.js mm131图片批量下载爬虫1.01 增加断点续传功能

js 二维数组去重(续)

js 实现图片上传 续

零基础学习js——基础续

js事件续(事件类型)

Node.js / express:立即响应客户端请求并在 nextTick 中继续任务