前端笔试2

news2024/9/27 9:25:15

1.下面哪一个是检验对象是否有一个以自身定义的属性?

  • foo.hasOwnProperty("bar")
  • bar in foo 
  • foo["bar"] !== undefined
  • foo.bar != null

解析：

`bar in foo` 检查 `foo` 对象是否包含名为 `bar` 的属性，但是这个属性可以是从原型链继承来的，因此不是检验对象是否有一个以自身定义的属性的正确方法。

`foo["bar"] !== undefined` 和 `foo.bar != null` 都可以检查对象是否有一个名为 `bar` 的属性，但是它们不能区分该属性是否是从原型链继承来的。因此，它们也不是检验对象是否有一个以自身定义的属性的正确方法。

2.如何返回下面的数组的第一个值?
var myArr = [1, 2, 3, 4, 5];

var myVal =

  • myArr.unshift();                       将指定元素插入数组开头，并返回新数组长度
  • myArr[1];                                 返回第二个元素
  • myArr.shift():                            删除并返回第一个元素
  • myArr.pop();                             删除并返回最后一个元素

扩展知识（数组的操作）：

 1. `concat()`：连接两个或多个数组，并返回结果。
2. `copyWithin()`：从数组的指定位置拷贝元素到数组的另一个指定位置中。
3. `entries()`：返回数组的可迭代对象。
4. `every()`：检测数值元素的每个元素是否都符合条件。
5. `fill()`：使用一个固定值来填充数组。
6. `filter()`：检测数值元素，并返回符合条件所有元素的数组。
7. `find()`：返回符合条件的第一个元素的值。
8. `findIndex()`：返回符合条件的第一个元素的索引。
9. `forEach()`：调用数组中的每个元素，并将元素传递给回调函数。
10. `includes()`：判断数组是否包含某个指定的值，如果是返回 true，否则返回 false。
11. `indexOf()`：搜索数组中的元素，并返回它所在的位置。
12. `join()`：把数组中所有元素放入一个字符串。
13. `keys()`：返回数组可迭代对象的新 Array Iterator 对象。
14. `lastIndexOf()`：从后向前搜索数组中的元素，并返回它所在的位置。
15. `map()`：通过指定函数处理数组中的每个元素，并返回处理后的新数组。
16. `pop()`：删除并返回数组的最后一个元素。
17. `push()`：向数组末尾添加一个或多个元素，并返回新的长度。
18. `reduce()`：将数组元素计算为一个值（从左到右）。
19. `reduceRight()`：将数组元素计算为一个值（从右到左）。
20. `reverse()`：颠倒数组中元素的顺序。
21. `shift()`：删除并返回数组的第一个元素。
22. `slice()`：选取数组中的一部分，并返回一个新数组。
23. `some()`：检测数值元素是否满足指定条件，如果有任意一个满足则返回 true，否则返回 false。
24. `sort()`：对数组进行排序（按字母顺序升序）。
25. `splice()`：删除或替换指定位置的元素，并可添加新元素，同时返回被删除/替换的项目¹.
26. `toLocaleString()`：把数组转换为本地字符串，并返回结果字符串.
27. `toString()`：把数组转换为字符串，并返回结果字符串.
28. `unshift()`：向数组开头添加一个或多个元素，并返回新长度.

 3、True+True的结果是？

  • true
  • undefined
  • 2

解析：当使用 `+` 运算符将两个布尔值相加时，它们会被转换为数字。在 JavaScript 中，`true` 转换为 `1`，而 `false` 转换为 `0` 。因此，`True+True` 的结果是 `1+1`，即 `2`。

 4、文本域的type设为___,可以创建单选按钮

  • radio
  • checkbox
  • text

解析：文本域是一种多行文本输入控件，它使用 `<textarea>` 标签来定义。文本域没有 `type` 属性，因此不能将其设置为单选按钮或复选框。如果您想创建单选按钮，可以使用 `<input>` 标签并将其 `type` 属性设置为 `radio`。如果您想创建复选框，可以使用 `<input>` 标签并将其 `type` 属性设置为 `checkbox`。（题目有点表达错误，勉强选radio）

扩展知识（文本域的属性）： 

`<textarea>` 标签有以下属性：

