web前端研发工程师笔试题选择题带答案

合集下载

web前端笔试题及答案

web前端笔试题及答案一、选择题1. 下列哪个不是JavaScript的数据类型？A. NumberB. StringC. UndefinedD. Array答案：D2. CSS中，以下哪个属性用于设置元素的宽度？A. widthB. heightC. marginD. padding答案：A3. HTML5中，用于定义文档的元数据的标签是：A. <html>B. <head>C. <meta>D. <title>答案：B二、简答题1. 请简述什么是BEM命名方法，并说明其优点。

答案：BEM是Block Element Modifier的缩写，是一种CSS类名命名方法。

它通过将CSS类名分为三个部分：块（Block）、元素（Element）和修饰符（Modifier），来提高CSS的可读性和可维护性。

优点包括：提高代码的可读性，方便团队协作；通过块和元素的命名，可以避免CSS选择器的冲突；修饰符的使用可以方便地覆盖或扩展样式。

2. 请解释什么是跨域资源共享（CORS）以及它是如何解决跨域请求问题的。

答案：跨域资源共享（CORS）是一种安全机制，允许Web页面上的脚本发起跨域HTTP请求。

它通过在HTTP响应头中添加特定的字段来告知浏览器，哪些源可以访问该资源。

CORS通过设置Access-Control-Allow-Origin等响应头，允许或限制来自不同源的请求，从而解决了由于浏览器同源策略导致的跨域请求问题。

三、编程题1. 编写一个JavaScript函数，实现数组中所有数字的累加。

示例代码：```javascriptfunction sumArray(numbers) {let sum = 0;for (let i = 0; i < numbers.length; i++) {sum += numbers[i];}return sum;}```2. 请使用HTML和CSS创建一个简单的登录表单，并包含用户名和密码输入框。

前端开发笔试题及答案

前端开发笔试题及答案一、选择题1. HTML5 中新增的语义化标签是以下哪一个？A. `<div>`B. `<section>`C. `<span>`D. `<img>`答案：B2. 以下哪个JavaScript方法可以用来获取元素的属性值？A. `getAttribute()`B. `setAttribute()`C. `removeAttribute()`D. `createElement()`答案：A3. CSS3 中，以下哪个属性用于设置元素的圆角？A. `border-radius`B. `border-color`C. `border-style`D. `border-width`答案：A二、简答题1. 请简述什么是响应式网页设计，并说明其重要性。

答案：响应式网页设计是一种使网站能够适应不同屏幕尺寸和设备的设计方法。

它通过使用流体网格布局、灵活的图片和媒体查询等技术，确保网页在各种设备上都能提供良好的用户体验。

响应式设计的重要性在于，随着移动设备的普及，用户越来越多地通过手机和平板电脑访问网站，因此，网站需要能够适应这些设备，以提供一致的用户体验。

2. 请解释什么是跨站脚本攻击（XSS）以及如何预防。

答案：跨站脚本攻击（XSS）是一种网络安全漏洞，攻击者通过在网页中注入恶意脚本，当其他用户浏览该页面时，恶意脚本会在用户的浏览器中执行，可能导致用户信息泄露、会话劫持等安全问题。

预防XSS的方法包括：对用户输入进行严格的验证和过滤，使用HTTP-only cookies，对输出进行编码，以及使用内容安全策略（CSP）等。

三、编程题1. 编写一个JavaScript函数，实现数组的去重功能。

```javascriptfunction uniqueArray(arr) {return [...new Set(arr)];}```2. 请使用CSS实现一个简单的响应式导航栏。

前端或移动开发岗位招聘笔试题及解答(某大型集团公司)

