首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

金九银十: 50 个JS 必须懂面试题为你助力

push() 它将一个或多个元素添加到数组末尾,并返回数组新长度。 reverse() 反转数组元素顺序。 问题17: JS变量命名约定是什么?...问题21:如何使用 JS 删除 cookie 如果要删除cookie以便后续尝试读取cookie,则只需将过期日期设置为过去时间。 咱们应该定义cookie路径以确保删除正确cookie。...一般由服务器生成,可设置失效时间。...通过冒泡,事件首先由最内部元素捕获和处理,然后传播到外部元素。执行从该事件开始,并转到其父元素。然后执行传递给父元素,以此类推,直到body元素。...## 问题44:如何在JS清空数组 有许多方法可以用来清空数组: 方法一: ```javascript arrayList = [] 上面的代码将把变量arrayList设置为一个新数组

6.5K31

50 个JS 必须懂面试题为你助力金九银十

push() 它将一个或多个元素添加到数组末尾,并返回数组新长度。 reverse() 反转数组元素顺序。 问题17: JS变量命名约定是什么?...问题21:如何使用 JS 删除 cookie 如果要删除cookie以便后续尝试读取cookie,则只需将过期日期设置为过去时间。 咱们应该定义cookie路径以确保删除正确cookie。...,可设置失效时间。...问题44:如何在JS清空数组 有许多方法可以用来清空数组: 方法一: arrayList = [] 上面的代码将把变量arrayList设置为一个新数组。...:document.write("I am a \"good\" boy") 代码部署后可能存在BUG没法实时知道,事后为了解决这些BUG,花了大量时间进行log 调试,这边顺便给大家推荐一个好用

4.4K30
您找到你想要的搜索结果了吗?
是的
没有找到

前端面试题整理

而localStorage用于持久化本地存储,除非主动删除数据,否则数据是永远不会过期。 WebStorage 和 Cookie区别 JavaScript AMD规范主要解决什么问题?...在冒泡排序,最重要思想是两两比较,将两者较少升上去.冒泡排序最坏情况时间复杂度是O(n²) 经典排序算法 - 冒泡排序Bubble sort 使用Jquery遍历class等于lock标签...,并将标签内容收集到一个数组。...两栏布局 答:使用负边距 元素content添加父元素设置左浮动,宽度为100%; content 设置右边距,宽度为aside宽度(留出aside浮上来空间); aside左浮动,并设置负边距...0.5px设置 箭头函数 答:箭头函数 数组去重 答:js数组去重三种常用方法总结 vue相关 v-model内容改变是在生命周期哪个阶段?

1.7K21

【OpenHarmony】TypeScript 语法 ② ( 基础数据类型 | 布尔类型 | 数字类型 | 字符串类型 | 数组类型 | 元组类型 | 枚举类型 | 未知类型 | 联合类型 )

一、基础数据类型 TypeScript 是 JavaScript 超集 , TypeScript 基础数据类型 与 JavaScript 基础数据类型 基本相同 , 下面开始介绍 TypeScript...("str : " + str + " , str2 : " + str2); 在 https://ts.nodejs.cn/play 运行 TypeScript 代码 : 4、数组类型 TypeScript... 数组类型 有两种表示方法 : 使用 数据类型后加上 [] 表示数组类型 , : string[] 字符串数组类型 ; 使用 Array 表示数组类型 , : Array<number...代码 : 5、元组类型 TypeScript 元组类型 可用于描述 已知 元素数量 和 元素类型 数组 , 数组 元素类型可以不同 ; 代码示例 : // 元组类型 // 为元组赋值时 ,...之外 新增数据类型 , 其作用是 为 一组数值 设置名称 ; 代码示例 : // 枚举类型 enum Color {Blue, Red, Purple} // 声明枚举类型变量 let color

13010

Js面试题__附答案

9、解释JavaScript定时器工作?如果有,也可以说明使用定时器缺点? 定时器用于在设定时间执行一段代码,或者在给定时间间隔内重复该代码。...pop()方法与shift()方法类似,但不同之处在于Shift方法在数组开头工作。此外,pop()方法将最后一个元素从给定数组取出并返回。然后改变被调用数组。...34、在JavaScript中使用Push方法是什么? push方法用于将一个或多个元素添加或附加到数组末尾。使用这种方法,可以通过传递多个参数来附加多个元素。...35、什么是JavaScriptunshift方法? Unshift方法就像在数组开头工作push方法。该方法用于将一个或多个元素添加到数组开头。 36、对象属性如何分配?...在innerHTML没有验证余地,因此,更容易在文档插入错误代码,从而使网页不稳定。 57、如何在不支持JavaScript旧浏览器隐藏JavaScript代码?