- `cols`：指定文本区域中可见的列数。
- `dirname`：指定文本区域中文本的方向。
- `disabled`：禁用文本区域。
- `form`：指定文本区域所属的表单。
- `maxlength`：指定文本区域中允许输入的最大字符数。
- `name`：指定文本区域的名称，用于提交表单数据。
- `placeholder`：指定在用户输入内容之前在文本区域中显示的提示信息。
- `readonly`：指定文本区域为只读模式，用户无法编辑其中的内容。
- `required`：指定文本区域为必填项，用户必须填写其中的内容。
- `rows`：指定文本区域中可见的行数。
- `wrap`：指定当用户输入内容超出文本区域时如何换行。

5.html5中使用属性来给用户输入前提示

  • help
  • msg
  • tips
  • placeholder

解析：在 HTML5 中，可以使用 `placeholder` 属性来为用户输入前提供提示信息。该属性可以用于 `<input>` 和 `<textarea>` 标签，它指定了一个短的提示，描述了输入字段的预期值。该提示在用户输入值之前显示在输入字段中，并在用户开始输入时自动消失。请注意，`placeholder` 属性只适用于以下输入类型：`text`、`search`、`url`、`tel`、`email` 和 `password` 

6.图片标签是

  • image
  • gif
  • img
  • jpeg

解析：

7.___标签定义了html的主体

  • head
  • meta
  • html
  • body

解析：

9.下面语句的结果是什么? 0 ==““

  • true

  • 抛出异常，不合法的比较操作

  • false

  • null

解析：

10.在web应用中使用Ajax技术的主要好处是

  • Ajax使创建可访问的(正常人和身体有缺陷的人都可用) web页面更容易
  • Ajax支持web应用向服务器发送异步数据请求，而不用重加数页面
  • Ajax让web应用“更先进”
  • Ajax让web应用更容易被Google、Yahoo和Bing等搜索引擎更容易抓取

解析：

12.以下哪个doctype是用来表示html5的

  • <!DOCTYPE html>
  • <!DOCTYPE HTMLPUBLIC"-JW3C/DTD HTML5 Transitional/EN""http:wngTRhtmitoo
  • <!DOCTYPE html5>
  • <!DOCTYPE HTML PUBLIC "-JW3C/DTD HTML .01 Transitional/EN”"hp:l.gTR/htmiAoos.dd> 

解析：

13.根据ECMAScript规范，下面哪一个不是“JSON”对象中的方油

  • JSON.parse
  • JSON.fromString
  • JSON.stringify

解析：

14.null，undefined，"string”，20，true和false的共同点是什么?

  • 都有相同的实例属性
  • 都是原始值
  • 都是对象
  • 都是函数 

解析：

15.执行 +new Date()、将会得到:

  • 以毫秒表示的Unix时间戳(UTC 时区)
  • 以毫秒表示的Unix时间戳(本地时区)
  • Unix纪元(1970-01-0100:00:00)
  • 报SyntaxError 

解析：

16.var a = function(){}；

a()返回什么?

  • 不是合法的JavaScript 语法
  • 会报错
  • null
  • undefined 

解析：

 17、AJAX的长轮询(long-polling) 的目的是什么

  • 支持跨域传输数据
  • 在执行客户端代码之前校验服务端能力
  • 在Ajax驱动的web应用中支持离线功能
  • 保持与服务器的双向连接

解析：

18.var a={1:'one',2:'two',3:'three'}; var b= Object.keys(a); b内值是什么?

  • 一个数组，值为对象a的全部不相同的key
  • 对象a的序列化副本
  • 一个对象，自动生成了get和set方法来获取它的keylvalue
  • 这些都不是

解析：

19.要显示一个提交按钮，可以用以下哪种形式?

  • <input type="submit"/>
  • 以上两种都可以
  • <input type="submit”value="提交"/> 

解析：

20.执行以下程序段后，x的值是

var x=0;