招聘前端或移动开发岗位笔试题及解答(某大型集团公司)(答案在后面)一、单项选择题（本大题有10小题，每小题2分，共20分）1、以下哪种编程语言是专门为前端开发设计的？A. JavaB. CC. JavaScriptD. Python2、以下哪个不是HTML5引入的新特性？A. canvasB. SVGC. videoD. Flash3、以下哪种技术不属于前端开发中的客户端脚本语言？A. JavaScriptB. JavaC. PythonD. TypeScript4、在HTML5中，以下哪个元素用于创建可拖动的区域？A. <div>B. <canvas>C. <draggable>D. <area>5、以下哪种技术不是前端开发中常用的JavaScript库或框架？A. jQueryB. ReactC. AngularD. PHP6、在移动开发中，以下哪个不是原生应用开发的常见编程语言？A. SwiftB. JavaC. KotlinD. HTML57、以下哪个技术栈通常用于开发原生Android应用？A. React NativeB. FlutterC. AngularD. Vue.js8、在HTML5中，以下哪个标签用于创建视频播放器？A.B.C.D.9、题干：在HTML5中，哪个属性可以用来控制页面是否在加载时显示滚动条？A. scrollbarsB. scrollbar-widthC. scrollD. autoScroll 10、题干：以下哪个技术不是React.js中的核心概念？A. JSXB. Virtual DOMC. HooksD. jQuery二、多项选择题（本大题有10小题，每小题4分，共40分）1、以下哪些技术或框架是前端开发中常用的？（）A、HTML5B、CSS3C、JavaScriptD、ReactE、Vue.jsF、jQueryG、AngularH、Swift（用于移动开发）2、以下哪些特性是移动开发中Android和iOS平台共有的？（）A、触摸屏操作B、多点触控C、应用生命周期管理D、文件存储访问E、网络通信F、图形渲染G、传感器数据访问H、应用权限管理3、以下哪些技术栈通常用于移动端开发？（）A. HTML5, CSS3, JavaScriptB. Android原生开发（Java/Kotlin）C. iOS原生开发（Objective-C/Swift）D. React NativeE. Flutter4、以下哪些是前端性能优化的常见方法？（）A. 压缩图片和资源文件B. 使用CDN加速内容分发C. 减少DOM操作，使用DocumentFragmentD. 利用缓存机制，如Service WorkerE. 使用CSS3的硬件加速5、以下哪些技术或框架是前端开发中常用的？（）A. HTML5B. CSS3C. JavaScriptD. ReactE. Vue.jsF. AngularG. Node.js6、在移动开发中，以下哪些平台支持原生应用开发？（）A. iOSB. AndroidC. Windows PhoneD. HTML5E. FlutterF. React NativeG. Xamarin7、以下哪些技术或框架是前端开发中常用的？（）A. HTML5B. CSS3C. JavaScriptD. ReactE. AngularF. Node.jsG. BootstrapH. jQuery8、以下哪些是移动开发中常见的平台和工具？（）A. Android StudioB. XcodeC. FlutterD. React NativeE. SwiftF. KotlinG. IntelliJ IDEAH. Visual Studio9、以下哪些技术或框架常用于前端开发？（）A. ReactB. AngularC. Vue.jsD. BootstrapE. JavaF. Kotlin 10、在移动应用开发中，以下哪些平台或技术是必须掌握的？（）A. iOS SDKB. Android SDKC. FlutterD. SwiftE. KotlinF. Web技术三、判断题（本大题有10小题，每小题2分，共20分）1、HTML5的本地存储方式中，WebSQL已经被弃用，目前主流的是localStorage和sessionStorage。

Web前端笔试115道题(带答案及解析)

Web前端笔试115道题（带答案及解析）1、html5为什么只需要写<!doctype html>?答：html5不是基于sgml（标准通用标记语言），不需要对dtd文件进行引用，但是需要doctype来规范浏览器的行为，否则浏览器将开启怪异模式，而html4.01基于sgml，需要引入dtd，才能告知浏览器文档使用的文档类型2、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？行内元素有：a b span img input select strong （强调的语气）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p知名的空元素：<br> <hr> <img> <input><link> <meta>鲜为人知的是：<area> <base> <col> <command> <embed> <keygen> <param><source> <track> <wbr>3、页面导入样式时，使用link和@import有什么区别？两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

Web前端开发笔试题

前端研发笔试题备注：请将答案写在答题纸上.一、选择题1．下面标签嵌套正确的是（）A. <ul><p>赶集网</p></ul>B. <a href="#"><a href="#">赶集网</a></a>C. <dl><li>赶集网</li></dl>D. <ol><li>赶集网</li></ol>2. 在HTML中，（）可以在网页上通过链接直接打开邮件客户端发送邮件。

A. <ahref=”telnet:************”>发送邮件</a>B. <a href=”mail:zh**********”>发送邮件</a>C. <ahref=”mailto:************”>发送邮件</a>D. <a href=”ftp:************”>发送邮件</a>3. 请选出所有的置换元素（）(多选)A. imgB. inputC. textareaD. select4．下面哪条声明能固定背景图片（）A. background-attachment:fixed;B. background-attachment:scroll;C. background-origin: initial;D. background-clip: initial;5．下列说法正确的是（）（多选）A. display: none；不为被隐藏的对象保留其物理空间；B. visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明；C. visibility:hidden;产生reflow和repaint(回流与重绘)；D. visibility:hidden;与display: none;两者没有本质上的区别；6．以下关于盒子模型描述正确的是（）A.标准盒子模型中：盒子的总宽度＝左右margin + 左右border + 左右padding + widthB.IE盒子模型中：盒子总宽度＝左右margin + 左右border + widthC.标准盒子模型中：盒子的总宽度＝左右margin + 左右border + widthD.IE盒子模型中：盒子总宽度＝ width7．英文字母全部转为大写正确的是（）A. text-transform: capitalize;B. text-transform: lowercase;C. text-transform: uppercase;D. font-weight: bold;8. 页面有一个按钮button id为 button1，通过原生的js如何禁用？（）(多选)A. document.getElementById("button1").readolny= true;B. document.getElementById("button1").setAttribute("readolny","true");C. document.getElementById("button1").disabled = true;D. document.getElementById("button1").setAttribute("disabled", "true");9．页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色？（）.A. document.getElementById('button1').style.backgroundColor="red";B. document.getElementById('button1').style.backgroundcolor="red";C. document.getElementById('button1').style.backGroundColor="red";D. document.getElementById('button1').style.bgcolor="red";10．使用CSS来格式化网页，共有三种方式，以下哪一种不是( ).A. 在HEAD中引用B. 作为标记来引用C. 在BODY中引用D. 作为文件来引用11. 下述有关border:none以及border:0的区别，描述错误的是？( )(多选)A. border:none表示边框样式无B. border:0表示边框宽度为0C. 当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0D. 当定义边框时，仅设置边框宽度也可以达到显示的效果12．iframe的使用场景有？( )A. 与第三方域名下的页面共享cookieB. 上传图片，避免当前页刷新C. 左边固定右边自适应的布局D. 资源加载13．通常我们在浏览器内容区看到的内容，都是放入在 ( ) 之间A. <!doctype html>B. <html></html>C. <head></head>D. <body></body>14. 在网站上添加链接使用的标签是( )A. title标签B. img标签C. meta标签D. a标签15．通过分析如下HTML代码，可以得出( )（多选）A.该表格共有2行3列B.该表格中的文字均居中显示C.该表格的边框宽度为10毫米D."员工号"单元个跨2列二、填空题16．CSS中的________属性可为元素设置外边距，改变元素的内填充用______属性。

