考试题

This commit is contained in:
asd
2021-04-01 09:06:07 +08:00
parent 9bf8e8d020
commit 71190d870d
47 changed files with 3570 additions and 239 deletions

View File

@@ -0,0 +1,227 @@
# javascript 基础测试
## 单选题
1. javascript 代码需要放置在______标签之间
A.scripe
B.javascript
C.script
D.scripte
答案 A
解析 js代码需要放置在script标签之间才能被识别
2. script 标签可以被放置的位置是
A.<!doctype>文档声明之后就可以
B.boby标签内部
C.html标签结束之后
D.head标签内部
答案 D
解析 script标签可以放置在 head标签内或者是 body 标签内部
B选项是boby标签
3. 下面哪种javascript引入方式是错误的
A.在.html文件中的body标签中创建script 标签 在script 标签中写 js代码
B.在.js文件中写js代码 在.html通过 ``` <link src="js文件路径"> ```
C.在html 标签内执行js语句 如:``` <button onclick="alert()">save</button> ```
D.在.html文件内 在head标签中创建script 标签 在script 标签中写 js代码
答案 B
解析 link标签是用来引入外部css文件的
1. 下面两段代码js文件的加载顺序
demo1:
```
<script async src="js/vendor/jquery.js"></script>
<script async src="js/script2.js"></script>
<script async src="js/script3.js"></script>
```
demo2:
```
<script defer src="js/vendor/jquery.js"></script>
<script defer src="js/script2.js"></script>
<script defer src="js/script3.js"></script>
```
A.demo1的顺序为jquery.js, script2,script3
demo2的顺序为script2.js, script3.js, jquery
B.demo1的顺序为script2.js,script3.js,jquery.js
demo2的顺序为script3.js,script2.jsjquery.js
C.demo1的顺序为只执行script2
demo2的顺序是 jquery.js, script2.js, script3.js
D.demo1的顺序是script3.js,script2.js,jquery.js
demo2的执行顺序是script3.js script2.js jquery,js
答案C
解析 引入js时 script标签中加入async后js文件的执行顺序不确定 。但是 如果js代码报错就会造成阻塞 即后面的js代码不执行 所以 demo1 除了jquery.js, script2.js, script3.js 这个顺序之外 其他顺序会因为报错只执行第一个
引入script标签中加入 defer后js文件执行顺序确定为 文件引入的顺序
defer属性只支持外部引入的方式
2. 下面哪一种js注释添加方式是正确的
A. /
B.//
C.\
D.*
答案 B
js单行注释 符号是// js多行注释符号是 /* */
3. console.log()在chrome运行的结果会打印在哪里
A. 页面上
B.开发者工具中的sources中
C.开发者工具中的xhr中
D.开发者工具的console中
答案 D
解析 console.log 会打印在chrome浏览器的console板块中
4. 下面哪种JavaScript输出数据方式的表述是错的
A.使用 window.alert() 弹出带输入框的警告框。
B.使用 document.write() 方法将内容写到 HTML 文档中。
C.使用 innerHTML 写入到 HTML 元素。
D.使用 console.log() 写入到浏览器的控制台。
答案: A
解析 alert 弹出的警告框不包含 输入框
5. 下面哪个关键字能声明js变量
A.def
B.var
C.数据类型+变量名=变量值
D.变量不需要声明 直接写变量名就行
答案 B
6. 下面哪个不是js关键字
A.abstract
B.let
C.import
D.absolute
答案 D
解析 absolute是css的绝对定位
7. 下面哪个变量名符合要求
A.shop1
B.public
C.point&
D.12SY
答案 A
解析:
名称可包含字母、数字、下划线和美元符号
名称必须以字母开头
名称也可以 $ 和 _ 开头(但是在本教程中我们不会这么做)
名称对大小写敏感y 和 Y 是不同的变量)
保留字(比如 JavaScript 的关键词)无法用作变量名称
8. 阅读下面代码 选择运行结果
code :
```
var person = "Bill ";
var person1="Bill";
console.log(person,person1)
```
A. bill Bill
B. BillBill
C.BILLBILL
D. billbill
9. 将 "025.5" 的string类型变量转化为 number 类型后 值是
A.0255
B.255
C.25.5
D.5.5
10. 1 + 1aa 的运算结果是
A.11aa
B.2
C.2aa
D.1aa
11. 0 || 3 || 3 的返回结果是
A.0
B.3
C.true
D.1
12. 1 && 0 && 5 的返回结果是
A.0
B.1
C.true
D.5
## 填空题
1. 什么是字面量 常见的字面量有__ , __ , __ , __ , __ , __
答案字面量literal用于表达源代码中一个固定值的表示法notation
字符串自变量 整数字面量 浮点数字面量 布尔字面量 数组字面量 对象字面量
2. 运算符的优先级
3. js基本数据类型和引用数据类型的区别是__________
4. 外部引入js文件的优势是
5. 在html中 javascript语句是由 "执行"的"指令"
6. javascript语句由 构成
7. 分割javascript语句
8. 阅读下面代码 写出运行结果
code :
```
typeof "John"
typeof 3.14
typeof NaN
typeof false
typeof [1,2,3,4]
typeof {name:'John', age:34}
typeof new Date()
typeof function () {}
typeof myCar // (如果 myCar 没有声明)
typeof null
```
答案:
```
typeof "John" // 返回 string
typeof 3.14 // 返回 number
typeof NaN // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object
typeof {name:'John', age:34} // 返回 object
typeof new Date() // 返回 object
typeof function () {} // 返回 function
typeof myCar // 返回 undefined (如果 myCar 没有声明)
typeof null // 返回 object
```

