首页
学习
活动
专区
工具
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

13610

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.8K31

这些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

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

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

17810

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

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

16740

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

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

6.9K41

前端学习资料整理

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

3.4K20

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

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

2.5K20

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

阿里前端高频面试题合集

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

37920

Web前端性能优化工具

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

93120

全栈必备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
领券