前端基础培训--随堂测试题6

合集下载

UI前端考试题(带答案)

UI前端考试题(带答案)

JAVA技术岗考试题(考试时间90 分钟)一、单项选择题(本答题共20 小题,每小题 1 分,共20分。

在每小题的四个备选答案中,选择一个正确答案,并将正确答案的字母填写在答题卡上)1、在JavaScript中,文本域不支持的事件包括()。

A. onBlurB. onLostFocusC. onFocusD. onChange2、Web 安全色所能够显示的颜色种类为()A. 4种B. 16种C. 216种D. 256种3、在HTML 中,标记<font>的Size属性最大取值可以是()A、5B、6C、7D、84、在HTML 中,标记<pre>的作用是()A、标题标记B、预排版标记C、转行标记D、文本效果标记5、在DHTML中,把整个文档的各个元素作为对象处理的技术是()A、HTMLB、CSSC、DOMD、Script(脚本语言)6、下列描述错误的是()A、DHTML 是HTML基础上发展的一门语言B、根据处理用户操作的位置不同,HTML 主要分为两大类:服务器端动态页面和客户端动态页面C、客户端的DHML技术包括、CSS、DOM和脚本语言D、DHML 侧重于WEB的内容的动态表现7、使用FrontPage 时,如果要检查网页的超链接是否正确有效,可以使用()A、网页视图B、超链接视图C、报表视图D、导航视图8、在Web 服务器上的目录权限级别中,最安全的权限级别是()A 、 读取B 、 执行C 、 脚本D 、 写入9、非色彩所具有的属性为(A、 色相 B 、 饱和度C 、 明度D 、 纯度10、在以下的 HTML 中,哪个是正确引用外部样式表的方法(A 、 <style src="">B 、 <link rel="stylesheet" type="text/css" href="">C 、 <stylesheet></stylesheet>11、 以下哪条语句会产生运行错误: (A )。

前端测试题及答案

前端测试题及答案

前端测试题及答案一、单选题(每题2分,共10分)1. HTML5中,用于定义文档类型和HTML版本信息的标签是?A. `<!DOCTYPE html>`B. `<html>`C. `<head>`D. `<title>`答案:A2. CSS中,以下哪个属性用于设置元素的背景颜色?A. `background-color`B. `color`C. `font-color`D. `background`答案:A3. JavaScript中,用于获取页面中元素的DOM操作是?A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelector()`答案:A4. 在JavaScript中,以下哪个方法用于将字符串转换为小写?A. `toUpperCase()`B. `toLowerCase()`C. `toLocaleUpperCase()`D. `toLocaleLowerCase()`答案:B5. 下列哪个是JavaScript中的一个全局函数,用于解析JSON字符串?A. `JSON.parse()`B. `JSON.stringify()`C. `eval()`D. `decodeURI()`答案:A二、多选题(每题3分,共15分)6. 以下哪些是HTML5新增的语义化标签?A. `<article>`B. `<section>`C. `<footer>`D. `<p>`答案:ABC7. CSS中,哪些属性可以设置元素的字体大小?A. `font-size`B. `font-family`C. `line-height`D. `font-weight`答案:A8. JavaScript中,哪些方法可以用来创建一个新的数组?A. `Array()`B. `new Array()`C. `[]`D. `new ArrayConstructor()`答案:ABC9. 在JavaScript中,哪些是事件对象的属性?A. `event.type`B. `event.target`C. `event.preventDefault()`D. `event.stopPropagation()`答案:AB10. 下列哪些是JavaScript中常见的异步编程模式?A. 回调函数B. PromiseC. 事件监听D. 同步编程答案:ABC三、判断题(每题1分,共5分)11. HTML中的`<img>`标签必须包含`src`属性。

WER前端开发技术课程试卷标准答案六(精品文档)_共2页

WER前端开发技术课程试卷标准答案六(精品文档)_共2页

答:(1)<table>:这是表格标志;
(1 分)
(2)<caption> :这是表格标题标志;
(1 分)
(3)<th>:这是表格表头标志;
(1 分)
(4)<tr>:这是表格的行标志;
(1 分)
(5)<td>:这是表格的单元格标志。.
(1 分)
<h3>计算 1+1/2+1/3+...+1/n 的和</h3>
<frameset rows="10%,80%,*" bordercolor="#3300ff"> (1.5 分)
<frame src="top.hrml" name="top">
(1 分)
<frameset cols="25%,*">
(1 分)
<frame src="left.html" name="left">
单 href valign 选择符 checked
(13) (15) (17)
cols floor() <link>
(14) (16) (18)
ceil() round()
1010
(19)
y+=5
(20)
三、 看图填充程序(每空 2 分,共 36 分)
multiple
(1) (3)
color="blue" text/css
default
(14) (16) (18)
id="div1" level alert

前端测试题及答案

前端测试题及答案

前端测试题及答案一、选择题(每题2分,共20分)1. 在HTML中,以下哪个标签用于定义最重要的标题?A. `<h1>`B. `<p>`C. `<strong>`D. `<em>`答案:A2. CSS中,以下哪个属性用于设置元素的内边距?A. `margin`B. `padding`C. `border`D. `background`答案:B3. JavaScript中,以下哪个方法用于获取页面中元素的值?A. `getElementById()`B. `getValue()`C. `getElementsByClassName()`D. `getAttributeValue()`答案:A4. 在JavaScript中,以下哪个对象用于处理浏览器和文档之间的交互?A. `Date`B. `Math`C. `Document`D. `Array`答案:C5. 以下哪个不是HTML5的新特性?A. 语义化标签B. 表单控件C. 画布(Canvas)D. 表格(Table)答案:D6. 在CSS3中,以下哪个属性用于创建圆角边框?A. `border-radius`B. `border-style`C. `border-width`D. `border-color`答案:A7. 以下哪个JavaScript方法用于将字符串转换为数组?A. `split()`B. `join()`C. `slice()`D. `splice()`答案:A8. 在HTML中,以下哪个标签用于定义一个段落?A. `<p>`B. `<div>`C. `<span>`D. `<h1>`答案:A9. CSS中,以下哪个属性用于设置元素的外边距?A. `margin`B. `padding`C. `border`D. `background`答案:A10. 在JavaScript中,以下哪个方法用于判断一个值是否为数组?A. `Array.isArray()`B. `typeof`C. `instanceof`D. `Array.valueOf()`答案:A二、填空题(每空2分,共20分)1. HTML文档的根元素是________。

WEB前端开发技能培训试题以及答案

WEB前端开发技能培训试题以及答案

一、【单项选择题】:1.CSS是( B )的缩写。

A、Colorful Style SheetsB、Cascading Style SheetsC、Creative Style SheetsD、Computer Style Sheets2.下列( D )HTML属性可用来定义内联样式。

A、fontB、classC、stylesD、style3.要将某div设置为漂浮于页面之上,以下能做到得是( A )。

A、position:absolute;B、position:relativeC、position:fixedD、position:static4.下列( )标签表示页面的标题( C )。

A、headB、htmlC、titleD、body5.(D )HTML标签定义内部的样式表。

A、<css>B、<cssStyle>C、<script>D、<style>6.下列(A )工具可以方便地选择连续的、颜色相似的区域。

A、魔棒工具B、矩形选框工具C、椭圆选框工具D、磁性套索工具7.HTML文档中(A )位置比较适合于引用外部样式表。

A、在<head>部分B、文档开始C、文档结尾D、在<body>中8.用下列的( A )快捷键可以新建文件。

A、Ctrl+NB、Ctrl+MC、Ctrl+PD、Ctrl+C9.为了标识一个HTML文件应该使用的HTML标记是( C )。

A、<p></p>B、<boby></body>C、<html></html>D、<table>(/table>10.在CSS中,关于BOX的margin属性的叙述正确的是(B )。

A、边距margin只能取一个值B、margin属性的参数有margin-left、margin-right、margin-top、margin-bottomC、margin属性的值不可为autoD、margin属性的参数值不能全部设置成0px二、【判断题】:1.HTML文档结构由头部和主体构成(√)。

前端初级考试题及答案

前端初级考试题及答案

前端初级考试题及答案1. 以下哪个选项不是HTML5的新特性?A. 语义化标签B. 表单控件C. 内联框架D. 画布(Canvas)答案:C2. CSS选择器中,以下哪个选择器用于选择id为"header"的元素?A. #headerB. .headerC. headerD. header答案:A3. JavaScript中,以下哪个方法用于获取页面上所有元素的集合?A. getElementById()B. getElementsByClassName()C. getElementsByTagName()D. querySelectorAll()答案:D4. 在JavaScript中,以下哪个关键字用于声明一个函数?A. varB. functionC. constD. let答案:B5. 下列哪个是JavaScript中声明变量的正确方式?A. var name = "John";B. var name = 'John';C. var name = John;D. var name = "John", age = 25;答案:D6. 在HTML中,以下哪个标签用于定义最重要的标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:A7. CSS中,以下哪个属性用于设置元素的背景颜色?A. background-colorB. backgroundC. colorD. bgcolor答案:A8. 在JavaScript中,以下哪个方法用于将字符串转换为小写?A. toLowerCase()B. toUpperCase()C. toLower()D. toUpper()答案:A9. HTML中,以下哪个标签用于定义一个段落?A. <p>B. <div>C. <span>D. <section>答案:A10. CSS中,以下哪个属性用于设置文本的对齐方式?A. text-alignB. alignC. vertical-alignD. align-text答案:A11. 在JavaScript中,以下哪个方法用于将字符串转换为大写?A. toLowerCase()B. toUpperCase()C. toLower()D. toUpper()答案:B12. 在HTML中,以下哪个标签用于定义一个列表项?A. <li>B. <ul>C. <ol>D. <dl>答案:A13. CSS中,以下哪个属性用于设置元素的边框颜色?A. border-colorB. borderC. colorD. bgcolor答案:A14. JavaScript中,以下哪个关键字用于声明一个类?A. varB. functionC. classD. let答案:C15. 在HTML中,以下哪个标签用于定义一个无序列表?A. <ul>B. <ol>C. <li>D. <dl>答案:A16. CSS中,以下哪个属性用于设置元素的字体大小?A. font-sizeB. sizeC. fontsizeD. font答案:A17. JavaScript中,以下哪个方法用于判断一个值是否为数组?A. isArray()B. isType("array")C. typeofD. Array.isArray()答案:D18. HTML中,以下哪个标签用于定义一个有序列表?A. <ul>B. <ol>C. <li>D. <dl>答案:B19. CSS中,以下哪个属性用于设置元素的字体样式?A. font-styleB. styleC. fontD. font-style答案:A20. JavaScript中,以下哪个方法用于将字符串分割成数组?A. split()B. join()C. slice()D. substring()答案:A。

web前端智力测试题(3篇)

web前端智力测试题(3篇)

第1篇前言欢迎来到本次Web前端智力测试!这是一场针对Web前端开发者技能和知识的挑战。

我们将通过一系列问题来测试你对HTML、CSS、JavaScript以及Web开发相关知识的掌握程度。

请在答题时仔细阅读每个问题,并选择你认为最合适的答案。

祝你测试顺利!一、HTML基础(每题2分,共20分)1. HTML文档的基本结构包括哪些部分?A. 头部(Head)、主体(Body)、尾部(Tail)B. 标题(Title)、头部(Head)、主体(Body)C. 头部(Head)、尾部(Tail)、主体(Body)D. 标题(Title)、头部(Head)、尾部(Tail)2. 以下哪个标签是HTML5新增的?A. <div>B. <header>C. <footer>D. <span>3. 在HTML中,如何将文字加粗?A. <b>文字</b>B. <strong>文字</strong>C. <i>文字</i>D. <em>文字</em>4. 如何在HTML中添加图片?A. <img src="image.jpg" />B. <img src="image.jpg" alt="描述" />C. <img src="image.jpg" title="描述" />D. <img src="image.jpg" width="100" height="100" />5. 以下哪个属性可以控制表格的边框?A. borderB. cellspacingC. cellpaddingD. all6. 如何在HTML中创建有序列表?A. <ul>B. <ol>C. <li>D. <ul type="1">7. 以下哪个标签用于定义表单?A. <form>B. <input>C. <select>D. <textarea>8. 如何在HTML中添加超链接?A. <a href="url">链接文本</a>B. <a src="url">链接文本</a>C. <a link="url">链接文本</a>D. <a url="url">链接文本</a>9. 以下哪个属性可以控制输入框的宽度?A. widthB. sizeC. heightD. max10. 如何在HTML中添加下拉列表?A. <select>B. <option>C. <input type="select">D. <input type="dropdown">二、CSS基础(每题2分,共20分)1. CSS的全称是什么?A. Cascading Style SheetsB. Custom Style SheetsC. Common Style SheetsD. Custom Sheets2. 以下哪个选择器可以选中页面中所有的<p>标签?A. pB. .pC. pD. div3. 如何设置元素的字体大小?A. font-size: 12px;B. fontsize: 12px;C. font-size: 12px;D. font-size: 12px;4. 如何设置元素的背景颜色?A. background-color: red;B. back-color: red;C. bg-color: red;D. background-color: red;5. 如何设置元素的文本颜色?A. color: red;B. text-color: red;C. txt-color: red;D. color: red;6. 如何设置元素的边框?A. border: 1px solid red;B. border: 1px solid red;C. border: 1px solid red;D. border: 1px solid red;7. 如何设置元素的内边距?A. padding: 10px;B. padding: 10px;C. padding: 10px;D. padding: 10px;8. 如何设置元素的边距?A. margin: 10px;B. margin: 10px;C. margin: 10px;D. margin: 10px;9. 如何设置元素的显示方式?A. display: block;B. display: block;C. display: block;D. display: block;10. 如何设置元素的隐藏?A. visibility: hidden;B. visibility: hidden;C. visibility: hidden;D. visibility: hidden;三、JavaScript基础(每题2分,共20分)1. JavaScript的全称是什么?A. JavaScriptB. Java ScriptC. Java ScriptingD. JavaScript2. 如何在HTML中引入JavaScript文件?A. <script src="script.js"></script>B. <script type="text/javascript" src="script.js"></script>C. <script link="script.js"></script>D. <script src="script.js" type="text/javascript"></script>3. 如何在JavaScript中定义变量?A. var a = 10;B. var a = 10;C. var a = 10;D. var a = 10;4. 如何在JavaScript中获取元素的ID?A. getElementById("id");B. getId("id");C. getElementById("id");D. getId("id");5. 如何在JavaScript中获取元素的类名?A. getElementsByClassName("class");B. getClassName("class");C. getElementsByClassName("class");D. getClassName("class");6. 如何在JavaScript中获取元素的标签名?A. getElementsByTagName("tag");B. getTagName("tag");C. getElementsByTagName("tag");D. getTagName("tag");7. 如何在JavaScript中设置元素的文本内容?A. innerHTML = "文本";B. innerHTML = "文本";C. innerHTML = "文本";D. innerHTML = "文本";8. 如何在JavaScript中设置元素的值?A. value = "值";B. value = "值";C. value = "值";D. value = "值";9. 如何在JavaScript中添加事件监听器?A. addEventListener("事件", 函数);B. addEventListner("事件", 函数);C. addEventListener("事件", 函数);D. addEventListner("事件", 函数);10. 如何在JavaScript中创建一个数组?A. var arr = [1, 2, 3];B. var arr = [1, 2, 3];C. var arr = [1, 2, 3];D. var arr = [1, 2, 3];四、Web开发相关(每题2分,共20分)1. 什么是Web标准?A. 指的是HTML、CSS和JavaScript的规范B. 指的是浏览器兼容性C. 指的是网站性能D. 指的是网站设计风格2. 什么是HTML5?A. 是HTML的第五个版本B. 是HTML4的升级版C. 是CSS3的升级版D. 是JavaScript的升级版3. 什么是响应式设计?A. 是指网站能够适应不同屏幕尺寸B. 是指网站能够适应不同浏览器C. 是指网站能够适应不同操作系统D. 是指网站能够适应不同网络环境4. 什么是跨浏览器兼容性?A. 指的是网站能够在不同浏览器中正常显示B. 指的是网站能够在不同操作系统上运行C. 指的是网站能够在不同设备上运行D. 指的是网站能够在不同网络环境下运行5. 什么是SEO?A. 指的是搜索引擎优化B. 指的是搜索引擎营销C. 指的是搜索引擎广告D. 指的是搜索引擎推广6. 什么是Web API?A. 是指Web开发中使用的各种接口B. 是指Web开发中使用的各种框架C. 是指Web开发中使用的各种工具D. 是指Web开发中使用的各种库7. 什么是AJAX?A. 是一种异步JavaScript和XML技术B. 是一种用于网页数据交互的技术C. 是一种用于网页数据传输的技术D. 是一种用于网页数据存储的技术8. 什么是JSON?A. 是一种轻量级的数据交换格式B. 是一种用于网页数据传输的技术C. 是一种用于网页数据存储的技术D. 是一种用于网页数据交互的技术9. 什么是HTTP?A. 是一种用于网页数据传输的协议B. 是一种用于网页数据存储的协议C. 是一种用于网页数据交互的协议D. 是一种用于网页数据展示的协议10. 什么是HTTPS?A. 是一种基于HTTP的安全协议B. 是一种基于HTTPS的安全协议C. 是一种基于HTTP的加密协议D. 是一种基于HTTPS的加密协议五、综合应用(每题5分,共20分)1. 编写一个HTML页面,包含标题、段落、列表、表单和图片。

web前端开发初级试题及答案

web前端开发初级试题及答案

web前端开发初级试题及答案1. 单选题:以下哪个不是HTML5的新特性?A. 语义化标签B. 表单验证C. 内联框架D. 本地存储答案:C2. 填空题:在HTML中,用来定义最重要的标题的标签是____。

答案:<h1>3. 判断题:CSS选择器`ul li a`表示选择所有无序列表中的链接。

答案:错误。

它表示选择所有无序列表中列表项的链接。

4. 多选题:以下哪些是JavaScript中常用的数据类型?A. StringB. NumberC. BooleanD. Undefined答案:A, B, C, D5. 简答题:请解释JavaScript中的闭包是什么?答案:闭包是一个函数和声明该函数的词法环境的组合。

闭包允许函数访问其词法作用域之外的变量。

6. 编程题:使用JavaScript编写一个函数,计算两个数的和。

```javascriptfunction sum(a, b) {return a + b;}```答案:函数`sum`接受两个参数`a`和`b`,返回它们的和。

7. 单选题:以下哪个CSS属性用于设置文本的行间距?A. `line-height`B. `font-size`C. `letter-spacing`D. `word-spacing`答案:A8. 填空题:在CSS中,选择所有`<p>`标签的写法是____。

答案:p9. 判断题:HTML5中,`<canvas>`元素用于在网页上绘制图形。

答案:正确。

10. 多选题:以下哪些是Web前端开发中常用的版本控制系统?A. GitB. SVNC. FTPD. Mercurial答案:A, B, D11. 简答题:请简述HTML和CSS的区别。

答案:HTML是用于创建网页内容的标准标记语言,而CSS是用于描述HTML文档的样式(如字体、颜色、布局等)的语言。

12. 编程题:使用HTML和CSS创建一个简单的表格,包含标题行和两列数据。

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

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分钟。

前端培训练习题

前端培训练习题

前端培训练习题前端开发是近年来备受瞩目的领域之一,在IT行业中呈现出快速增长的趋势。

为了培养更多的优秀前端开发人才,许多机构和公司提供了关于前端开发的培训课程。

本文将提供一些前端培训的练习题,以帮助初学者巩固所学内容。

1. HTML/CSS基础题题目:创建一个网页,包括标题、段落、图片和链接。

美化该网页的样式,包括颜色、字体和布局。

提示:使用HTML标签创建基本结构,如`<html>`、`<head>`、`<body>`、`<title>`、`<p>`、`<img>`、`<a>`等。

通过CSS样式表选择器设置样式,如选择元素名、类名、ID等。

2. JavaScript基础题题目:编写一个JavaScript程序,实现计算器功能。

要求包括加法、减法、乘法和除法,并能正确处理输入错误的情况。

提示:使用JavaScript编写函数,通过`prompt()`函数获取用户的输入,使用`alert()`函数显示计算结果。

对输入进行逻辑判断,避免除数为零等错误。

3. 响应式设计题题目:创建一个具有响应式设计的网页,使其在不同设备上能够良好显示。

包括移动设备、平板电脑和桌面电脑。

提示:使用CSS媒体查询,根据不同的设备屏幕尺寸设置不同的样式。

使用布局技术,如Flexbox或Grid布局,以实现网页元素的自适应。

4. 框架练习题题目:使用一个前端框架,如React、Vue或Angular,创建一个简单的任务管理应用。

实现任务的增加、删除和编辑功能。

提示:根据选择的框架,创建组件、定义任务数据结构,并编写对应的事件处理函数。

通过框架的数据双向绑定机制,实现对任务列表的动态更新。

5. 性能优化题题目:优化一个网页的加载速度,并尽量减少网络请求和资源大小。

提示:使用合适的压缩工具压缩图片、CSS和JavaScript文件。

合并多个CSS和JavaScript文件,以减少网络请求。

web前端开发技术试卷六

web前端开发技术试卷六

Web前端开发技术课程考试试卷(六)总分100分考试时间:120分钟考试形式:闭卷一、选择题(每题1分,共20分)1.以下标记符中,用于设置页面标题的是_______。

(A)<title> (B)<caption>(C)<head> (D)<html>2.下列能够实现与用户交互、表单验证的语言是________。

(A)HTML (B)CSS(C)VFP (D)JavaScript3.以下标记中可以导入外部样式表的标记的是_________。

(A)<title> (B)<style>(C)<script> (D)<link>4.用_______符号可以在段落的首行插入空格。

(A)&copy;(B)&nbsp(C)&nbsp;(D)&space5.下列_________选项可以表达方程的解X2=4中的上标“2”。

(A)<b>2</b> (B)<tt>2</tt>(C)<sub>2</sub> (D)<sup>2</sup>6.在HTML页面上能产生无序列表的选项是_______。

(A)<dir><li>...</li>...</dir> (B)<dl><dt>...<dd>...</dl>(C)<ol><li>...</li>...</ol> (D)<ul><li>...</li>...</ul>7.将超链接的________属性指向子框架的名称属性,可以实现在指定的框架内打开超链接的目标网页。

WEB前端开发师资培训入训测试卷-初级(附答案)

WEB前端开发师资培训入训测试卷-初级(附答案)
A.goB.exitC.returnD.continue
10、需要用什么属性来定义,在元素的前面或后面插入内容。()
A.content属性B.text属性C.text-align属性D.font属性
11、使用下列哪项属性,可以对文字或图像进行旋转、缩放、倾斜和移动的变形处理。()
A.text-algin属性B.display属性C.transform属性D.font-adjust属性
7、调用函数要根据哪个代码执行的顺序原则。()
A.先定义,后调用B.先调用,后定义C.先定义,后调用,再定义D.先调用,后定义,再调用
8、删除数组中的最后一个元素,需要调用哪个方法。()
A.sort方法B.push()方法C.unshift()方法D.pop()方法
9、JavaScript函数中,哪个语句可以返回值。()
A.body:color=blackB.{body:color=black(body}
C.body{color: black}D.body=color: black
29、css样式不可能实现什么功能。()
A.兼容所有浏览器B.将格式和结构分离
C.控制图片的精确位置D.设置元素的样式
30、CSS样式中哪个优先级比较高。()
A.titleB.h3C.figcaptionD.caption
21、画布元素绘制线条时可以使用的样式属性不包含哪个。()
A.lineCapB.lineJoinC.lineWidthD.lineTo
22、HTML5中不再支持下面哪个元素。()
A.<p>B.<ins>C.<menu>D.<font>
23、以下哪项是脚本元素的必选属性。()

1+X web前端初级模拟试题6

1+X web前端初级模拟试题6

1. 在jQuery中,不能获取如下HTML代码中的p元素的选项是()A. $( "#myId" )B. $(".myClass" )C. $("p")D. $("#p")答案: D2. javascript中,关于分号的说法正确的是()A. 分号在每条语句的后面必须添加,否则程序无法运行B. javascript中一行的结束就是一条语句的结束,所以分号可以省略C. javascript中书写分号,不区分中英文。

D. 以上说法都正确答案: B3. 想让背景始终固定在浏览器的右下角,且背景图片不重复,不随着滚动条的滚动而滚动,以下正确的是()A. background:url('图片地址') repeat-y bottomB. background:url('图片地址') no-repeat bottomC. background:url('图片地址') no-repeat right bottomD. background:url('图片地址') no-repeat right bottom fixed答案: D4. 以下优先级最高的是()A. 属性选择器B. id选择器C. 标签选择器D. !important答案: D5. 需要让弹性子元素水平方向两端对齐,下列正确的是()A. justify-content:space-evenlyB. justify-content:space-betweenC. flex-direction:space-betweenD. flex-direction:space-evenly答案: B6. 在jQuery中,html()方法和text()方法的描述错误的()A. html()和text()方法都可以用来获取元素内容和动态改变元素内容B. html()用于获取第一个匹配元素的HTML内容或文本内容C. text()用于获取匹配元素的html内容D. text(content)用于设置所以匹配元素的文本内容答案: C7. javascript中,关于数组的方法说法正确的是()A. concat()用来将数组转成字符串B. pop()返回的是数组的长度C. push()返回的是数组的长度D. shift()返回的是数组的长度答案: C8. 在jQuery中,下列选项中关于jQuery的说法错误的是()A. $(selector).height() 方法可用于返回被选中元素的高度,不包括单位B. $(selector).height() 方法可用于设置被选中元素的高度C. slideUp()方法通过高度变化(向上减小)来动态地隐藏所有匹配的元素D. slideDown()方法通过高度变化(向下减小)来动态地隐藏所有匹配的元素答案: D9. javascirpt:下面()可实现刷新当前页面A. reload()B. replace()C. href()D. referrer答案: A10. 下列选项中关于JavaScript浏览器对象中history对象的说法错误的是()A. history对象记录了用户在一个浏览器中已经访问过的URLB. history对象的父对象是JavaScript浏览器对象的根对象windowC. 应用history对象的方法可以实现IE浏览器中“前进”和“后退”按钮的功能D. 应用history对象的back()方法相当于“前进”按钮,forward()方法相当于“后退”按钮答案: D11. javascript中,如果系统的时间是2016年2月20日,分析下列JavaScript代码,运行后在网页上显示()A. 2016 02 20B. 2016 2 20C. 2016 01 20D. 2016 1 2012. javascript中,想随机获取以下数组中的一个值,下划线处正确的代码是()A. ceil arr.lengthB. floor arr.length()C. floor arr.lengthD. ceil arr.length()答案: C13. 在css3中,关于兄弟选择器说法不正确的是()A. 兄弟选择器可选择接在另一元素后的元素,且二者有相同父元素B. 兄弟选择器只会向后检索,不会向前检索C. 紧邻兄弟选择器使用“+”,表示选择有相同父元素的所有元素D. “~”表示查找当前元素之后的所有兄弟元素答案: C14. javascript中,可以用来将字符串转为数组的方法是()A. substr()B. concat()C. slice()D. split()答案: D15. javascript中,以下代码会输出()A. 10 10 20B. undefined 5 20C. undefined 10 20D. 10 5 20答案: C16. 在CSS3新增的background-size属性中,哪个值可以让背景图片等比缩放填满整个容器?A. coverB. lengthC. percentageD. contain答案: A17. 下列不属于input在html5的新类型的是()A. dataC. rangeD. file答案: D18. 英文字母全部转为大写正确的是()A. text-transform: capitalize;B. text-transform: lowercase;C. text-transform: uppercase;D. font-weight: bold;答案: C19. 下面标签嵌套正确的是()A. <ul><p>web前端</p></ul>B. <a href="#"><a href="#">web前端</a></a>C. <dl><li>web前端</li></dl>D. <ol><li>web前端</li></ol>答案: D20. 要在表单中创建一个多行文本输入框,初始值为:这是一个多行文本框。

web前端测试题及答案

web前端测试题及答案

web前端测试题及答案# Web前端测试题及答案一、选择题(每题2分,共20分)1. HTML5中,用于定义文档类型和字符编码的标签是:- A. `<!DOCTYPE html>` 和 `<meta charset="UTF-8">`- B. `<!DOCTYPE html>` 和 `<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">`- C. `<html>` 和 `<head>` 标签- D. `<!DOCTYPE html>` 和 `<meta charset="ISO-8859-1">` 答案:B2. CSS中,以下哪个属性用于设置元素的背景颜色?- A. `background`- B. `bgcolor`- C. `background-color`- D. `color`答案:C3. JavaScript中,以下哪个函数用于获取页面元素的高度?- A. `getHeight()`- B. `getBoundingClientRect()`- C. `offsetHeight`- D. `clientHeight`答案:C4. 下列哪个不是JavaScript中的原始数据类型?- A. Number- B. String- C. Array- D. Boolean答案:C5. 在JavaScript中,以下哪个操作符用于检查两个值是否严格相等(类型和值都相等)?- A. `==`- B. `===`- C. `=`- D. `!=`答案:B6. 以下哪个不是Web前端开发中常用的版本控制工具?- A. Git- B. SVN- C. Docker- D. Mercurial答案:C7. 对于HTML文档,以下哪个标签用于定义文档的头部信息?- A. `<head>`- B. `<header>`- C. `<footer>`- D. `<body>`答案:A8. CSS中,`display: none;` 和 `visibility: hidden;` 的区别是什么?- A. `display: none;` 会隐藏元素,同时不会保留元素的空间,`visibility: hidden;` 会隐藏元素,但保留元素的空间。

前端测试题及答案大全

前端测试题及答案大全

前端测试题及答案大全一、选择题1. 以下哪个不是HTML5的新特性?A. 语义化标签B. 视频和音频C. 表单控件D. Flash2. CSS3中,以下哪个属性用于实现圆角效果?A. border-radiusB. border-curveC. border-circleD. border-smooth3. JavaScript中,以下哪个方法用于获取页面中所有`<p>`标签的元素?A. getElementsByTagName("p")B. getElementById("p")C. querySelectorAll("p")D. querySelector("p")4. 在JavaScript中,以下哪个对象用于操作浏览器的BOM(Browser Object Model)?A. DOMB. BOMC. HTMLCollectionD. NodeList5. 以下哪个是响应式设计框架?A. BootstrapB. jQueryC. AngularJSD. React二、判断题1. HTML和CSS是前端开发中不可或缺的两个部分,HTML负责页面结构,CSS负责页面样式。

()2. JavaScript是弱类型语言,可以在运行时改变变量的类型。

()3. 在HTML5中,`<canvas>`标签可以用来绘制图形。

()4. 使用JavaScript的`console.log`方法可以在浏览器的控制台输出信息。

()5. 所有的HTML标签都必须成对出现。

()三、简答题1. 请简述HTML5相对于HTML4的新特性。

2. 请解释什么是CSS选择器,并给出几种常见的CSS选择器示例。

3. 请描述JavaScript中的闭包是什么,并给出一个闭包的示例。

四、编程题1. 编写一个HTML页面,包含一个按钮,点击按钮后页面会显示一条欢迎信息。

WEB前端开发师资培训入训测试卷-初级(附答案)

WEB前端开发师资培训入训测试卷-初级(附答案)
C.<input autofocus= "true">D.<input pattern ="true">
60、在画布中以填充的方式绘制文字,可以通过调用上下文对象的什么方法。()
A.fillText()方法B.strokeText()方法
C.drawImage()方法D.fillRect()方法
二、多选题(共30小题,每小题1分,共30分)
A.idB.clssC.行内D.外部
31、想要让当前整个表格的背景色为蓝色,下列哪项代码是正确的。()
A.bgcolor="blue"B.bgground="blue"
C.backcolor="blue"D.background-color:blue
32、header和footer错误的说法。()
A.标签定义文档或节的页脚
26、meta元素的作用是什么。()
A.meta元素用于表达HTML文档的格式
B.meta元素用于指定关于HTML文档的信息
C.meta元素用于实现本页的自动刷新
D.在文档中声明样式时使用
27、下面不属于css插入形式的是。()
A.索引式B.内联式C.外部式D.内部式
28、下列哪个选项的CSS语法是正确的。()
A.把元素顺时针旋转30度B.把元素向内旋转30度
C.把元素逆时针旋转30度D.把元素向外旋转30度
35、设置段落的标签是哪一个。()
A.<P></P>B.spanC.h1D.div
36、什么浏览器不支持<main>。()
A.IEB.OperaC.SafariD.Chrome

Web前端开发基础考试

Web前端开发基础考试

Web前端开发基础考试(答案见尾页)一、选择题1. HTML 是什么?A. 一种编程语言B. 一种标记语言C. 一种用于创建网页的标准D. 一种用于展示幻灯片的软件2. CSS 中的 "box-sizing" 属性取值有哪些?A. content-boxB. border-boxC. padding-boxD. content-box3. JavaScript 中,以下哪个不是常用的数据类型?A. stringB. numberC. booleanD. object4. 响应式布局是指什么?A. 使用 CSS 媒体查询根据设备屏幕大小调整布局B. 使用 JavaScript 动态修改 HTML 元素C. 使用 CSS 动态修改 HTML 元素D. 使用 JavaScript 遍历 HTML 元素5. 常见的 JavaScript 库和框架有哪些?A. jQueryB. ReactC. AngularD. Vue.js6. 什么是 AJAX?A. 一种新的编程语言B. 一种用于创建动态网页的技术C. 一种用于解析 XML 文档的库D. 一种用于显示 JSON 数据的库7. 在 HTML 中,以下哪个标签用于创建链接?A. <a>B. <link>C. <meta>D. <script>8. 在 CSS 中,以下哪个属性用于设置元素的宽度?A. widthB. heightC. sizeD.辰9. 在 JavaScript 中,以下哪个函数用于将字符串转换为数字?A. parseInt()B. parseFloat()C. isNaN()D. isFinite()10. 什么是 DOM?A. 文档对象模型B. 一种编程语言C. 一种浏览器对象D. 一种用于存储数据的数据库11. CSS中用于设置文本样式的是哪个属性?A. `font-family`B. `background-color`C. `border`D. `padding`12. 在JavaScript中,以下哪个函数可以用来获取字符串的长度?A. `length`B. `size`C. `charAt`D. `charCodeAt`13. 响应式布局的目的是什么?A. 使网页在不同设备上显示相同的内容B. 提高网页的加载速度C. 增加网页的复杂性D. 降低网站的维护成本14. XMLHttpRequest对象用于执行哪种网络请求?A. GET请求B. POST请求C. PUT请求D. DELETE请求15. 在HTML中,`<canvas>`元素用于什么?A. 显示图像B. 创建动画C. 处理表格数据D. 创建交互式图形16. 当使用CSS选择器时,以下哪个优先级最高?A. 类选择器(class selector)B. ID选择器(id selector)C. 属性选择器(attribute selector)D. 子选择器(child selector)17. 在JavaScript中,以下哪个函数用于中止当前脚本的执行?A. `break`B. `continue`C. `return`D. `throw`18. 前端开发中,哪个框架通常用于构建用户界面和单页应用?A. ReactB. AngularC. Vue.jsD. Django19. HTML 是什么?A. 一种标记语言B. 一种编程语言C. 一种用于创建网页的标准D. 一种音频格式20. CSS 有什么特性?A. 响应式设计B. 预定义的样式C. 动画效果D. 移动设备优先21. JavaScript 中,哪种数据类型包含可能的所有值?A. NumberB. StringC. ObjectD. Null22. 响应式布局是什么?A. 使网站在不同设备上显示相同的内容B. 使网站在不同设备上显示不同的内容C. 使网站在不同设备上显示不同的样式D. 使网站在不同设备上显示不同的动画效果23. 前端开发中常用的框架有哪些?A. ReactB. AngularC. Vue.jsD. jQuery24. 什么是 AJAX?A. 静态网页技术B. 动态网页技术C. 客户端与服务器通信的技术D. Web存储技术25. 在 HTML 中,用于插入链接的标签是?A. <a> </a>B. <link> </link>C. <meta> </meta>D. <script> </script>26. 前端开发中,如何设置一个元素的样式?A. 使用 CSSB. 使用 JavaScriptC. 使用 HTMLD. A和B都可以27. 什么是 RESTful API?A. 一种网络应用程序的设计风格和开发方式B. 一种编程语言C. 一种数据库技术D. 一种文件格式28. 在前端开发中,如何实现页面的动态效果?A. 使用 CSSB. 使用 JavaScriptC. 使用 HTMLD. A和B都可以29. 在CSS中,用于设置文本字体大小的属性是()。

前端基础复习题库

前端基础复习题库

前端基础复习题库1. W3C是指万维网联盟 [判断题] *对(正确答案)错2. 万维网联盟外文名是Web Three Consortium。

[判断题] *对错(正确答案)3. 浏览器对于不同级别的标题标签使用不同的字号。

[判断题] *对(正确答案)错4. IE不支持 <p> 标签 [判断题] *对错(正确答案)5. <b>标签中的文字显示为斜体。

[判断题] *对错(正确答案)6. <a> 标签定义超链接,用于从一张页面链接到另一张页面。

[判断题] *对(正确答案)错7. Ogg是一种视频格式 [判断题] *错8. 如果设置了controls属性,则规定不存在作者设置的脚本控件。

[判断题] *对(正确答案)错9. controls 属性规定是否在页面加载后载入音频。

[判断题] *对错(正确答案)10. Controls属性设置或返回音频是否静音。

[判断题] *对错(正确答案)11. name属性规定元素的唯一 id。

[判断题] *对错(正确答案)12. id 属性规定元素的行内样式 [判断题] *对错(正确答案)13. lang规定元素内容的语言。

[判断题] *对(正确答案)错14. ID 选择器类与类选择器完全相同 [判断题] *对15. 相邻兄弟选择器可选择紧接在另一元素后的元素,且二者有相同父元素。

[判断题] *对(正确答案)错16. 子元素选择器只能选择作为某元素父元素的元素。

[判断题] *对错(正确答案)17. 绝对定位使元素的位置与文档流无关。

[判断题] *对(正确答案)错18. 浮动框不在文档的普通流中。

[判断题] *对(正确答案)错19. display 属性规定元素应该生成的框的类型。

[判断题] *对(正确答案)错20. CSS 框模型规定了元素框处理元素颜色、内边距、边框和外边距的方式 [判断题] *对错(正确答案)21. border-color属性设置边框颜色。

前端基础培训--随堂测试题4

前端基础培训--随堂测试题4

以下问题,第一、二、四部分在word中作答,第三部分自己新建html页面作答,把html页面一起打包发给老师,根据自身情况作答,本周和下一周完成即可,提前的完成的同学,提前发给老师第一部分:默写单词常用单词1、js中的数据类型分类(写出具体的详细分类和单词)2、判断数据类型的运算符3、js中表示浏览器的对象4、js中表示文档对象5、js中文档对象模型6、js中浏览器对象模型7、js中通过ID名获取一个元素8、js中通过标签名获取一组元素9、把"12px"前面的12提出来的那个函数10、把"12.5px"前面的12.5提出来的那个函数是写出以下数组方法: (自己对照第一周视频18-20数组写以下的方法)1、在数组的前面追加新项2、删除数组的最后一项3、在数组的后面追加一项4、删除数组的第一项5、把数组转换为字符串6、把数组按照指定的字符拆分成字符串7、把第n到第m项提出来,但不影响原来的数组8、把多个数组连在一起9、从索引n开始,删除某个元素,原来的数组改变10、详细说一下splice方法的用法,这个是数组中最重要最强大的方法(说出它的功能,参数,返回值,是否对原实例有修改。

)11、写出函数的参数集合(fucntion中的内置接收参数的集合)12、函数中的返回值是通过什么来完成的第二部分:简答题1、下面的代码分别会弹出几次,弹出多少2、下面代码会弹出10吗?为什么?想弹出10需要怎么改?为什么这么改?(说出==和===的区别)3、下面对象,如何用for in循环在控制台输出:name=”珠峰培训”age=”10年”teacher=”耿老师”4、typeof typeof typeof [1,2,3,4] 的返回结果是什么?为什么?5、编写一个方法实现任意数求和(不管传递多少个参数值,都可以求出最终的和),要求:可以识别非有效的数字,非有效数字不进行累加;并且把计算完成的结果返回到函数的外面;6、var a=b=c=d=5是什么意思,如果接下来再写一句d=9,a,b,c的值会变化吗?7、var a=b=c=d=[1,2,3,4,5]是什么意思?如果接下来再写一句d[5]=9,a,b,c的值会发生变化吗?8、var a=b=c=d=[1,2,3,4,5]是什么意思?如果接下来再写一句d=[9],a,b,c的值会发生变化吗?第三部分:项目实战练习1、编写一段程序实现如下的效果:点击每一个页卡,下面的内容跟着改变2、页面中五个按钮,我想实现,点击每一个按钮,都可以弹出当前按钮对应的索引,例如:点击第一个按钮,弹出0,点击第二个按钮弹出1...我是这样实现代码的:问以上代码是否可以实现,?不可以的话是为什么?那么你如何的修改就可以实现这个需求了?3、编写代码实现如下的操作(99乘法表+隔行变色):第四部分:扩展附加题,根据自身情况作答1、弹出几次?分别是多少?说明原因?(面试题)2、弹出几次?分别弹出多少?说明原因?(面试题)3、问以下哪个可以把div的背景颜色改变成红色,可以的是为什么,不可以的是为什么?。

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

一、基础知识填空JS中的数据类型包含哪些(要求详细)以及基本数据类型和引用数据类型的本质区别:__________________JS中如何的检测数据类型(写出四种方法):_____________________ JS中判断某个值是否是一个有效数字的方法是:_______________想要接收函数执行的时候传递的参数,都可以如何的处理:_______________ 将其他的数据类型转化为number类型的方式有那些:________________二、写出DOM中常用的方法和属性有一个div:<div class=”w”name=”h”id=”div1”></div>我想获取这一个div你有几种解决办法(不考虑兼容):__________获取当前浏览器屏幕的宽度和高度(兼容所有的浏览器):_______________ 获取上一个哥哥元素节点(兼容所有的浏览器): ________________动态创建一个div标签,并且添加到body的最后面位置:_______________ 继续上一题,把刚才创建的克隆一份一模一样的,添加到刚才创建的div前面:______________三、数组的基础知识和应用我想删除数组中的最后一项,至少写出两种办法:_______ ______________ 我想在数组的末尾增加一个元素,至少写出两种办法:__________________基于原来的数组复制一份一模一样新的数组,不考虑原有数组是否改变的情况,请写出至少三种方案:_____________________数组从小到大排序(可以处理10以上的数字):______________________ 实现找到第n项到第m项的内容,返回一个新的数组(原有数组不变):______________四、写出下面表达式的运算结果[]==false:____________ ![]==false:____________ []==![]:______________Number(“13px”)==NaN:___________ 5+”3”-2:___________________If(“3px”*3){alert(“true”)}else{alert(“false”)}:____________ If(“3px”+3){alert(“true”)}else{alert(“false”)}:___________If(document.body){alert(“ok”);}else{alert(“no”)}:_______________ alert([]):______________ null==undefined:________________五、<input type="button" value="按钮1"/><input type="button" value="按钮2"/><inputtype="button" value="按钮3"/><input type="button" value="按钮4"/><input type="button" value="按钮5"/>var ary=[“red”,”yellow”,”pink”,”green”,”blue”];以上是页面中的5个按钮,和一个存储五个颜色值的数组,要求实现一个方法bindEvent,循环给5个按钮绑定点击事件,当点击的时候,整个body的背景颜色正好可以和数组中的指定项颜色对应(例如:点击第三个按钮,body 的背景颜色”pink”),请按照你的思路来实现?六、画图分析var ary=[1,2,3,4];function fn(ary){ary[0]=0; ary=[0]; ary[0]=100; return ary;}var res=fn(ary); console.log(ary); console.log(res); //此题偏难,认真思考(360面试题难度降低版本代码)二、选择题:(要求写出分析步骤/画图)1、console.log(a);var a=12;function fn(){console.log(a);var a=13;}fn();console.log(a);输出的三次分别是多少A、undefined 12 13B、undefined undefined 12C、undefined undefined 13D、有程序报错2、console.log(a);var a=12;function fn(){console.log(a);a=13;}fn();console.log(a);A、undefined 12 13B、undefined undefined 12C、undefined undefined 13D、有程序报错3、console.log(a);a=12;function fn(){console.log(a);a=13;}fn();console.log(a); 输出的三次分别是多少A、undefined 12 13B、undefined undefined 12C、undefined undefined 13D、有程序报错4、var foo=1;function bar(){if(!foo){var foo=10;}console.log(foo);}bar(); 输出的结果是多少A、1B、10C、undefinedD、报错5、var n=0;function a(){var n=10;function b(){n++;alert(n);}b();return b;}var c=a();c();alert(n);弹出三次的结果分别是什么?A、1 1 1B、11 11 0C、11 12 0D、11 12 126、var a=10,b=11,c=12;function test(a){a=1;var b=2;c=3;}test(10);alert(a); alert(b); alert(c); 弹出的三个值分别是多少?A、1 11 3B、10 11 12C、1 2 3D、10 11 37、if(!("a" in window)){}alert(a);弹出的a的值是?A、1B、undefinedC、报错D、以上答案都不对8、var a=4;function b(x,y,a) {alert(a);arguments[2]=10;alert(a);}a=b(1,2,3); alert(a); 三次弹出的结果是A、3 3 4B、3 10 4C、3 10 10D、3 10 undefined9、var foo='hello';(function(foo){console.log(foo);var foo=foo||'world';console.log(foo);})(foo);console.log(foo); 三次分别输出什么?A、hello hello helloB、undefined world helloC、hello world worldD、以上答案都不正确function fn(){a=0;return function(b){ return b+a++; }}var f=fn()var m=f(5);alert(m);var n=fn()(5);alert(n);var x=f(5);alert(x);alert(a); 弹出的四次结果?A、6 6 7 2B、5 6 7 3C、5 5 6 3D、以上答案都不正确三、思考题:1、document.parentNode的值是什么,为什么2、document.parentnode的值是什么,为什么。

3、prototype是谁的属性,它起什么作用?__proto__是谁的属性,它有什么作用?prototype和__proto__有什么联系?4、hasOwnProperty和in都是用来判断对象的属性的,这两个是怎么用的,有什么区别?5、什么是闭包,它有什么作用?四、附加题画图/分析步骤1、function fn(i) {return function (n) {console.log(n + (i++));}}var f = fn(10);f(20);fn(20)(40);fn(30)(50);f(30);2、var i = 10;function fn() {return function (n) {console.log(n + (++i));}}var f = fn();f(20);fn()(20);fn()(30);f(30);3、var num = 10;var obj = {num: 20};obj.fn = (function (num) { this.num = num * 3;num++;return function (n) {this.num += n;num++;console.log(num);}})(obj.num);var fn = obj.fn;fn(5);obj.fn(10);console.log(num, obj.num);4、function Fn() {this.x = 100;this.y = 200;this.getX = function () {console.log(this.x);}}Fn.prototype.getX = function () {console.log(this.x);};Fn.prototype.getY = function () {console.log(this.y);};var f1 = new Fn;var f2 = new Fn;console.log(f1.getX === f2.getX);console.log(f1.getY === f2.getY);console.log(f1.__proto__.getY === Fn.prototype.getY);console.log(f1.__proto__.getX === f2.getX);console.log(f1.getX === Fn.prototype.getX);console.log(f1.constructor);console.log(Fn.prototype.__proto__.constructor);f1.getX();f1.__proto__.getX();f2.getY();Fn.prototype.getY();5、我想通过下面的代码实现选项卡,请问是否可以实现?不能的话,说明原因,那么你有几种办法可以解决? (面试必考题)。

相关文档
最新文档