View File

@@ -0,0 +1,191 @@
# web前端javascript综合水平测试
## 填空
1. javascript 由 ,三部分组成,简单介绍一下这三部分
2. 检测数据类型的方式有 三种方式什么区别
3. 检测NaN的数据类型结果为
4. js中 对象转json的方法为 json格式转对象的方法为
5. js 浏览器对象模型包括 ,五部份 分别介绍一下这5部分
6. var a=1;console.log(a++) 运行的结果为:
7. js运算符的优先级
8. js设置属性和属性值的方法为
9. 五大主流浏览器及内核
10. jq ajax基本结构及解释
11. 本地缓存的增删改查
12. jq选择器列举
## 指出下面代码运行结果并分析其执行过程
1 .
```
function a(n) {
if (n <= 1) {
return 1
} else {
return n * a(n - 1)
}
}
console.log(a(5))
var cheng=a
a=null
console.log(cheng(5))
```
2
```
function C1(name) {
if (name) {
this.name = name;
}
}
function C2(name) {
this.name = name;
}
function C3(name) {
this.name = name || 'join';
}
C1.prototype.name = 'Tom';
C2.prototype.name = 'Tom';
C3.prototype.name = 'Tom';
alert((new C1().name) + (new C2().name) + (new C3().name));
```
3
```
function fn()
{
this.user = '追梦子';
var obj={user:"momo"}
return {};
}
var a = new fn;
console.log(a.user);
```
4
```
window.color = 'red';
document.color = 'yellow';
var s1 = {color: 'blue' };
function changeColor(){
console.log(this.color);
}
changeColor.call();
changeColor.call(window);
changeColor.call(document);
changeColor.call(this);
changeColor.call(s1);
```
## 简答题
1. 说明call,apply,bind 的区别几个
2. js的typeof的返回值有哪些
3. 说出数组相关的几个方法并说明作用
4. ajax请求时的get、post的区别
5. 如何阻止浏览器的默认事件
6. 如何阻止事件冒泡
7. == 和===的区别
8. 局部变量和全局变量的区别
## 通过代码实现下面要求
1. 通过原型链实现对象继承
2. js手动实现 jq的链式操作
3. 做一个网页计算器 实现输入两个数 完成加减乘除四则运算
4. 实现一个打点计时器,要求
1、从 start 到 end包含 start 和 end每隔 100 毫秒 console.log 一个数字,每次数字增幅为 1start 和end为用户输入
2、返回的对象中需要包含一个 cancel 方法,用于停止定时操作
5. 在页面上将下面的json数据需要放到表格里
json数据为
[{"title":"史莱姆1号","auth":'咖啡不放糖',"content":"别看我只是一直史莱姆","date":"2020/03/05"},{"title":"史莱姆2号","auth":'咖啡不放糖',"content":"别看我只是一直史莱姆","date":"2020/03/05},{"title":"史莱姆3号","auth":'咖啡不放糖',"content":"别看我只是一直史莱姆","date":"2020/03/05"},{"title":"史莱姆4号","auth":'咖啡不放糖',"content":"别看我只是一直史莱姆","date":"2020/03/05"},{"title":"史莱姆5号","auth":'咖啡不放糖',"content":"别看我只是一直史莱姆","date":"2020/03/05}]
注: title对应文章标题auth 对应的是作者 contnet对应的是简介 date对应的是日期
6. 实现 fizzBuzz 函数,参数 num 与返回值的关系如下:
1、如果 num 能同时被 3 和 5 整除,返回字符串 fizzbuzz
2、如果 num 能被 3 整除,返回字符串 fizz
3、如果 num 能被 5 整除,返回字符串 buzz
4、如果参数为空或者不是 Number 类型,返回 false
5、其余情况返回参数 num

