考试题
This commit is contained in:
BIN
考试/原题/javascript基础测试-运算符刚开始.docx
Normal file
BIN
考试/原题/javascript基础测试-运算符刚开始.docx
Normal file
Binary file not shown.
227
考试/原题/javascript基础测试-运算符刚开始.md
Normal file
227
考试/原题/javascript基础测试-运算符刚开始.md
Normal 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.js,jquery.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
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
191
考试/原题/前端js综合水平测试.md
Normal file
191
考试/原题/前端js综合水平测试.md
Normal 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 一个数字,每次数字增幅为 1(start 和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
|
||||
157
考试/原题/前端js阶段性测试原题.md
Normal file
157
考试/原题/前端js阶段性测试原题.md
Normal 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创建元素的方式 画一个五环之歌
|
||||
|
||||
如下:
|
||||
|
||||

|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
考试/原题/前端js阶段性测验 .docx
Normal file
BIN
考试/原题/前端js阶段性测验 .docx
Normal file
Binary file not shown.
165
考试/原题/前端js阶段性测验 .md
Normal file
165
考试/原题/前端js阶段性测验 .md
Normal 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)
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user