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

【前端面试题】03—200+道常见JavaScript基础面试题上(附答案)

包括 defer和 async、动态创建DOM(创建 script,插入DOM中,加载完毕后回调、按需异步载入 JavaScript。 14、call()和apply()区别和作用是什么?...同源策略是客户端脚本(尤其是 JavaScript重要安全度量标准。它最早出自Netscape Navigator2.0,目的是防止某个文档或脚本多个不同源装载。...30、JavaScript如何使用事件处理程序? 事件是由用户与页面的交互(例如单击链接或填写表单)导致操作。需要个事件处理程序来保证所有事件正确执行。事件处理程序是对象额外属性。...32、在 JavaScript如何使用DOM? DOM代表文档对象模型,并且负责文档中各种对象相互交互。DOM是开发网页所必需,其中包括诸如段落、链接等对象。可以操作这些对象,如添加或删除等。...42、在 JavaScript中什么是类(伪)数组如何将类(伪)数组转化为标准数组

4.3K10

求职 | 史上最全web前端面试题汇总及答案

介绍一下 CSS就是层叠式样式表(Cascading Style Sheets)简称,CSS中层叠意思就是在HTML文档树结构中标记能够继承所有父标记定义样式,还可以多次定义自己样式,全部样式按照外到...请写出函数实现 JavaScriptDOM是什么意思? DOM是W3C对象模型,DOM是中立于平台和语言接口,它允许程序和脚本动态访问和更新文档内容结构和样式。...javascript对象几种创建方式 1、工厂模式 2、构造函数模式 3、原型模式 4、混合构造函数和原型模式 5、动态原型模式 6、寄生构造函数模式 7、稳妥构造函数模式 javascript继承...JavaScript事件冒泡简介及应用 在Javascript中什么是伪数组如何将伪数组转化为标准数组?...你所了解到web攻击技术 ①XSS(Cross-Site Scripting,跨站脚本攻击):指通过存在安全漏洞Web网站注册用户浏览器运行非法HTML标签或者JavaScript进行一种攻击

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

求职 | 史上最全web前端面试题汇总及答案2

如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题。 20、如何实现浏览器多个标签页之间通信?...不同在于:slice返回截取后新实例,splice在原array实例上操作,更详细请见下文链接。 JS中数组对象详解 8、如何阻止表单提交?...实例化 ②内置对象为gload Math 等不可以实例化 ③宿主为浏览器自带document,window 等 30、编写一个数组去重方法 思路: 1.创建一个新数组存放结果 2.创建一个空对象...说明:至于如何对比,就是每次数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。...如:function.call(this,1,2,3); 如何获取UA JS代码 35、请解释一下 JavaScript 同源策略 概念:同源策略是客户端脚本(尤其是Javascript重要安全度量标准

6K20

分享63个最常见前端面试题及其答案

props 和 state 都是 React 组件中使用普通 JavaScript 对象。props 从父组件传递到子组件,用于组件不会更改数据。...当您想要将数组作为单独参数传递给函数或基于现有数组创建数组时,它会很方便。...JavaScript 中不可变对象示例是什么?不变性优点和缺点是什么?如何在自己代码中实现不变性? 可变对象可以随着时间推移改变其状态,而不可变对象在创建后不能修改。...50、如何使用 Web API 在 div 元素添加 span 元素?...它允许对象直接其他对象继承,从而促进代码重用、选择性继承和动态对象创建。由于其灵活和动态特性,原型继承在 JavaScript 中被广泛使用。

4.1K20

分享 63 道最常见前端面试及其答案

props 和 state 都是 React 组件中使用普通 JavaScript 对象。props 从父组件传递到子组件,用于组件不会更改数据。...当您想要将数组作为单独参数传递给函数或基于现有数组创建数组时,它会很方便。...JavaScript 中不可变对象示例是什么?不变性优点和缺点是什么?如何在自己代码中实现不变性? 可变对象可以随着时间推移改变其状态,而不可变对象在创建后不能修改。...50、如何使用 Web API 在 div 元素添加 span 元素?...它允许对象直接其他对象继承,从而促进代码重用、选择性继承和动态对象创建。由于其灵活和动态特性,原型继承在 JavaScript 中被广泛使用。

17230

JavaScript 中 10 个需要掌握基础问题

1.如何数组中移除一个特定项 思路:首先,使用indexOf查找要删除数组元素索引(index),然后使用splice方法删除该索引所对应项。...JavaScript每个函数都维护对其外部词法环境引用。此引用用于配置调用函数时创建执行上下文。不管何时调用函数,该引用使函数代码能够查看在函数外声明变量。...声明函数时创建一个闭包。 当调用函数时,此闭包用于配置执行上下文。 每次调用函数时都会创建一组新局部变量。 JavaScript每个函数都维护与其外部词法环境链接。...7.如何 JavaScript 对象中删除属性?...浏览器中动态导入 动态导入允许脚本根据需要加载其他脚本 import('hello.mjs').then(module => { module.hello

2.7K20

每个程序员都应该知道50个Web开发术语

JavaScript JavaScript是用于创建动态网页高级,松散类型脚本语言。它被称为“世界语言”,因为它是网络上使用最广泛语言。...JavaScript是一种事件驱动语言,这意味着Web浏览器上事件会触发脚本执行。...Web服务器 一个Web服务器负责内容服务动态数据/到Web浏览器(或客户)特殊服务器 静态网站 一个静态网站是不是Web服务器动态生成网站。...数据结构 在计算机科学中,数据结构是一种收集和组织数据方式,使我们可以有效地对这些数据执行操作。 数据结构示例包括实践问题,测验,数组链接列表,堆栈,队列,树,堆,图形和矩阵。...标记 标记是您使用HTML之类标记语言创建标记。诸如h1(标题),div(除法),em(强调)之类标记都是标记。 盒子模型 CSS将所有Web元素视为独立框。某些框可能内联,而其他框则被阻止。

1.4K20

Js面试题__附答案

如果程序尝试读取未定义变量值,则返回未定义值。 7、如何编写可动态添加新元素代码? ? 8、什么是全局变量?这些变量如何声明,使用全局变量有哪些问题?...pop()方法与shift()方法类似,但不同之处在于Shift方法在数组开头工作。此外,pop()方法将最后一个元素给定数组中取出并返回。然后改变被调用数组。...引用类型是更复杂类型,如字符串和日期。 30、如何创建通用对象? 通用对象可以创建为: var I = new object(); 31、operator类型用来做什么?...可以在JavaScript中使用。 *运算符没有括号。 46、一个特定框架如何使用JavaScript链接定位? 可以通过使用“target”属性在超链接中包含所需帧名称来实现。...可以通过使用JavaScript扩展(JavaScript编辑器运行),打开文件示例来完成: fh = fopen(getScriptPath(), 0); 50、在JavaScript如何使用DOM

8.8K30

2019年初 JS面试必考(概率大)面试题

当解释器寻找引用值时,会首先检索其在栈中地址,取得地址后堆中获得实体。 JavaScript 如何实现一个类,怎么实例化这个类?...闭包是指有权访问另一个函数作用域中变量函数,创建闭包最常见方式就是在一个函数创建另一个函数,通过另一个函数访问这个函数局部变量,利用闭包可以突破作用链域 闭包特性: 函数再嵌套函数 内部函数可以引用外层参数和变量...它最早出自 Netscape Navigator2.0,其目的是防止某个文档或脚本多个不同源装载。...还有一点是需要我们注意,那就是外部引入脚本(script)会阻塞浏览器并行下载,HTTP/1.1规范表明,浏览器在每个主机下并行下载组件不超过两个(也就是说,浏览器一次只能够同时同一个服务器加载两个脚本...设置属性 async="async" (一旦脚本可用,则会异步执行) 动态创建 script DOM:document.createElement('script'); XmlHttpRequest

94620

高频前端开发面试问题

(_这个符号只有ie6会识别) * 渐进识别的方式,总体中逐渐排除局部。 首先,巧妙使用“\9”这一标记,将IE游览器所有情况中分离出来。...defer和async、动态创建DOM方式(创建script,插入到DOM中,加载完毕后callBack)、按需异步载入js 如何解决跨域问题?...详见:详解JavaScript函数模式 如何判断当前脚本运行在浏览器还是node环境中? 通过判断Global对象是否为window,如果不为window,当前脚本没有运行在浏览器中 其他问题?...(1)defer属性:支持IE4和fierfox3.5更高版本浏览器 (2)动态脚本元素:文档对象模型(DOM)允许你使用js动态创建HTML几乎全部文档内容。...Javascript垃圾回收方法 标记清除(mark and sweep) 这是JavaScript最常见垃圾回收方式,当变量进入执行环境时候,比如函数中声明一个变量,垃圾回收器将其标记为“进入环境

1.4K10

高频前端开发面试问题及答案整理

(_这个符号只有ie6会识别) * 渐进识别的方式,总体中逐渐排除局部。 首先,巧妙使用“\9”这一标记,将IE游览器所有情况中分离出来。...defer和async、动态创建DOM方式(创建script,插入到DOM中,加载完毕后callBack)、按需异步载入js 如何解决跨域问题 jsonp、 document.domain+iframe...详见:详解JavaScript函数模式 如何判断当前脚本运行在浏览器还是node环境中? 通过判断Global对象是否为window,如果不为window,当前脚本没有运行在浏览器中 其他问题?...(1)defer属性:支持IE4和fierfox3.5更高版本浏览器 (2)动态脚本元素:文档对象模型(DOM)允许你使用js动态创建HTML几乎全部文档内容。...Javascript垃圾回收方法 标记清除(mark and sweep) 这是JavaScript最常见垃圾回收方式,当变量进入执行环境时候,比如函数中声明一个变量,垃圾回收器将其标记为“进入环境

1.4K20

Web前端基础知识整理

1、 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式数据信息,用于各个框架和技术配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签按正确嵌套顺序...、JS(JavaScript)(Java脚本) 一种直译式脚本语言,是一种动态类型、弱类型、基于原型语言,内置支持类型 特点: 与html和css结合客户端技术 能够动态修改html,css中属性等内容...arr.push("张飞","关羽");//动态追加2个数组元素 var x=arr.pop(); console.log("length...、JSP(java server page)(Java服务器界面) 由servlet改编而成,用静态html去嵌套jsp脚本,完成动态数据显示 /src/main/webapp下创建.jsp文件...,代码有上下顺序 //3 转发动作,不会执行转发后脚本代码,

1.9K10

2020回顾-个人web分享JavaScript面试题附加回答

JavaScript垃圾回收机制了解 对于在JavaScript字符串,对象,数组是没有固定大小,只有当对他们进行动态分配存储时,解释器就会分配内存来存储这些数据,当JavaScript解释器消耗完系统中所有可用内存时...针对JavaScript来及回收机制有以下两种方法(常用):标记清除,引用计数。...JavaScript延迟加载方式有哪些 js延迟加载有助于提高页面的加载速度 延迟有:defer属性,async属性,动态创建DOM方式,使用JQuerygetScript方法,使用setTimeout...说说JavaScript同源策略 同源策略目的是为了防止某个文档或脚本多个不同源装载,同源策略是指,协议,域名,端口相同。...在JavaScript中什么是类(伪)数组如何将类(伪)数组转换为标准数组 典型类(伪)数组是函数argument参数,在调用getElementsByTagName和document.childNodes

1.5K70

通用代码高亮插件(SyntaxHighlighter)

a) 现成各种笔刷脚本文件下载,请进入…… b) 如何创建自定义笔刷文件,请进入…… (模式挺简单,拿现成笔刷文件改改就好) 3....shAutiloader.js 正是为解决此问题而生,它会根据待着色代码块所使用到笔刷配置来动态创建节点以加载适合JavaScript文件,不会造成载入多余资源浪费。...all(params) 方法,以此确保所有被使用到笔刷都已经动态创建好 script 节点。...’, … ] 一维数组,元素内部用空格分隔,最后一部分为 JavaScript 文件路径。...直到近期我才发现这插件作用是要发布到博客园后才有效果(因为他需要运行SyntaxHighlighter插件js脚本)……下面我来说说为博客圆提供这款可视化插件如何配置。

2.5K20

HTML、CSS、JavaScript学习总结

Ø 文件名中不要包含特殊符号,比如空格、$等 所有标记都要用尖括号()括起来,这样,浏览器就可以知道,尖括号标记是HTML命令。...• JavaScript特点 • 解释性:由浏览器直接解释执行 • 用于客户端 • 安全性:不允许直接访问本地硬盘 • 简单易用:脚本式语言最大优点是易学易用,是一种轻量级程序语言 • 动态性:他可以直接对用户或客户输入作出响应...另外在JavaScript中对于对象属性和方法引用,有两种情况: – 该对象为静态对象,表示在引用该对象属性或方法时不需要为它创建实例; – 在引用该对象属性和方法时必须为它创建一个实例,叫做动态对象...,”c”];//通方案1 • 组合数组创建 – var objArr = [[new Date()],”abc”,1234];//该数组包含三种数据类型,分别是对象类型,字符串类型和数字类型 • 如何引用元素...:objArr[index]形式来使用数组一个元素,index是元素在数组索引,0开始计算 • 数组length属性:表示数组长度 • 多维数组:js本身是没有多维数组概念,要通过组合数组创建

3K20

前端语言基础【第二篇:JavaScript

JavaScript (一) 基本概述 (1) 概述 JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型语言,内置支持类型。...它解释器被称为JavaScript引擎,为浏览器一部分,广泛用于客户端脚本语言,最早是在HTML(标准通用标记语言下一个应用)网页上使用,用来给HTML网页增加动态功能 脚本语言:不需要编译,可以直接被浏览器解析执行...; //第几位开始到第几位结束 [3,5) 第几位开始,到第几位结束,但是不包含最后哪一位 (2) Array对象 创建数组(三种) var arr1...;" history:请求url历史记录 创建三个页面 1、创建第一个页面 a.html 写一个超链接 到 b.html 2、创建b.html...,首先需要 对标记型文档里面的所有内容封装成对象 -- 需要把html里面的标签、属性、文本内容都封装成对象 要想对标记型文档进行操作,解析标记型文档 - 画图分析,如何使用

2.3K20

从零开始使用 Astro 实用指南

我还会告诉你如何服务器上获取数据,创建布局,并使用vanilla JavaScript和其他框架添加互动性。准备好享受一些动手乐趣,因为我们将一起创建一个小型网站实例。...我打算创建一个src/components目录,并在里面添加一个header.astro文件。接着,我会移动导航标记到Header组件中。目前为止,我们组件脚本部分是空白。...获取数据 我们教程这一部分,我们将使用Bejamas API服务器获取一些数据,并在我们主页上创建这些案例研究卡。 在Astro中获取数据是非常容易。.../pages/blog/*.md'); --- 为了动态地生成整个文章列表,我们对Astro.glob()返回博客数组进行map遍历,如以下代码: <section class="section blog-section...有了Astro,我们就能得到两者<em>的</em>好处。我们仍然可以使用JSX和<em>JavaScript</em>编写<em>动态</em>内容,但Astro将其全部渲染成静态HTML,所以我们只加载我们真正需要<em>的</em><em>JavaScript</em>。

70740
领券