View File

@@ -0,0 +1,157 @@
# 考试题目
## 填空
1. js变量类型一共有 种,分别是哪些
2. 将 "025.5" 的string类型变量转化为 number 类型后 值是什么?
3. 1 + 1 的运算结果是
4. 0 || 3 的返回结果是
5. 1 && 5 的返回结果是
6. 三种数据类型检测的方法
7. js选中dom元素的几种方式 至少5种
8. jq选择器 至少5种(含组合型选择器) 并附上说明
## 简答
1. 定义一个数组[1,2,4,8,32] 计算所有数组元素的总和。
2. 定义一个方法 接受一个参数 计算从1 到传入数字的总和(累加)
3. 定义一个方法 接受一个参数 返回传入的参数是不是偶数 偶数返回 1 奇数返回 0
4. 有下面一段代码 请写出答案
```javascript
let obg = {
name:"啦啦啦",
age:18
};
function func(o){
o.name = 123
}
func(obg);
```
执行完之后obg的值是什么 为什么
5. 有下面一段代码 请写出答案
```javascript
let n = "喵喵喵"
window.n = "汪汪汪"
let obg = {
n:"啦啦啦",
echo: ()=> {
return this.n;
}
}
let jieguo = obg.echo()
```
请问变量 jieguo 的值是什么,为什么
6. 请写出一个构造函数 他有一个name 属性和一个 echo方法 执行echo的时候会返回他name的值 new 的时候将传入的参数的值赋值给name
7. 分析下面代码的预编译过程
```
var shopname='解忧杂货店';
var auth="东野圭吾"
function echo(){
var say=function(){console.log("welcome")}
age=40
function end(){
console.log('欢迎下次光临')
}
}
```
8. 用js创建元素的方式 画一个五环之歌
如下:
![image-20210219130402087](E:\web\考试\前端考试原题.assets\image-20210219130402087.png)

Binary file not shown.

View File

@@ -0,0 +1,165 @@
# 考试题目
## 填空
1. js由几部分组成 分别是
2. js数据类型中原始值与引用值的区别为
3. 将 "025.5" 的string类型变量转化为 number 类型后 值是什么?
4. 1 + 1aa 的运算结果是
5. 0 || 3 || 3 的返回结果是
6. 1 && 0 && 5 的返回结果是
7. 三种数据类型检测的方法
8. typeof 的返回值有
9. 列举几个与页面交互的函数
10. 列举操作数组的常用方法
## 简答
1. 定义一个数组[1,2,4,8,32] 计算所有数组元素的总和。
2. 定义一个方法 接受一个参数 计算从1 到传入数字的总和(累加)
3. 定义一个方法 接受一个参数 返回传入的参数是不是偶数 偶数返回 1 奇数返回 0
4. 某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,
加密规则如下每位数字都加上5,然后用除以10的余数代替该数字再将第一位和第四位交换
第二位和第三位交换,请编写一个函数,传入原文,输出密文
5. 写一个函数实现传入一个数组返回冒泡排序后的结果
6. 读代码 写出执行结果 并且分析原因
```
const pri=10
pri=8(pri)
```
```
var num=0
num++
console.log(++num)
```
```
var echo=function(e){
console.log("传入的值为"+e)
return
console.log("echo")
}
```
```
var a=0
while(a<5){
console.log(true)
}
```
```
function say(){
console.log(hello)
return
}
var word=say()
console.log(word)
```