当前位置: 首页 > news >正文

前端笔试2

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
  • 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”表示

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

相关文章:

前端笔试2

1.下面哪一个是检验对象是否有一个以自身定义的属性? foo.hasOwnProperty("bar")bar in foo foo["bar"] ! undefinedfoo.bar ! null 解析&#xff1a; bar in foo 检查 foo 对象是否包含名为 bar 的属性&#xff0c;但是这个属性可以是从原型链继承来的&a…...

LeetCode:66.加一

66.加一 来源:力扣(LeetCode) 链接: https://leetcode.cn/problems/plus-one/description/ 给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。 最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。 你可以假设除了整数 0 之外,这个整数…...

Redis 常用命令

目录 全局命令 1&#xff09;keys 2&#xff09;exists 3) del(delete) 4&#xff09;expire 5&#xff09;type SET命令 GET命令 MSET 和 MGET命令 其他SET命令 计数命令 redis-cli&#xff0c;进入redis 最核心的命令&#xff1a;我们这里只是先介绍 set 和 get 最简单的操作…...

Integer.valueOf()用于字符和字符串的区别

LeetCode 17 电话号码的字母组合 先贴代码 class Solution {List<String> result new ArrayList<>();String temp new String("");Integer num;public List<String> letterCombinations(String digits) {dfs(digits, 0);return result;} publi…...

机械寿命预测(基于NASA C-MAPSS数据的剩余使用寿命RUL预测,Python代码,CNN_LSTM模型,有详细中文注释)

1.效果视频&#xff1a;机械寿命预测&#xff08;NASA涡轮风扇发动机剩余使用寿命RUL预测&#xff0c;Python代码&#xff0c;CNN_LSTM模型&#xff0c;有详细中文注释&#xff09;_哔哩哔哩_bilibili 环境库版本&#xff1a; 2.数据来源&#xff1a;https://www.nasa.gov/int…...

ConfigMaps-1

文章目录 主要内容一.使用 YAML 文件创建1.在data节点创建了一些键值&#xff1a;代码如下&#xff08;示例&#xff09;: 2.解释 二.使用命令行创建1.创建了一个名为 person 的键值&#xff1a;代码如下&#xff08;示例&#xff09;: 2.解释3.创建了一个 index.html 文件&…...

docker上安装es

安装docker 1 安装docker依赖 yum install -y yum-utils2 设置docker仓库镜像地址 yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo3 安装制定版本的docker yum -y install docker-ce-20.10.17-3.el74 查看是否安装成功 y…...

#循循渐进学51单片机#c语言基础和流水灯实现#not.3

1、熟练掌握二进制、十进制和十六进制的转换方法。 多少进制就是多少之间相加&#xff0c;比如十六进制就是十六一次一加&#xff1b;二进制转化十六进制&#xff0c;分成四个一组。 2、C语言变量类型与取值范围&#xff0c;for、while等基本语句的用法。 for、while等基本语句…...

算法刷题 week3

这里写目录标题 1.重建二叉树题目题解(递归) O(n) 2.二叉树的下一个节点题目题解(模拟) O(h) 3.用两个栈实现队列题目题解(栈&#xff0c;队列) O(n) 1.重建二叉树 题目 题解 (递归) O(n) 递归建立整棵二叉树&#xff1a;先递归创建左右子树&#xff0c;然后创建根节点&…...

TCP详解之流量控制

TCP详解之流量控制 发送方不能无脑的发数据给接收方&#xff0c;要考虑接收方处理能力。 如果一直无脑的发数据给对方&#xff0c;但对方处理不过来&#xff0c;那么就会导致触发重发机制&#xff0c;从而导致网络流量的无端的浪费。 为了解决这种现象发生&#xff0c;TCP 提…...

mac根目录下创建文件不能问题

mac根目录下创建文件不能问题 解决办法2: 原因 mac os引入了系统完整性保护&#xff08;SIP&#xff09;机制&#xff0c;无法在/、/usr目录下新建文件 解决办法1&#xff1a; 打开终端&#xff0c;输入 csrutil status显示enabled表示启用了SIP&#xff0c;接下来需要禁用SIP…...

stable diffusion model训练遇到的问题【No module named ‘triton‘】

一天早晨过来&#xff0c;发现昨天还能跑的diffusion代码&#xff0c;突然出现了【No module named ‘triton’】的问题&#xff0c;导致本就不富裕的显存和优化速度雪上加霜&#xff0c;因此好好探究了解决方案。 首先是原因&#xff0c;由于早晨过来发现【电脑重启】导致了【…...

线性dp,优化记录,273. 分级

273. 分级 273. 分级 - AcWing题库 给定长度为 N 的序列 A&#xff0c;构造一个长度为 N 的序列 B&#xff0c;满足&#xff1a; B 非严格单调&#xff0c;即 B1≤B2≤…≤BN 或 B1≥B2≥…≥BN。最小化 S∑Ni1|Ai−Bi|。 只需要求出这个最小值 S。 输入格式 第一行包含一…...

JWT 安全及案例实战

文章目录 一、JWT (json web token)安全1. Cookie&#xff08;放在浏览器&#xff09;2. Session&#xff08;放在服务器&#xff09;3. Token4. JWT (json web token)4.1 头部4.1.1 alg4.1.2 typ 4.2 payload4.3 签名4.4 通信流程 5. 防御措施 二、漏洞实例&#xff08;webgoa…...

Vue2+Vue3

文章目录 Vue快速上手Vue是什么第一个Vue程序插值表达式Vue核心特性&#xff1a;响应式 Vue指令v-htmlv-show 与 v-ifv-else 与 v-else-ifv-onv-bindv-forv-model指令修饰符 计算属性watch侦听器&#xff08;监视器&#xff09;watch——简写watch——完整写法 Vue生命周期 和 …...

华为云云耀云服务器L实例评测|redis漏洞回顾 MySQL数据安全解决 搭建主从集群MySQL 相关设置

前言 最近华为云云耀云服务器L实例上新&#xff0c;也搞了一台来玩&#xff0c;期间遇到过MySQL数据库被攻击的情况&#xff0c;数据丢失&#xff0c;还好我有几份备份&#xff0c;没有造成太大的损失&#xff1b;后来有发现Redis数据库被攻击的情况&#xff0c;加入了redis密…...

【C++】详解std::thread

2023年9月10日&#xff0c;周日下午开始 2023年9月10日&#xff0c;周日晚上23:35完成 虽然这篇博客我今天花了很多时间去写&#xff0c;但是我对std::thread有了一个完整的认识 不过有些内容还没完善&#xff0c;以后有空再更新.... 目录 头文件类的成员类型方法(construc…...

Apache HTTPD 漏洞复现

文章目录 Apache HTTPD 漏洞复现1. Apache HTTPD 多后缀解析漏洞1.1 漏洞描述1.2 漏洞复现1.3 漏洞利用1.4 获取GetShell1.5 漏洞防御 2. Apache HTTPD 换行解析漏洞-CVE-2017-157152.1 漏洞描述2.2 漏洞复现2.3 漏洞利用2.4 修复建议 3. Apache HTTP Server_2.4.49 路径遍历和…...

【C++从入门到精通】第2篇:C++基础知识(中)

文章目录 2.1 iostream介绍&#xff1a;cout、cin和endl2.1.1 输入/输出库2.1.2 std::cout2.1.3 std::endl2.1.4 std::cout是缓冲的2.1.5 std::endl与\n2.1.6 std::cin2.1.7 总结2.1.8 练习时间 2.2 未初始化的变量和未定义的行为2.2.1 未初始化的变量2.2.2 未定义行为2.2.3 明…...

【RuoYi移动端】uni-app中实现生成二维码功能(代码示例)

完整示例&#xff1a; <template><view><view class"titleBar">执法检查“通行码”信息</view><view class"twoCode"><canvas canvas-id"qrcode"></canvas></view></view> </templat…...

边缘计算医疗风险自查APP开发方案

核心目标:在便携设备(智能手表/家用检测仪)部署轻量化疾病预测模型,实现低延迟、隐私安全的实时健康风险评估。 一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

UDP(Echoserver)

网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法&#xff1a;netstat [选项] 功能&#xff1a;查看网络状态 常用选项&#xff1a; n 拒绝显示别名&#…...

【机器视觉】单目测距——运动结构恢复

ps&#xff1a;图是随便找的&#xff0c;为了凑个封面 前言 在前面对光流法进行进一步改进&#xff0c;希望将2D光流推广至3D场景流时&#xff0c;发现2D转3D过程中存在尺度歧义问题&#xff0c;需要补全摄像头拍摄图像中缺失的深度信息&#xff0c;否则解空间不收敛&#xf…...

STM32标准库-DMA直接存储器存取

文章目录 一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA&#xff08;Direct Memory Access&#xff09;直接存储器存取 DMA可以提供外设…...

Java 加密常用的各种算法及其选择

在数字化时代&#xff0c;数据安全至关重要&#xff0c;Java 作为广泛应用的编程语言&#xff0c;提供了丰富的加密算法来保障数据的保密性、完整性和真实性。了解这些常用加密算法及其适用场景&#xff0c;有助于开发者在不同的业务需求中做出正确的选择。​ 一、对称加密算法…...

音视频——I2S 协议详解

I2S 协议详解 I2S (Inter-IC Sound) 协议是一种串行总线协议&#xff0c;专门用于在数字音频设备之间传输数字音频数据。它由飞利浦&#xff08;Philips&#xff09;公司开发&#xff0c;以其简单、高效和广泛的兼容性而闻名。 1. 信号线 I2S 协议通常使用三根或四根信号线&a…...

探索Selenium:自动化测试的神奇钥匙

目录 一、Selenium 是什么1.1 定义与概念1.2 发展历程1.3 功能概述 二、Selenium 工作原理剖析2.1 架构组成2.2 工作流程2.3 通信机制 三、Selenium 的优势3.1 跨浏览器与平台支持3.2 丰富的语言支持3.3 强大的社区支持 四、Selenium 的应用场景4.1 Web 应用自动化测试4.2 数据…...

ArcPy扩展模块的使用(3)

管理工程项目 arcpy.mp模块允许用户管理布局、地图、报表、文件夹连接、视图等工程项目。例如&#xff0c;可以更新、修复或替换图层数据源&#xff0c;修改图层的符号系统&#xff0c;甚至自动在线执行共享要托管在组织中的工程项。 以下代码展示了如何更新图层的数据源&…...

CTF show 数学不及格

拿到题目先查一下壳&#xff0c;看一下信息 发现是一个ELF文件&#xff0c;64位的 ​ 用IDA Pro 64 打开这个文件 ​ 然后点击F5进行伪代码转换 可以看到有五个if判断&#xff0c;第一个argc ! 5这个判断并没有起太大作用&#xff0c;主要是下面四个if判断 ​ 根据题目…...

高效的后台管理系统——可进行二次开发

随着互联网技术的迅猛发展&#xff0c;企业的数字化管理变得愈加重要。后台管理系统作为数据存储与业务管理的核心&#xff0c;成为了现代企业不可或缺的一部分。今天我们要介绍的是一款名为 若依后台管理框架 的系统&#xff0c;它不仅支持跨平台应用&#xff0c;还能提供丰富…...