switch (++x){

case 0: ++x;

case 1: ++x;

case 2:++x;

  • 3
  • 2
  • 1 
  • 4

解析：

21.var x=typeof NaN;执行上面的代码，x的值是

  • "double"
  • "number"
  • "object"
  • "integer" 

解析：

22.htm15中使用标签来播放音频

  • Awav
  • sound
  • mp3
  • audio 

解析：

23.什么是XSS?

  • 恶意的客户端代码注入
  • 帮助编写Ajax驱动应用的开发框架
  • 一种扩展样式，与Ajax一起使用
  • 一个JavaScript渲染(rendering)引擎 

解析：

24.htmI5中使用属性来限制某个输入域为必填项?

  • input
  • requery
  • mustinput
  • required

解析：

 25.要表示一个文本为hello的按钮，可以用以下哪种写法?

  • <button>Hello</button>
  • 以上两种都可以
  • <input type="button" value="Hello">

解析：

26.jQuery中，哪个方法可以用来将一个事件的handler绑定到已存在和以后匹配的元寨

  • click();
  • attach();
  • .on();
  • bind();

解析：

27.下面哪个选项往数组插入了一个新值?

  • arr + [arr.length] = x;
  • Array.push(arr, x);
  • arr[arr.length] = x;
  • arr.end(); arr.value =x ;
  • arr.length + arr = x;  

解析：

28.htmI5中使用属性来提供正则表达式验证

  • zhengze
  • modal
  • regexp
  • pattern 

解析：

29.Ajax中，当下列____发生时，onreadystatechange事件会调用一个action

  • 在弹出的对话框中，用户表示已准备好继续进行
  • 用户离开页面，未保存或未提交变更
  • 异步请求的状态发生了变化
  • 浏览器窗口关闭或者调整了尺寸

解析：

30.html的注释用

  • //
  • #
  • /** */
  • <!---->

解析：

31.在一个Ajax驱动的web应用中，保持向后/向前按钮和爬虫功能，推荐用什么方法?

  • URL中使用< or>
  • window.location()
  • history.pushState()
  • 没有有效方法 

解析：

32.每个对象都与对象保持链援接，从它那里继承属性

  • prototype
  • parent
  • argument
  • silbing

解析： 

33.数组原型的sort0)方法，支持按什么排序?

  • 按字母升序
  • 按字母降序
  • 按ASCII排序
  • 全都可以

描述：