前端开发笔试题及答案

前端开发笔试题及答案### 前端开发笔试题及答案#### 一、选择题1. 下列哪个不是HTML5的新特性？- A. 语义化标签- B. 地理位置- C. 表单控件- D. 内联框架（iframe）答案： D2. CSS3中，以下哪个属性用于实现圆角效果？- A. `border-radius`- B. `border-style`- C. `border-color`- D. `border-width`答案： A3. JavaScript中，以下哪个方法用于获取数组中的最大值？ - A. `Math.max()`- B. `Array.max()`- C. `Array.maxValue()`- D. `Math.maxValue()`答案： A#### 二、简答题1. 解释什么是跨域请求，并说明如何解决跨域问题。

跨域请求指的是浏览器在执行Ajax请求时，由于同源策略的限制，不能向与当前页面不同源的服务器发送请求。

解决跨域问题的方法有： - JSONP：通过动态创建`<script>`标签，利用其不受同源策略限制的特性来获取数据。

- CORS：服务器端设置响应头`Access-Control-Allow-Origin`，允许特定的源访问资源。

- 代理服务器：在同源的服务器上设置代理，由代理服务器向目标服务器发送请求，再将结果返回给前端。

2. 描述一下事件冒泡和事件捕获的区别。

事件冒泡是指事件从最具体的元素（事件目标）开始，逐级向上传播到较为不具体的节点（文档）。

事件捕获则是事件从最不具体的节点（文档）开始，逐步向下传播到最具体的节点（事件目标）。

事件冒泡是默认的事件处理机制，而事件捕获可以通过设置`addEventListener`的第三个参数为`true`来启用。

#### 三、编程题1. 编写一个JavaScript函数，实现数组去重的功能。

```javascriptfunction uniqueArray(arr) {return [...new Set(arr)];}```2. 编写一个HTML和CSS代码片段，创建一个简单的响应式导航栏。

web前端开发笔试题及答案

web前端开发笔试题及答案一、选择题（每题2分，共10分）1. HTML5新增的表单元素不包括以下哪个选项？A. emailB. urlC. datetimeD. password答案：C2. 下列哪个选项不是CSS3的新特性？A. 多列布局B. 圆角C. 透明度D. 表格边框合并答案：D3. JavaScript中，以下哪个方法用于获取元素的属性值？A. getAttribute()B. getElementsByTagName()C. getElementsByClassName()D. getElementById()答案：A4. 在JavaScript中，下列哪个不是合法的变量名称？A. _nameB. $nameC. 2nameD. name5. 下列哪个选项不是JavaScript中的保留关键字？A. varB. functionC. classD. return答案：C二、填空题（每题2分，共10分）1. 在HTML中，用于定义最重要的标题的标签是________。

答案：h12. CSS中，用于设置文本颜色的属性是________。

答案：color3. JavaScript中，用于获取当前日期的函数是________。

答案：new Date()4. 在JavaScript中，用于获取页面URL的属性是________。

答案：window.location.href5. 在HTML5中，用于定义导航链接的语义标签是________。

答案：nav三、简答题（每题5分，共20分）1. 请简述HTML5相对于HTML4的新特性。

答案：HTML5相对于HTML4的新特性包括但不限于：语义化标签（如header、footer、section、article等）、表单控件（如email、url、date等）、新的API（如Web Storage、Web Workers、Geolocation 等）、多媒体支持（如audio、video标签）和图形绘制（如canvas2. 请列举至少三种CSS选择器。

Web前端笔试115道题(带答案及解析)

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

web前端开发基础试卷及答案