8.8K30

息息相关 JS 同步,异步和事件轮询

虽然单线程简化了编程代码,因为这样咱们不必太担心并发引出问题,这也意味着在阻塞主线程情况下执行长时间操作,网络请求。...使用异步 ( 回调函数、promise、async/await),可以不用阻塞主线程情况下长时间执行网络请求。 了解异步工作方式之前,咱们先来看看同步是怎么样工作。...事件轮询、web api和消息队列不是JavaScript引擎一部分,而是浏览器JavaScript运行时环境或Nodejs JavaScript运行时环境一部分(对于Nodejs)。...在Nodejs,web api被c/c++ api所替代。 现在让我们回到上面的代码,看看它是如何异步执行。...cosole.log(“the end”) 被推送到堆栈,在完成后执行并从堆栈删除。 同时,计时器已经过期,现在回调被推送到消息队列。但是回调不会立即执行,这就是事件轮询开始地方。

9.7K31

这些node开源工具你值得拥有(上)

前言:文章灵感来源于,社群某大佬分享一个自己耗时数月维护github项目 awesome-nodejs 。...或许你跟我一样会有一个疑惑,github上其实已经有个同类型awesome-nodejs库且还高达41k⭐,重新维护一个新意义何在?...可以使用以下工具: nrm - 快速切换npm注册服务商,npm、cnpm、nj、taobao等,也可以切换到内部npm源 pnpm - 可比yarn,npm 更节省了大量与项目和依赖成比例硬盘空间...sm-crypto - 国密sm2, sm3, sm4JavaScript实现。 sha.js - 使用纯JavaScript流式SHA哈希。...(建议有清晰ToDolist,且按优先级排序) 2.确认工作量与上下游关联风险(依赖他人,能否按时提供出来);有任何风险,尽早暴露 3.注意时间成本、不是任何事情都是值得你用尽所有时间去做,分清主次关系

5.4K30

Nodejs进阶」一文吃透异步IO和事件循环

对于异步 I/O 处理, Nodejs 内部使用了线程池来处理异步 I/O 任务,线程池中会有多个 I/O 线程来同时处理异步 I/O 操作,比如如上例子,在整个 I/O 模型中会这样。...nodejs 环境 ,但在不同操作系统nodejs 宿主环境也是不同,接下来用一幅图描述一下 Nodejs 事件循环和 javascript 引擎之间关系。...第三阶段:idle prepare 阶段,仅用于 nodejs 内部模块使用。...通过setTimeout 或 setInterval定时器对象会被插入到延时器计时器观察者内部二叉最小堆,每次事件循环过程,会从二叉最小堆顶部取出计时器对象,判断 timer/interval 是否过期...当过期时间小于当前事件循环 tick 开始时间时,表示至少存在一个过期计时器,那么循环迭代计时器最小堆根节点,并调用该计时器所对应回调函数。

2K20

14万字 | 400多道JavaScript 面试题及详细答案(建议收藏)

229 错误处理各种语句是什么? 230 javascript两种类型循环是什么? 231 什么是 nodejs? 232 什么是 Intl 对象?...表格形式一些主要区别 slice() splice() 不修改原始数组(不可变) 修改原始数组(可变) 返回原始数组子集 将删除元素作为数组返回 用于从数组中选取元素 用于在数组插入或删除元素...LocalStorage 与 SessionStorage 相同,但即使浏览器关闭并重新打开(即它没有过期时间),它也会保留数据,而在 sessionStorage ,当页面会话结束时,数据会被清除。...for…of 语句创建一个循环迭代可迭代对象或元素,例如内置字符串、数组、类数组对象(参数或 NodeList)、TypedArray、Map、Set 和用户定义可迭代对象。...浏览器和 NodeJS javascript 环境都会以大于 0 毫秒最小延迟进行节流。这意味着即使设置 0 毫秒延迟也不会立即发生。 浏览器:它们最小延迟为 4 毫秒。

