栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

JavaScript

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript

注意,本篇文章仅供期末复习参考,非必考内容

JavaScript
  • 1 简答题常考知识点
    • 1.1 用两种方式定义对象、数组及函数
    • 1.2 简述事件流、事件冒泡、事件捕获
    • 1.3 DOM 节点操作
      • 1.3.1 创建节点
      • 1.3.2 添加节点
      • 1.3.3 删除节点
      • 1.3.4 复制节点(克隆节点)
      • 1.3.5 获取节点
    • 1.4 简述结束循环的三个关键字
    • 1.5 简述JavaScript 中“== ”和 “=== ”的区别
  • 2 应用题常考知识点
    • 2.1 jQuery应用题
    • 2.2 JavaScript基础程序题
    • 2.3 JavaScript基础程序题
  • 3 JavaScript基础知识
    • 3.1 选择题常考知识点
    • 3.2 判断题常考知识点
    • 3.3 填空题常考知识点

1 简答题常考知识点 1.1 用两种方式定义对象、数组及函数

对象的创建:
(1)利用字面量创建对象

var person ={
        name: "lisi",
        age: 21,
        family: ["lida","lier","wangwu"],
        say: function(){
            alert(this.name);
        }
    };

(2)利用new Object 创建对象

var person = new Object();
    person.name = "lisi";
    person.age = 21;
    person.family = ["lida","lier","wangwu"];
    person.say = function(){
        alert(this.name);
    }

(3)利用构造函数创建对象

function Person(name,age,family) {
    this.name = name;
    this.age = age;
    this.family = family;
    this.say = function(){
        alert(this.name);
    }
}
var person1 = new Person("lisi",21,["lida","lier","wangwu"]);

数组的创建:
(1)使用new Array()创建数组

var arr=new Array();     创建一个新的空数组

(2)使用字面量来创建数组

var arr=[]               创建一个新的空数组
var arr=[1,2,3,4,5,true,'芙蓉']

函数的创建:
(1)声明式:解析器会先读取函数声明,并使其在执行任何代码之前可以访问;

function Function1(x,y){
    return x + y;
}

(2)匿名式:必须等到解析器执行到它所在的代码行才会真正被解释执行

var fn=function(x,y){
    return x + y ;
}

1.2 简述事件流、事件冒泡、事件捕获

事件流: 事件发生时,会在发生事件的元素节点与DOM树根节点之间按照特定的顺序进行传播,这个传播过程就是事件流。
事件捕获: 事件传播的初始场景,从包装元素开始,一直到启动事件生命周期的目标元素。
事件冒泡: 从一个子元素开始,在 DOM 树上传播,直到最上面的父元素事件被处理。


1.3 DOM 节点操作 1.3.1 创建节点
document.createElement()   创建由tagName 指定的 HTML 元素
1.3.2 添加节点
node.appendChild()         将一个节点添加到指定父节点的子节点列表末尾
node.insertBefore()        将一个节点添加到父节点的指定子节点前面
1.3.3 删除节点
node.removeChild()         从DOM中删除一个子节点,返回删除的节点
1.3.4 复制节点(克隆节点)
node.cloneNode()           返回调用该方法的节点的一个副本
1.3.5 获取节点
document.getElementById();                     //id名,
document.getElementsByTagName();              //标签名
document.getElementsByClassName();            //类名
document.getElementsByName();                 //name属性值,一般不用
document.querySelector();                     //css选择符模式,返回与该模式匹配的第一个元素,结果为一个元素;如果没找到匹配的元素,则返回null
document.querySelectorAll()                   //css选择符模式,返回与该模式匹配的所有元素,结果为一个类数组

1.4 简述结束循环的三个关键字
  1. break: 用于退出switch语句或循环语句;
  2. continue: 用于跳过循环中的一个迭代,并继续执行循环中的下一个迭代;
  3. return: 用于终止函数的执行并返回函数的值。
    break是结束整个循环体;continue是结束单次循环;return是结束整个函数。

1.5 简述JavaScript 中“== ”和 “=== ”的区别

“==”: 用来进行一般比较,检测两个操作数是否相等,可以允许进行类型转换。
“===”: 用于严格比较,首先比较两边的变量数据类型是否相等,其次比较两边的变量的数值是否相等,只要类型不匹配就返回flase。


2 应用题常考知识点 2.1 jQuery应用题
  1. append()的作用:把元素添加到匹配元素内部的最后面

  2. 如何绑定click事件:

$("div").click(function(){            通过事件方法绑定[单击]事件
	$(this).css("background","red");
	}
)

$("div").on("click",function(){        通过on()方法绑定[单击]事件
	$(this).css("background","yellow");
	}
)
  1. 层级选择器的方式

  1. CharAt的作用:返回指定索引位置处的字符
function charAtTest(n){
   var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; // 初始化变量
   var s;                                  // 声名变量
   s = str.charAt(n - 1);                  // 从索引为n – 1的位置处获取正确的字符。
   return(s);                              //返回字符
}
  1. 数组push:向数组中添加新元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")

输出:Banana,Orange,Apple,Mango,Kiwi
  • 分析代码块的作用:略

2.2 JavaScript基础程序题

1.输入数据

var name = prompt('请输入您的名字'); //会在输入窗显示给用户看的提示信息
alert(name);                    // 打印用户名字

2.if … else等基本语句使用

if (condition1)
{
    当条件1为true时执行的代码
}
else if (condition2)
{
    当条件2为true时执行的代码
}
else
{
  当条件1和条件2都不为true时执行的代码
}
2.3 JavaScript基础程序题


3 JavaScript基础知识 3.1 选择题常考知识点
  • JavaScript:动态、弱类型、非数据驱动、编译型
  • 事件驱动不属于JavaScript的类型
  • JavaScript(第一版)诞生在1995年五月
  • JavaScript 保留关键字
  • arguments 是一个对应于传递给函数的参数的类数组对象
  • 在JavaScript中,数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object
  • “==”的例子
var valueOne = 3;
var valueTwo = "3";
if (valueOne == valueTwo) {
    console.log("相等");
} else {
    console.log("不相等");
}
输出:相等
  • oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
  • var变量提升问题
  console.log(a);     //输出:undefined
     var a = 1;
     console.log(a);    // 输出:1
  • 在JavaScript 中,使用 document 对象的 createElement() 方法能够根据参数指定的标签名称创建一个新的元素,并返回新建元素的引用。

  • window对象中关于时间方面的两个常用方法

  • navigator对象包含有关访问者浏览器的信息,可以被用来检测客户端的浏览器配置。

  • 箭头函数可以使用return返回数据

3.2 判断题常考知识点
  • (HTTP)源服务器未能找到目标资源,显示:404
  • Set不允许值重复;Map提供了键值对
  • for of可以遍历Map
  • css可以设置元素的样式
  • jQuery中on()方法可以进行事件绑定
  • 在JQuery中,使用each()方法可以遍历元素
3.3 填空题常考知识点
  • 判断数据类型的方法:typeof()
  • js中定义常量的关键字:const
  • Js中 Symbol 对象 ES6 引入了一种新 的 基本数据类型,表示独一无二的值:symbol
  • js中,失焦触发onblur(),获取焦点出发onfocus(),元素的值发生改变时触发onchange()。
  • 在jQuery中封装ajax最基础的方法:$.ajax()
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/991523.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号