web前端开发基础试卷及答案一、选择题1计算机之所以按人们的意志自动展开工作.最轻易的原因是因为使用了CA)二进制数制 B)高速电子元件C)存储程序控制 D)程序设计语言2微型计算机主机的主要组成部分是B运算器和控制器 B)CPU和内存储器和硬盘存储器 D)CPU、内存储器和硬盘3一个完备的计算机系统必须包含B主机、键盘、和显示器 B)硬件系统和软件系统主机和其他外部设备 D)系统软件和应用软件4计算机软件系统包括AA)系统软件和应用软件 B)编译系统和应用领域系统C)数据库管理系统和数据库 D)程序、相应的数据和文档5微型计算机中，控制器的基本功能就是DA)进行算术和逻辑运算 B)存储各种控制信息 C)保持各种控制状态 D)控制计算机各部件协调一致地工作6计算机操作系统的促进作用就是AA管理计算机系统的全部软、硬件资源，合理组织计算机的工作流程，以达到充分发挥计算机资源的效率，为用户提供使用计算机的友好界面B对用户存储的文件展开管理，便利用户C执行用户键入的各类命令D为汉字操作系统提供更多运转基础7计算机的`硬件主要包括：中央处理器（CPU）、存储器、输出设备和CA键盘 B)鼠标 C)输出设备 D)显示器8下列个组设备中，完全属于外部设备的一组是D内存储器、磁盘和打印机 B)CPU、软盘驱动器和RAMC显示器和键盘 D)硬盘、软盘驱动器、键盘10五笔字型码输入法属BA音码输入法 B)形码输入法 C)音形结合输入法 D)联想输入法11一个GB编码字符集中的汉字的机内码长度就是C(每个汉字占到两个字节，每个字节8十一位)A48位 B)24位 C)16位 D)8位12微型计算机硬件系统中最核心的部件就是DA硬盘 B)I/O设备 C)内存储器 D)CPU14无符号二进制整数转变成十进制整数，其值就是D B)19 C)21 D)2315一条计算机指令中，通常包含BA数据和字符 B)操作码和操作数 C)运算符和数据 D)被运算数和结果16计算机病毒破坏的主要对象是DA磁盘片 B)磁盘驱动器 C)CPU D)程序和数据16下列叙述中，正确的是BA能够轻易加载硬盘上的数据 B)CUP能够直接存取内存储器中的数据C)CPU有存储器和控制器组成D主要用以存储程序和数据在计算机技术指标中，MIPS用来描述计算机的AA运算速度 B)时钟主频 C)存储容量 D)字长17局域网的英文缩写是BA广域网 B)LAN C)MAN虚拟网 D)Internet互联网二、汉字录入(10分钟)打印以下文字，方法不减半，限时10分钟。

web前端笔试题及答案

web前端笔试题及答案一、选择题1.下列哪个标签可用于定义HTML文档的主体内容？A) <head>B) <section>C) <body>D) <div>答案：C) <body>2.CSS中，以下哪个属性可以控制元素的背景颜色？A) colorB) borderC) background-colorD) font-size答案：C) background-color3.哪个标签是用于定义JavaScript脚本的引用？A) <link>B) <script>C) <style>D) <meta>答案：B) <script>二、填空题1.HTML中用于定义大标题的标签是______。

答案：h1（或H1）2.在CSS中，用于选择所有p元素的选择器是______。

答案：p（或P）3.JavaScript中用于声明变量的关键字是______。

答案：var（或VAR）三、简答题1.请简要解释HTML、CSS和JavaScript分别是什么。

答：HTML（超文本标记语言）是一种标记语言，用于描述网页结构和内容。

CSS（层叠样式表）是一种样式表语言，用于定义网页元素的样式和布局。

JavaScript是一种脚本语言，用于为网页添加交互功能和动态效果。

2.请列举三个常用的HTML标签，并简要说明它们的作用。

答：常用的HTML标签有：- <p>标签用于定义段落的内容。

- <a>标签用于创建超链接，指向其他页面或资源。

- <img>标签用于插入图像，显示在网页上。

3.请简述CSS选择器的优先级规则。

答：CSS选择器的优先级规则是：- 对于同一元素，内联样式具有最高优先级。

- 若有多个样式规则应用于同一元素，将根据选择器的特殊性（Specificity）来判断优先级。

Web前端工程师笔试题.docx

Web前端工程师笔试题一.不定项选择题（30分）1） HTML5的正确文档声明类型是？（D ）A、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN"n /TR/html5/strict.dtd H>B、<!DOCTYPE HTML5>C、<!DOCTYPE html5>D、<!doctype html>E、<abbr> 2） HTML5中不再支持下面哪些元素？（ABCD）A x <font>B x <frameset>C x <center>D x < marquee〉3） HTML5新增的input type类型有哪些？（BCDE）A、image B x color C x date D x range E、tel4） HTML5中播放音频和视频的标签有哪些？（DE ）A、mp3B、movieC、mp4D、videoE、audio5）正确描述<canvas>标签的是？（BCE ）A、定义用于网络的基于矢量的图形B、必须通过脚本语言才能进行绘图C、不支持事件处理器D、不依赖分辨率E、弱的文本渲染能力6）以下CSS样式表中优先级最高的是？（C）A、外咅B样式表B、内咅阱羊式表C、内联样式7)以下哪些是CSS3中新增的属性？(ABCD)A x border-radiusB x box-sizingC x background-size D、text-shadow E x white-space8)可以实现图片保持宽高等比例缩放的是？(BD)A、width: 100%;height: 100%;B、width: 100%;height:auto;C x background-size: 100% 100%;D x background-size: 100%;9)可以实现选择某个元素的所有奇数项的选择器是？(C)A、:first-of-type B x :nth-child(2n+1) C x :nth-of-type(2n+1) D、:nth-last-of-type(3n)10)可以实现只选择与div相邻的p元素的选择器是？(E)A x div＞pB x div，pC x div pD x div~pE x div+pID若想实现逬入页面时改变某HTML元素的样式,则应把js代码写在什么位置? (C)A x＜/head＞之前B x v/head＞之后C x＜/body＞之前D、＜/body＞之后12)以下哪个js写法是正确的？(A)A、getElementByld B x getElementbylD C x GetElementbyld D x GetElementByld13)判断a和b在各方面都相等的语句是？( C )A x a = bB x a == bC x a === bD x a ==== b14）以下哪种方法能够获取网页的可见区诚宽度？(BCF)A、window.screen.widthB x window.innerWidthC x document.body.clientWidthD、document.body.offsetWidthE x document.body.scrollWidthF x document.documentElement.clientWidth15）以下哪种方法能够在所有浏览器中都能改变P的样式名称？（A）A、p.className=H a,f B. p.setAttribute ("class”，"a”) C s p.setAttribute(,,className l\ H a n);问答题（30分）1）写出几个HTML5新增的元素,并说明他们是块级元素还是行内元素块级元素：<article>x <aside>K <section>x <footer>x <header>x <figure>x <figcaption>彳亍内元素：<mark>x <progress>x <meter>x <time>x <canvas>x < svg>x <video>x <audio>2）移动端网页通常需要设置的禁止缩放功能的meta 信息是什么？<mcta name —'viewport” contcnt=n width=dcvicc-width, initial-scalc=l, uscr-scalablc=no H >3） CSS 的position 定位方式有哪几种？有什么不同？Static 定位：默认值,静态定位，即没有定位■元素岀现在正常的流中,不会受到top, bottom, left, right 的影响,会随着窗口滚动而滚动。

web前端笔试题及答案

web前端笔试题及答案一、HTML部分1. 什么是HTML？HTML（超文本标记语言）是一种用于创建网页的标准标记语言，它结合了文本、图像和其他内容，以及用于规定布局和样式的标签和属性。

2. HTML5中新增了哪些元素和功能？HTML5引入了很多新的元素和功能，包括但不限于以下几个：- 新的语义化标签，如`<header>`、`<footer>`、`<nav>`等，用于更好地描述页面内容的结构。

- 音频和视频元素`<audio>`和`<video>`，以及对应的控制API，使得在网页中嵌入和控制多媒体内容更加方便。

- 表单部分的增强，包括新增的输入类型（如日期、时间、邮箱等）和表单验证功能。

- WebGL、Canvas和SVG的支持，实现更丰富的图形和动画效果。

- 本地存储，如LocalStorage和SessionStorage，提供了在浏览器端存储数据的能力。

- 增强的地理定位、拖拽、离线应用等功能。

3. 请描述一下HTML中的块级元素和内联元素的区别。

- 块级元素：块级元素会独占一行或多行空间，可以设置宽度、高度、外边距和内边距等样式属性。

常见的块级元素包括`<div>`、`<p>`、`<h1>`-`<h6>`等。

- 内联元素：内联元素与其他元素在一行上并排显示，宽度和高度由内容决定，无法设置上述的样式属性。

常见的内联元素包括`<span>`、`<a>`、`<strong>`、`<em>`等。

4. 如何在HTML中嵌入图像？可以使用`<img>`元素来在HTML中嵌入图像，需要设置`src`属性为图像文件的URL，如：```<img src="image.jpg" alt="描述性文本">```其中，`alt`属性指定了在图像无法加载时的替代文本，可以提高可访问性。

web前端工程师笔试题目大全及答案

web前端工程师笔试题目大全及答案web前端工程师笔试题目及答案数组js数组中不会改变原有数组的方法是A. pushB. concatC. sortD. shift下列哪种数组的方法不会修改数组本身A. sliceB. spliceC. sortD. unshiftJava中需要往数组末尾处添加一个元素，应该使用以下哪个方法：A. pushB. popC. shift以下js操作Array的方法中不能添加元素的是：A. pushB. popC. unshiftD. splice数组以下哪个方法会影响原数组？A. concatB. spliceC. sliceD. joinJava中，下列哪一个Array的方法的返回值类型和其他不同A. concatB. shiftC. filterD. map如下的Array.prototype上的方法中，那个方法不会改变原有的数组？A. pushB. sliceD. sort对于一个数字组成的数组 nums，现在需要执行在不改动 nums 的基础上去重操作，返回一个新的无重复元素的数组，以下几段代码能完成这一操作的是// (1)const newNums = Array.from(new Set(nums))// (2)const newNums = nums.filter((n, i) = {returnnums.indexOf(n) === i})// (3)const newNums = nums.forEach((n, i) = {returnnums.indexOf(n) === i})// (4)const newNums = nums.reduce((acc, n, i) = {return[].concat(acc, nums.indexOf(n) === i ? n : [])})A. (1)、(2)、(3)、(4)B. (1)、(3)、(4)C. (1)、(2)、(4)D. (1)、(4)答案BAABBBBC正则正则表达式 ^d+[^d]+ 能匹配下列哪个字符串？A. 123B. 123aC. d123D. 123def下面哪个不是RegExp对象的方法A. testB. matchC. execD. compile以下哪项可以去除变量str中的所有空格A. str.replace(`/\s__/g, ""`)B. str.replace(`/^\s|\s$/g, ""`)C. str.replace(`/^\s__/, ""`)D. str.replace(`/(\s__$)/g, ""`)答案CBA其他下列函数哪个不是Java的全局函数A. encodeURIB. parseFloatC. roundD. eval编写高性能Java，以下描述错误的是A. 遵循严格模式： "use strict"B. 将js脚本放在页面顶部，加快渲染页面C. 将js脚本成组打包，减少请求，尽量减少使用闭包D. 使用非阻塞方式下载js脚本，最小化重绘(repaint)和回流(reflow) 有关Java中系统方法的描述，错误的是？A. parseFloat方法：该方法将一个字符串转换成对应的小数B. isNaN方法：该方法用于检测参数是否为数值型，如果是，返回 true，否则，返回 false。

Web前端开发工程师笔试题.doc

Web前端开发工程师笔试题Web前端开发工程师笔试题篇11. 在一个框架的属性面板中，不能设置下面哪一项。

( C )A.源文件;B.边框颜色;C.边框宽度D.滚动条2. CSS样式表根据所在网页的位置，可分为?(B )A.行内样式表、内嵌样式表、混合样式表B.行内样式表、内嵌样式表、外部样式表C.外部样式表、内嵌样式表、导入样式表D.外部样式表、混合样式表、导入样式表3.对于标签，其中*代表GET或( C )A. SETB. PUTC. POSTD. INPUT4. HTML代码表示?(D )A. 创建表格B. 创建一个滚动菜单C. 设置每个表单项的内容D. 创建一个下拉菜单5. 在表单中包含性别选项，且默认状态为男被选中，下列正确的是( A )A.男B.男C.男D.男6. 在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B )A. A:link{TEXT-DECORATION: underline }B. A:hover {TEXT-DECORATION: none}C. A:active {TEXT-DECORATION: blink }D. A:visited {TEXT-DECORATION: overline }7. 下面代码片段，说法正确的是:(B ).DIV1 { position:absolute;line-height:22px;height:58px;background-color: #FF0000; }A. Line-height:22px;修饰文本字体大小B. position:absolute;表示绝对定位，被定位的元素位置固定C. height:58px; 表示被修饰的元素距离别的元素的距离D. background-color: #FF0000; 表示被修饰的元素的背景图像8. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置( B )属性的。

WEB前端开发岗位笔试题(一)

一、单选题1.下列元素中，为行内元素的是（）。

A. divB. spanC. pD. h32.下列HTML代码中，能在新窗口中打开新浪首页的是（）。

A. <a src="">新浪</a>B. <a src="" target="_blank">新浪</a>C. <a href="" target="_blank">新浪</a>D. <a href="">新浪</a>3.需要创建一个多选框，且和文本关联起来（单击文本就像单击核选框一样）。

下列HTML 代码中，正确的是（）。

A.<input type="checkbox" /><label>记住我</label>B.<input type="checkbox" /><label for="checkbox">记住我</label>C.<input type="checkbox" id="c1" /><label>记住我</label>D.<input type="checkbox" id="c1" /><label for="c1">记住我</label>4.下列方法中，能让网页中第5个div隐藏的是（）。

A.$("div:5th-child").hide()B.$("div:5th-child").hidden()C.$("div:nth-child(5)").hide()D.$("div:nth-child(5)").hidden()5.有内部样式表定义如下：<style type="text/css">p{color:Red;font-size:15pt;}</style>同时，有html 代码如下所示：<p style="background-color:gray;color:Blue;">p text</p> 段落中的文本”p text“的最终显示效果是（）。

2020web前端初级考试题库及答案

2020web前端初级考试题库及答案一、单选题（每题2分，共20分）1. HTML5中，用于定义文档的元数据的标签是？A. `<html>`B. `<head>`C. `<title>`D. `<meta>`答案：B2. CSS中，用于设置文本颜色的属性是？A. `color`B. `background-color`C. `text-shadow`D. `font-family`答案：A3. JavaScript中，用于获取当前时间的函数是？A. `Date()`B. `new Date()`C. `getTime()`D. `setTimeout()`答案：B4. 在HTML中，用于创建一个无序列表的标签是？A. `<ul>`B. `<ol>`C. `<dl>`D. `<p>`答案：A5. CSS中，用于设置元素的外边距的属性是？A. `margin`B. `padding`C. `border`D. `font-size`答案：A6. JavaScript中，用于获取元素的`id`属性值的函数是？A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelector()`答案：A7. 在HTML中，用于创建一个超链接的标签是？A. `<a>`B. `<iframe>`C. `<embed>`D. `<object>`答案：A8. CSS中，用于设置元素的背景颜色的属性是？A. `background-color`B. `color`C. `background`D. `text-shadow`答案：A9. JavaScript中，用于获取当前日期的函数是？A. `Date()`B. `new Date()`C. `getDate()`D. `setTimeout()`答案：C10. 在HTML中，用于创建一个有序列表的标签是？A. `<ul>`B. `<ol>`C. `<dl>`D. `<p>`答案：B二、多选题（每题3分，共15分）1. 在HTML5中，以下哪些标签用于语义化结构？A. `<article>`B. `<section>`C. `<div>`D. `<header>`答案：A, B, D2. CSS中，以下哪些属性可以设置字体样式？A. `font-family`B. `font-size`C. `font-weight`D. `color`答案：A, B, C3. JavaScript中，以下哪些方法用于获取元素？A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelectorAll()`答案：A, B, C, D4. 在HTML中，以下哪些标签用于表单元素？A. `<input>`B. `<select>`C. `<textarea>`D. `<button>`答案：A, B, C, D5. CSS中，以下哪些属性用于设置元素的边框？A. `border-style`B. `border-width`C. `border-color`D. `margin`答案：A, B, C三、判断题（每题1分，共10分）1. HTML5中，`<!DOCTYPE html>`声明不是必需的。

Web前端开发工程师笔试题

Web前端开发工程师笔试题Web前端开发工程师笔试题一、选择题1. HTML是什么的缩写？A. HyperText Markup LanguageB. Hyper Tool Markup LanguageC. HyperText Machine LanguageD. Hot Tool Markup Language2. CSS是什么的缩写？A. Cascading Style SheetsB. Cascading Sheet StylesC. Cascading Style SystemsD. Cascading Style Scripts3. JavaScript是什么类型的编程语言？A. 动态脚本语言B. 静态编译语言C. 低级机器语言D. 高级对象语言4. Web前端开发中，哪个标签用于定义HTML文档的主体部分？A. <header>B. <footer>C. <body>D. <section>5. 下面哪个CSS属性用于设置文本的颜色？A. background-colorB. text-colorC. font-colorD. color6. 下面哪个不是合法的JavaScript变量名？A. _scoreB. 2pointsC. myVarD. $name7. 下面哪个不是HTML5新增的标签？A. <nav>B. <article>C. <div>D. <main>8. 哪个HTML标签用于定义无序列表？A. <ul>B. <ol>C. <li>D. <p>9. 判断以下哪个不是浏览器端的JavaScript库？A. ReactB. VueC. AngularD. Express10. 下面哪个不是HTTP状态码的类别？A. 1xxB. 2xxC. 3xxD. 4xx二、填空题1. CSS中使用__选择器可以选择id为"myDiv"的元素。

web前端开发笔试题及答案

web前端开发笔试题及答案一、单选题（每题2分，共20分）1. HTML5中，用于定义文档类型和字符编码的标签是：A. <!DOCTYPE html>B. <html>C. <head>D. <meta charset="UTF-8">2. 下列哪个属性用于控制图片的宽度？A. srcB. altC. widthD. height3. CSS中，下列哪个属性用于设置元素的背景颜色？A. colorB. backgroundC. background-colorD. fill4. JavaScript中，用于获取当前日期的函数是：A. Date()B. new Date()C. getDate()D. getToday()5. 在JavaScript中，用于实现循环遍历数组的常用方法是：A. forB. whileC. forEachD. map二、多选题（每题3分，共15分）6. 下列哪些是HTML5的新特性？A. 语义化标签B. 表单控件C. 媒体播放D. 画布(Canvas)7. CSS中，哪些属性可以设置元素的边框样式？A. borderB. border-styleC. border-widthD. border-color8. JavaScript中，哪些是常用的数据类型？A. NumberB. StringC. BooleanD. Undefined9. 在JavaScript中，哪些方法可以用于数组元素的添加？A. push()B. unshift()C. splice()D. concat()10. 下列哪些是前端性能优化的方法？A. 压缩CSS和JavaScript文件B. 合并CSS和JavaScript文件C. 使用CDN加速静态资源加载D. 延迟加载非首屏资源三、简答题（每题5分，共10分）11. 请简述HTML和XHTML的主要区别。

WEB前端开发笔试题

WEB前端开发笔试题WEB前端开发笔试题⼀、单选题1、以下哪个单词不属于javascript保留字：（ B ）A.withB.parentC.classD.void2、下⾯对于JavaScript中的单选按钮（radio）的说法正确的是： ( A )A. 单选按钮可以通过单击“选中”和“未选中”来进⾏切换B. 单选按钮没有checked属性C. 单选按钮不⽀持onClick事件D. 单选按钮的length属性表⽰同⼀组中单选按钮的数量3、下⾯哪个是display布局中⽤来设置对象以块显⽰，并添加新⾏的？（ C ）A、inlineB、noneC、blockD、compact4、在jquery中想要找到所有元素的同辈元素，下⾯哪⼀个是可以实现的？ ( C )A、eq(index)B、find(expr)C、siblings([expr])D、next()5、使⽤jquery检查<input type="hidden" id="id" name="id" />元素在⽹页上是否存在。

（B ）A：if($("#id")) { //do someing... }B: if($("#id").length > 0) { //do someing... }C: if($("#id").length() > 0) { //do someing... }D: if($("#id").size > 0) { //do someing... }6、在jquey中，如果想要从DOM中删除所有匹配的元素，下⾯哪⼀个是正确的（C ）A：delete() B：empty()C：remove() D：removeAll()7、在以下代码段中，哪些变量是全局变量？（D ）<script type="text/javascript">var a = 1;function foo() {if (a == 1) {var b = 2;if (b == 2) {c = 3;}}</script>(A) 只有a (B) a和c (C) b和c (D) a、b、c都是8、执⾏下⾯的代码打印出的结果，正确的是：（A ）<script type="text/javascript">alert(true + 1);alert("3" + 0);alert(5 + "12");alert(undefined + 11);</script>(A) 2，30，512，NaN(B) NaN，30，17，undefined(C) 1，3，17，NaN(D) NaN，30，512，119、执⾏下⾯的代码打印出的结果，正确的是：（ C ）<script type="text/javascript">var a = 1;function foo() {var a = 2;var b = 3;alert(b);c = 4;}alert(a);foo();alert(c);</script>(A) 2，3，4 (B) 1，3，出错 (C) 1，3，4 (D) 2，3，出错10、有⼀个HTML⽂件，其源码如下，该⽂件被浏览器加载时，依次打印出来的信息正确的是：（ C ）<script type="text/javascript">var show = function () {alert('show_function');}alert('script');<head>js Test</head><body onload="alert('onload')"><script type="text/javascript">alert('in_body');</script></body></html><script type="text/javascript">show();</script>(A) show_function，script，onload，in_body(B) script，onload，in_body，show_function(C) script，in_body，show_function，onload(D) script，in_body，onload，show_function⼆、填空题1、在jquery中，想让⼀个元素隐藏，⽤_$().hide()_实现，显⽰隐藏的元素⽤_$().show()_实现。

web前端研发工程师笔试题(选择题带答案)

1. 要动态改变层中内容可以使用的方法有（AB ）a）innerHTMLb）innerTextc)通过设置层的隐藏和显示来实现d）通过设置层的样式属性的display属性2. 当按键盘A时，使用onKeyDown事件打印event.keyCode的结果是（A ）a)65b）13c)97d）373. 在javascript里,下列选项中不属于数组方法的是(B)；a）sort(）b)length(）c)concat(）d)reverse（）4. 下列哪一个选项可以用来检索被选定的选项的索引号？（B）a）disabledb）selectedIndexc）optiond）multiple5。

希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A ）a)在图片的onClick事件中手动提交b）在图片上添加onSubmit事件c）在图片的onSubmit事件中手动提交d)在表单中自动提交6。

使div层和文本框处在同一行的代码正确的是（D )；a)b)c）d）7. 下列选项中，描述正确的是(选择两项） .( AD ）a)options.add(new Option（‘a’,’A’））可以动态添加一个下拉列表选项b)option。

add（new Option(‘a’，'A’）)可以动态添加一个下拉列表选项c)new Option（‘a’,’A’)中’a’表示列表选项的值,’A'用于在页面中显示d）new Option(‘a’，'A’）中’A’表示列表选项的值，’a’用于在页面中显示8. 、var emp = new Array(3）；for（var i in emp)以下答案中能与for循环代码互换的是：（选择一项).(D )A for(var i =0；i〈emp; i++）B for(var i =0；i〈Array(3）; i++)C for（var i =0；i<emp。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1. 要动态改变层中内容可以使用的方法有( AB )
a) i nn erHTML
b) i nn erText
c) 通过设置层的隐藏和显示来实现
d) 通过设置层的样式属性的 display 属性
2. 当按键盘 A 时，使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65
b) 13
c) 97
d) 37 3.在javascript 里，下列选项中不属于数组方法的是(
B )； a) sort() b) l e ngth() c)con cat()
d) r everse(
)
4.下列哪一个选项可以用来检索被选定的选项的索引号
(B)
a)disabled
b)
selectedl ndex c) opti on
d) multiple 5.希望图片具有”提交”按钮同样的功能，该如何编写表单提交？(A )
6. 使div 层和文本框处在冋一行的代码正确的是
(D );
a)
b)
c)
d) 7. 下列选项中，描述正确的是(选择两项)。

(AD )
a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项
b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项
c) n ew Optio n(,a?,'A?)中a 表示列表选项的值,?A 用于在页面中显示
d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示
8. 、 var emp = new Array(3);
for(var i in emp)
以下答案中能与for 循环代码互换的是：(选择一项)。

(D )
A for(var i =0; i<emp; i++)
B for(var i =0; i<Array(3); i++)
9. 制作级联菜单功能时调用的是下拉列表框的( A )事件。

a) on Cha nge
b) onFocus
c) selected
d) o nClick
10. 下列声明数组的语句中，错误的选项是( C )。

a) Var arry= new Array()
b) Var arry=new Array(3)
c) Var arry[]=new Array(3)(4)
d) Var arry=new Array(,3?,?4?)
11. 下列属性哪一个能够实现层的隐藏？( C)
a) display:fals
b) display:hidde n
c) display:none
d) display: ””
12. 下列哪一个选项不属于document对象的方法( D )
a) focus()
b) getEleme ntByld()
c) getEleme ntsByName()
d) bgColor()
13. 下列哪项是按下键盘事件(AB )
a) on KeyDow n
b) on KeyPress
c) keyCode
d) onM ouseOver
14. javascript进行表单验证的目的是( B)
a) 把用户的正确信息提交给服务器
b) 检查提交的数据必须符合实际
c) 使得页面变得美观、大方
d) 减轻服务器端的压力
15. 、display属性值的常用取值不包括(C )
a) i nline
b) block
c) hidde n
d) none
16. 以下有关pixelTop属性与top属性的说法正确的是。

（D ）
a）都是Location对象的属性
b）使用时返回值都是字符串
c）都是返回以像素为单位的数值
d）以上都不对
17. 使用open方法打开具有浏览器工具条，地址栏，菜单栏的窗口，下列选项正确的是D
a) ope n( "x.html","HI","toolbas=1,scrollbars=1,status=1");
b) ope n("HI","scrollbars=1,locatio n=1,status=1");
c) ope n("x.html","status=yes,me nubar=1,locati on=1");
d) ope n("x.html","HI","toolbas=yes,me nubar=1,locatio n=1");
18. 下面关闭名为mydiv的层的代码正确的是(C )
a) docume nt.getEleme ntByld(mydiv).style.display="non e";
b) docume nt.getEleme ntByld("mydiv").style.display=none;
结构清晰，有利于SEO 缩短改版时间，布局更方便一次设计，多次使用
20. Block元素的特点是什么哪些元素默认为Block元素总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度是块元素的有：”
,和21.、inline元素的特点是什么哪些元素属于inline元素？
和其他元素都在一行上；
高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。

是inline 元素的有：,,,
和。

22. 、javascript 中表达式parse In t( “ X8X8 ”)+paseF的结果是什么?( C)
a) 8+8
b) 88
c) 16
d) “ 8 ” +?8
23. String 对象的方法不包括(C ) a) charAt();
b) substri ng()
c) len gth
d) toUpperCase() c) class
d) void
javascript 关键字：(C ) 25.以下哪个单词不属于 a) with
b) p are nt。