12.7K20

看懂 Serverless SSR,这一篇就够了!

这个 部分,我们将说明我们决定尝试使用哪种渲染方法,以及如何在无服务器环境实现它们。...创建两个版本原因是不同环境,也就是说在NodeJS后端运行浏览器代码根本行不通(反之亦然)。 尽管有时无法简单地设置SSR,但是一旦学习了一些技巧,您就可以了(设置是,性能完全是另一回事)。...提供给用户浏览器内部版本与我们先前使用内部版本没有什么不同,即按需预渲染方法,并且以相同方式将其存储在一个简单S3 bucket。...为了获得MAX_AGE值,我们使用存储在数据库expiresOn(SSR HTML被视为过期时间点)。...例如,我们Page Builder应用程序支持许多不同页面元素,您可以将它们拖动到页面上,其中之一是可让您从Form Builder应用程序嵌入表单元素

6.9K41

分享近百道JavaScript 基础面试题,帮助你巩固JavaScript 基础知识

reduce() 方法对累加器和数组每个元素应用一个函数,产生单个值。 36. 如何在 JavaScript 深度复制一个对象?...JavaScript find() 方法用途是什么? find() 方法返回数组满足提供测试函数第一个元素。 38. 如何在 JavaScript 反转字符串?...concat() 方法用于合并两个或多个数组,创建一个包含连接元素数组。 69. 如何在 JavaScript 数组进行排序? 可以使用 sort() 方法按字母顺序或数字顺序对数组进行排序。...bind() 方法创建一个新函数,调用时将其 this 关键字设置为特定值。 77. 在 JavaScript 如何检查对象是否具有特定属性?...JavaScript 数组浅拷贝和深拷贝有什么区别? 数组浅拷贝创建一个新数组,并引用原始数组元素,而深拷贝创建一个新数组,其中包含原始数组元素完全独立副本。 84.

17410

前端学习资料整理

解释一下你对盒模型理解,以及如何在 CSS 告诉浏览器使用不同盒模型来渲染你布局。 从前端角度出发谈谈做好seo需要考虑什么?...cookie 设置cookie过期时间之前一直有效,即使窗口或浏览器关闭 作用域不同 sessionStorage不在不同浏览器窗口中共享,即使是同一个页面; localStorage...cookie 设置cookie过期时间之前一直有效,即使窗口或浏览器关闭 iframe有那些缺点?...= 1 index = 2 index = 3 执行say667()后,say667()闭包内部变量会存在,而闭包内部函数内部变量不会存在 使得Javascript垃圾回收机制GC不会收回say667...提供了一些常用界面元素,诸如对话框、拖动行为、改变大小行为等等 jquery 如何将数组转化为json字符串,然后再转化回来?

3.4K20

学习JavaScript数据结构与算法(一)