34.创建Poreon的一个实例，下面哪一个是正确的

  • var john = new Person('John', 'Doe', 50, "blue');
  • Person john = new Person('John', 'Doe', 50, "biue');
  • var Person john = new Person('John', 'Doe', 50, "blue'):
  • new john = Person('John', 'Doe', 50, blue');

解析：

35.<function>.call and <function>.apply 方法的主要区别是什么?

  • 他们是相同的
  • <function>.call 以数组作为参数，<function>.apply的参数列可变
  • 其他未列出的区别
  • <function>.call的参数列可变，<function>.apply 以数组作为参数

解析： 

36.使用call()、apply() 调用多入参国数的区别是

  • 完全相同
  • apply()已被废弃了，用call()替代
  • apply()和 cal()基本相同，除了call)需要一个数组作为第二个参数
  • appIy()和 call0)基本相同，除了apply()需要一个数组作为第二个参数 

37.分析如下的javascript代码段,则运行后在页面上输出 ()

  • var c="10",d=10;
  • documentwrite(c+d):
  • 10
  • 页面报错
  • 1010

解析： 

38.当计算一个条件语句时，随式地会把值转换成什么类型?

  • negative
  • boolean
  • positive
  • tinyint
  • integer

39.一个CORS请求的预期响应的HTTP response是什么?

  • Accegs-Control-Allow-Origin
  • Allow-Cross-Origin-Access
  • Cross-Origin-Permissions
  • Allow-CORS 

 40.关键字"this”表示

  • 父对象，是当前函数的属主
  • 当前正在执行的函数
  • 当前执行的上下文(可以是任意值)

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

华为云云耀云服务器L实例评测｜轻量级应用服务器对决：基于 fio 深度测评华为云云耀云服务器L实例的磁盘性能

华为云云耀云服务器L实例评测｜轻量级应用服务器对决：基于 fio 深度测评华为云云耀云服务器L实例的磁盘性能

本文收录在专栏&#xff1a;#云计算入门与实践 - 华为云 专栏中&#xff0c;本系列博文还在更新中 相关华为云云耀云服务器L实例评测文章列表如下&#xff1a; 华为云云耀云服务器L实例评测 | 从零开始&#xff1a;云耀云服务器L实例的全面使用解析指南华为云云耀云服务器L实…
阅读更多...
JVM：如何判断对象已死？

JVM：如何判断对象已死？

对象已死&#xff1f; 在堆里面存放着Java世界中几乎所有的对象实例&#xff0c;垃圾收集器在对堆进行回收前&#xff0c;第一件事情就是要确定这些对象之中哪些还“存活”着&#xff0c;哪些已经“死去”&#xff08;“死去”即不可能再被任何途径使用的对象&#xff09;了。…
阅读更多...
2023/09/17

2023/09/17

文章目录 1. vscode展开所有代码快捷键ctrl k j2. git删除所有stash或指定stash git stash drop [可选stash名]3. vue在函数默认参数后增加新参数4. git push 添加“-u”参数5. vscode快捷输入符号$的使用6. WebGL之什么是GLB&GLTF文件&#xff1f;7. WebGL之什么是HDR&a…
阅读更多...
python之pyQt5实例：Matplotlib的应用

python之pyQt5实例：Matplotlib的应用

1、显示逻辑 1.1MatplotlibWidget.py import sys import random import matplotlibmatplotlib.use("Qt5Agg") from PyQt5 import QtCore from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QSizePolicy, QWidget from numpy import arange, si…
阅读更多...
nginx日志分割

nginx日志分割

nginx日志分割 有的用nginx做代理的&#xff0c;日志产生的特别多&#xff0c;而nginx的日志又是一整个&#xff0c;所以需要我们自己来写分割脚本了 小白教程&#xff0c;一看就会&#xff0c;一做就成。 1.写脚本 #!/bin/bash #nginx日志分割 LOGPATH/home/oldlogs CURLOG…
阅读更多...
多目标优化算法：基于非支配排序的小龙虾优化算法（NSCOA）MATLAB

多目标优化算法：基于非支配排序的小龙虾优化算法（NSCOA）MATLAB

一、小龙虾优化算法COA 小龙虾优化算法&#xff08;Crayfsh optimization algorithm&#xff0c;COA&#xff09;由Jia Heming 等人于2023年提出&#xff0c;该算法模拟小龙虾的避暑、竞争和觅食行为&#xff0c;具有搜索速度快&#xff0c;搜索能力强&#xff0c;能够有效平衡…
阅读更多...
前端用JavaScript实现桑基图（Sankey图）

前端用JavaScript实现桑基图（Sankey图）

前端用JavaScript实现桑基图&#xff08;Sankey图&#xff09; 桑基图&#xff08;Sankey图&#xff09;&#xff0c;是流图的一种&#xff0c;常用来展示事物的数量、发展方向、数据量大小等&#xff0c;在可视化分析中经常使用。 本文&#xff0c;演示如何在前端用JavaScri…
阅读更多...
Spring Boot - Rest VS GraphQL

Spring Boot - Rest VS GraphQL

文章目录 概述图解CodeSpring Boot RestSpring Boot GraphQL 概述 REST&#xff08;Representational State Transfer&#xff09;和GraphQL都是用于构建Web服务的API设计和交互方式&#xff0c;它们有不同的特点和优劣势。 REST&#xff08;Representational State Transf…
阅读更多...
PHP自己的框架2.0加载控制器并运行（重构篇四）

PHP自己的框架2.0加载控制器并运行（重构篇四）

目录 1、加载控制器并运行 2、创建admin和index模块控制器 3、自动加载控制器文件 4、运行控制器中方法 5、运行模块下控制器方法 1、加载控制器并运行 2、创建admin和index模块控制器 <?php namespace app\admin\controller; class index{public function index(){ech…
阅读更多...
【pytest】生成测试报告

【pytest】生成测试报告

0. 脚本&#xff1a; fixture/test_fixtures_02.py # 功能函数 import pytestdef multiply(a, b):return a * bclass TestMultiply:# fixturesclassmethoddef setup_class(cls):print("setup_class>")classmethoddef teardown_class(cls):print("teardown_c…
阅读更多...
在PHP8中对数组进行计算-PHP8知识详解

在PHP8中对数组进行计算-PHP8知识详解

在php8中&#xff0c;提供了丰富的计算函数&#xff0c;可以对数组进行计算操作。常见的计算函数如下几个&#xff1a;array_sum()函数、array_merge()函数、array_diff()函数、array_diff_assoc()函数、array_intersect()函数、array_intersect_assoc()函数。 1、array_sum()函…
阅读更多...
MySQL数据库——MySQL8.0.26-Linux版安装

MySQL数据库——MySQL8.0.26-Linux版安装

目录 准备Linux服务器 下载安装包 上传安装包 创建目录,并解压 安装mysql的安装包 启动MySQL服务 查询自动生成的root用户密码 修改root用户密码 创建用户 并给root用户分配权限 通过DataGrip远程连接MySQL 准备Linux服务器 云服务器或者虚拟机&#xff0c; Linux…
阅读更多...
P2P协议的传输艺术

P2P协议的传输艺术

TP 采用两个 TCP 连接来传输一个文件。 控制连接&#xff1a;服务器以被动的方式&#xff0c;打开众所周知用于 FTP 的端口 21&#xff0c;客户端则主动发起连接。该连接将命令从客户端传给服务器&#xff0c;并传回服务器的应答。常用的命令有&#xff1a;list——获取文件目…
阅读更多...
图解曲面积分的对称性

图解曲面积分的对称性

1.图解曲面积分的对称性 1.1 第一类曲面积分的一般对称性 二重积分、三重积分、第一类曲线积分、第一类曲面积分的一般对称性其原理都类似 平面和空间曲面的原理一样&#xff0c;以下内容以空间曲面为例 图中所示为积分区域 Σ \Sigma Σ&#xff0c;函数 f ( x , y , z ) f(…
阅读更多...
PostgreSQL缓存管理

PostgreSQL缓存管理

缓冲区管理器、存储和后端进程之间的关系 缓存管理结构 PostgreSQL 缓冲区管理器由buffer table、buffer descriptors和buffer pool组成。buffer pool层存储表和索引等数据文件页&#xff0c;以及空闲空间映射和可见性映射。buffer pool是一个数组&#xff0c;每个槽存储数据文…
阅读更多...
Redis RedLock算法和底层源码分析

Redis RedLock算法和底层源码分析

Redlock红锁算法 官网地址&#xff1a;Distributed Locks with Redis | Redis 为什么要使用RedLock&#xff1f; 解释&#xff1a; 线程 1 首先获取锁成功&#xff0c;将键值对写入 redis 的 master 节点&#xff0c;在 redis 将该键值对同步到 slave 节点之前&#xff0c;mas…
阅读更多...
vue+express、gitee pm2部署轻量服务器

vue+express、gitee pm2部署轻量服务器

一、代码配置 前后端接口都保持 127.0.0.1:3000 vue创建文件 pm2.config.cjs module.exports {apps: [{name: xin-web, // 应用程序的名称script: npm, // 启动脚本args: run dev, // 启动脚本的参数cwd: /home/vue/xin_web, // Vite 项目的根目录interpreter: none, // 告诉…
阅读更多...
java基础-并发编程-CountDownLatch（JDK1.8）源码学习

java基础-并发编程-CountDownLatch（JDK1.8）源码学习

CountDownLatch方法调用与类关系图 一、初始化&#xff1a;public CountDownLatch(int count) public CountDownLatch(int count) {if (count < 0) throw new IllegalArgumentException("count < 0");this.sync new Sync(count);}Sync(int count) {// 将参数…
阅读更多...
pte初步认识学习

pte初步认识学习

我们的时间的确很少&#xff0c;但是我们每天都乐意将珍贵的时间浪费在大量毫无意义的事情上 目录 pte介绍 PTE口语评分规则 pte架构 计算机科学23 QS排名 《芭比》 pte介绍 PTE口语评分规则 有抑扬顿挫 对于连读 不能回读 native pte对于个别单词没有读好&#xff0c…
阅读更多...
JSP 学习笔记（基础）

JSP 学习笔记（基础）

出现背景&#xff1a; 由于 Servlet 输出 HTML 比较困难&#xff0c;所以出现了 JSP 这个代替品。 特点&#xff1a; 基于文本&#xff0c;HTML 和 Java 代码共同存在&#xff08;用 write() 来写 HTML 标签&#xff09;其本身就是个被封装后的 Servlet&#xff08;被编译为…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023