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 对象名.属性名/方法名
*

 

转载于:https://www.cnblogs.com/adaia/p/6753622.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/355757.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

终端主题_泛终端全渠道新模式中国移动5G泛智能终端渠道生态合作峰会开幕

11月20日&#xff0c;以“泛终端 全渠道 新业态 新模式”为主题的中国移动5G泛智能终端渠道生态合作峰会在广州成功举办。作为2020中国移动全球合作伙伴大会期间举办的重要主题峰会之一&#xff0c;该峰会吸引了超过100家终端、渠道等产业链合作伙伴&#xff0c;会议通过咪咕直…

jq中查找上级_【节能学院】电能管理系统在福州三岐小学项目中的设计及应用...

1项目概述该项目总投资约2.6亿元&#xff0c;建筑规模为4.8万㎡&#xff0c;建设地点在南屿镇葛岐村、晓岐村。项目设有教学楼A区、教学楼B区、教学楼C区、综合楼一区、综合楼二区、室内篮球场、室内游泳馆、足球场等。此电能管理系统为Acrel-3000V7.1系统&#xff0c;在结构设…

5!(简单的了解for循环与递归的区别)

public class Five_factorial {public static void main(String[] args) {/*** 1.普通方法实现5的阶乘*/int f 1;for (int i 5; i > 1; i--) {f * i;}System.out.println(f);/*** 2.运用递归实现5的阶乘*/int n 5;Five_factorial five_factorial new Five_factorial();f…

在本地安装独立的HBase和Apache Storm简单集群

我们主要使用Apache Storm进行流处理&#xff0c;并使用Apache HBase作为NoSQL宽列数据库。 即使Apache Cassandra是一个出色的NoSQL数据库&#xff0c;由于Cloudera的分布以及与Cassandra相比更加一致 &#xff08;请检查CAP定理 &#xff09;&#xff0c;我们还是更喜欢HBas…

auc 和loss_深入理解AUC

在机器学习的评估指标中&#xff0c;AUC是一个最常见也是最常用的指标之一。AUC本身的定义是基于几何的&#xff0c;但是其意义十分重要&#xff0c;应用十分广泛。本文作者深入理解AUC&#xff0c;并总结于下。AUC是什么在统计和机器学习中&#xff0c;常常用AUC来评估二分类模…

[HTML5amp;CSS3]Transform具体解释

Transform字面上就是变形&#xff0c;改变的意思。在CSS3中transform主要包含以下几种&#xff1a;旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。以下我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate详细怎样实现。老样…

perl转python_将行转换为perl或python中的列

我认为你可以用一张桌子做好&#xff0c;所以我会告诉你如何做你要求的和我认为好的。$name "";$data {};open(IN, "build.txt");foreach my $line (){if($line ~ /Re: (.*)\n/) { # get building name$name $1;$name ~ s/ /_/;$data->{$name} []; …

比亚迪定薪后多久给offer_比亚迪车主给爱车做四门隔音,没想到两年后肠子都悔青...

许多车主都有过这样的经历&#xff1a;总感觉爱车的静谧性不够如意&#xff0c;为了提升隔音效果改善驾乘质感&#xff0c;往往产生给爱车做一个全车隔音的冲动。只不过冲动归冲动&#xff0c;在着手对车子进行隔音改造工程前&#xff0c;一定要选择靠谱的隔音材料&#xff0c;…

Centos开机自己主动挂载windows中的ntfs磁盘

装了windows和centos双系统后&#xff0c;发如今centos中无法进入windows中的磁盘&#xff0c;更不要说查看磁盘里的文件了&#xff01; 原来默认情况下。centos不支持Widows NTFS硬盘分区读写&#xff0c;要想把NTFS格式的磁盘挂载到CentOS 以下须要安装第三方软件ntfs-3g。…

人工智能方向毕业设计_毕业季|广州美术学院视觉设计学院毕业设计展

视觉艺术设计学院成立于2010年9月&#xff0c;由广州美术学院最传统的装潢系和新兴的数码艺术设计系联合组建而成&#xff0c;2018年11月&#xff0c;艺术与科技专业并入学院。学院现拥有视觉传达设计、数字媒体艺术设计、动画、艺术与科技4个专业。视觉文化设计工作室 视觉文化…

江西住建云实名认证怎么弄_王者荣耀无限时间怎么弄 2020年无限时间账号

腾讯游戏都是有健康系统的&#xff0c;王者荣耀自然也不例外&#xff0c;王者还是第一批出健康系统的游戏&#xff0c;今年健康系统同时有时间限制和充值限制&#xff0c;未成年玩家一天最多只能玩1.5个小时&#xff0c;游戏现在有传闻无限时间账号&#xff0c;那么无限时间怎么…

coherence安装_在Oracle Coherence中分发Spring Bean

coherence安装本文展示了如何通过使用Oracle Coherence中的EntryProcessor和可移植对象格式&#xff08;POF&#xff09;功能来分发Spring Bean。 Coherence通过EntryProcessor API支持无锁编程模型。 此功能通过减少网络访问并在条目上执行隐式的低级锁定来提高系统性能。 此隐…

spring 的aop操作

转载于:https://www.cnblogs.com/hwgok/p/6760663.html

excel 公式 单引号 concat_Excel两个新函数帮你快速搞定批量连接

如果将两个文本连接起来&#xff0c;通常第一反应用连接符号"&"。使用连接符&连接文本字符记得曾经有记者采访刘强东问奶茶妹妹漂不漂亮&#xff0c;他竟然回答看不出来好赖…当时真觉得这家伙身在福中不知福&#xff0c;饱汉不知饿汉饥。果然之后还闹出一些…

向量表示 运动抛物线_ALevel物理知识点详解:抛物线运动

考培雅思留学申请一站式服务&#xff0c;专为有志于申请英国G5超级精英大学以及澳洲八大、新加坡顶尖高校的中学生设计。开设有数学、进阶数学、物理、化学、生物、经济、会计等理科、商科、人文类课程&#xff0c; 学生可根据优势学科、兴趣爱好自由选择3-4门学习。锦秋A-Leve…

练习~虚拟线上银行

数据库操作&#xff0c;网络编程及多线程的综合练习~ 客户端&#xff1a; UI层 1 import javax.swing.*;2 import java.awt.*;3 import java.awt.event.*;4 5 public class ATMUI{6 7 //主方法8 public static void main(String [] args){9 ATMUI ui new ATMUI();…

mybatisplus 操作另一个数据库的数据_MySQL数据库的基础操作

一、基本概念数据库术语数据库(database) - 保存有组织的数据的容器(通常是一个文件或一组文件)。数据表(table) - 某种特定类型数据的结构化清单。模式(schema) - 关于数据库和表的布局及特性的信息。模式定义了数据在表中如何存储&#xff0c;包含存储什么样的数据&#xff0…

JEP 277“增强弃用”非常好。 但这是一个更好的选择

维护API很难。 我们正在维护非常复杂的jOOQ API。 但是就语义版本而言&#xff0c;我们遵循相对宽松的规则 。 当您阅读Brian Goetz和其他人关于在JDK中保持向后兼容性的评论时&#xff0c;我只能对他们的工作表示敬意。 显然&#xff0c;我们都希望最终移除Vector &#xff…

ds哈希查找—二次探测再散列_大白话之哈希表和哈希算法

哈希表概念哈希表&#xff08;散列表&#xff09;&#xff0c;是基于关键码值(Key value)而直接进行访问的数据结构。也就是说&#xff0c;它通过把关键码值映射到表中一个位置来访问记录&#xff0c;以加快查找的速度。这个映射函数叫做散列函数&#xff08;哈希函数&#xff…

QBC(Query By Criteria) QBE (Query By Example)

QBC 参考&#xff1a;(Hibernate的QBC查询) //is empty and is not emptyTestpublic void testQBC(){Session session sf.getCurrentSession();session.beginTransaction();//criterion 标准/准则/规范Criteria c session.createCriteria(Topic.class)//from Topic.add(Rest…