可能很多人工作一段时间,觉得js知识点掌握差不多了,应用起来得心应手,但是js知识高深莫测,所以我打算再系统学一遍《学习JavaScript数据结构与算法》这本书(主要学习最常用数据结构和算法...在该方法内部,实现想要逻辑。该接口 行为在js不存在,在其他方面很有用处(开发排序算法)。...(在 JavaScript 数组第一位索引始终是 0。因为斐波那契数列不存在 0,所以这里直接略过,从第二位开始分别保存斐波那契数列对应位置元素。)...3.2.1在数组末尾插入元素 通过数组自带push方法就可在数组最后插入元素 3.2.2在数组开头插入元素 通过数组自带unshift方法就可在数组开头插入元素 另外一种方法 我们希望在数组插入一个新元素...我们可以循环数组元素,从最后一位(长度值就是数组末尾位置) 开始,将对应前一个元素(i-1)值赋给它(i),依次处理,最后把我们想要值赋给第一个位置(索引 0)上。

16540

全栈必备JavaScript基础

需要注意是,如果此前try已经有return设置了返回值,则该值会被丢弃。finallyreturn也会覆盖try和catchreturn返回值。...传入空数组,会立即完成, 而Promise.race([..]) 则会挂住。 在各种Promise库,finally ( .. ) 还是会创建并返回一个新Promise。...DOM 是一种API,完成对HTML/XML 树形结构访问,标签,元素,节点等。...V8 是NodeJS 核心引擎,NodeJS系统架构大致如下: 与浏览器相对应,Node 全局变量可以通过 Object.keys(global); 获得, 看一看NodeJS “hello...JavaScript各引擎同样存在着少量限制,例如: 字符串常量中允许最大字符数 作为参数传递到函数数据大小(栈大小) 函数声明参数个数 函数调用链最大长度 以阻塞方式在浏览器运行最大时间

1K40

Web前端性能优化工具

、内存DOM节点数、JavaScript事件监听次数及页面发生重绘与重排处理时间等信息。...会检测并捕获页面加载过程每一帧之间视觉变化进度,然后使用Nodejsspeedline模块包来生成相应评估得分 (4)首次CPU闲置时间,指的是从页面加载至主线程静默且可进行交互输入时间,只需页面处于视窗大部分...UI元素能够交互即可,不要求全部元素都可交互。...:解析HTML构建DOM,解析CSS样式表文件并应用指定样式,以及解析和执行JavaScript文件,同时还需要处理交互事件,因此渲染进程主线程过忙很容易导致用户响应延迟不良体验 降低JavaScript...当我们需要检测一段时间性能状况时,可单击两次“启动/停止检测”按钮来设置起止时间点,当单击第二次按钮停止检测后,相应检测信息便出现在控制面板下方区域。

92820

PHP笔试准备题目之基础题目

E.由于调用了htmlentities(),字符串会被销毁 6.如果不给cookie设置过期时间会怎么样?...A.它们组成一个数组,存储在超级全局变量数组 B.第二个元素值加上第一个元素值后,存储在超级全局变量数组 C.第二个元素将覆盖第一个元素 D.第二个元素将自动被重命名 E.PHP输出一个警告...变量s在被函数htmlentities()处理过后,结果返回给了变量ss,而 6.如果没有设置过期时间,cookie将在用户会话结束时自动过期。cookie不需要服务器端会话支持,因此答案是D。...9.对于收到查询字串和POST信息,PHP只是简单元素添加进对应超级变量数组。结果就是如果有两个元素同名,前一个会被后一个覆盖。答案是C。 10.只有B永远正确。...默认情况下,PHP把所有会话信息存储在/tmp文件夹;在没有这个文件夹操作系统(比如Windows),必须在php.ini给session.save_path设置一个合适位置(c:\Temp

3.1K20

2020年前端面试题及答案_结构化面试题库及答案

变量和函数声明提升会被提升到最顶部去执行; 函数提升高于变量提升; 如果在函数内部用var声明了与外部相同变量,则不向下寻找; 匿名函数不会被提升; 不同块互不影响。...通过jsonp跨域; 通过document.domain+iframe跨域; nginx跨域; nodejs中间件代理跨域; 后端在头部信息里面设置安全域名解决跨域。...42、javascript数组去重方法汇总?...防抖是把多次操作当作一次来执行,节流是间隔一段时间执行操作。 45、javaScript变量提升? 在生成执行环境时,会有两个阶段。...冒泡排序; 快速排序; 54、javascript数组一行代码去重方法? set方法去重。 55、javascript如何判断一个对象是否为数组

2.5K20

阿里前端高频面试题合集

JavaScript ,基本类型是没有属性和方法,但是为了便于操作基本类型值,在调用基本类型属性或方法时 JavaScript 会在后台隐式地将基本类型值转换为对象,:const a =...它类似于flash补间动画,设置一个开始关键帧,一个结束关键帧。animation是动画属性,它实现不需要触发事件,设定好时间之后可以自己执行,且可以循环一个动画。...现在,它们已包括推送通知和后台同步等功能。 将来,Service Worker将会支持定期同步或地理围栏等其他功能。 本教程讨论核心功能是拦截和处理网络请求,包括通过程序来管理缓存响应。...fixed 生成绝对定位元素,指定元素相对于屏幕视⼝(viewport)位置来指定元素位置。元素位置在屏幕滚动时不会改变,⽐回到顶部按钮⼀般都是⽤此定位⽅式。...答案是浏览器会递归查找该元素所有父元素,如果找到一个设置了position:relative/absolute/fixed元素,就以该元素为基准定位,如果没找到,就以浏览器边界定位。

37620
领券