中级web前端试题

合集下载

web前端中级面试题

web前端中级面试题

web前端中级面试题Web前端中级面试题HTML基础•HTML是什么?它是一种什么样的语言?•HTML5相比于HTML4有哪些改进和新增的特性?•什么是语义化标签?为什么要使用语义化标签?•请解释什么是DOCTYPE及其作用。

CSS基础•什么是盒模型?请描述标准盒模型和IE盒模型的区别。

•请解释什么是CSS选择器及其优先级。

•CSS中position属性有哪些取值?请分别描述它们的特点和使用场景。

•请解释CSS的浮动及清除浮动的方法。

JavaScript基础•JavaScript的数据类型有哪些?请描述他们之间的转换规则。

•什么是原型链?请解释JavaScript中的继承原理。

•请描述闭包的概念和优缺点。

•什么是事件冒泡和事件捕获?请描述它们的区别和用法。

前端框架和工具•请列举几个比较流行的JavaScript前端框架,描述它们的特点和适用场景。

•什么是模块化开发?请列举几个常用的JavaScript模块化开发工具。

•请解释什么是异步编程,并举例说明异步编程的用途和常用的处理方式。

•请描述一下的生命周期钩子函数及其执行顺序。

前端性能优化•什么是前端性能优化?请列举一些常见的性能优化方案。

•请解释什么是延迟加载,如何实现延迟加载的效果?•什么是雪碧图?请解释它的原理和优势。

•请列举几个前端性能监控指标,并描述它们的作用。

通信和安全•请解释同源策略及其限制,以及如何实现跨域通信。

•请描述一下HTTP和HTTPS的区别和安全机制。

•什么是XSS攻击?如何防止XSS攻击?•请解释CSRF攻击,以及如何防范CSRF攻击。

代码质量和调试•请解释什么是代码规范,以及为什么要遵守代码规范?•请列举几个常用的前端代码规范工具,并简单描述它们的使用方法。

•请解释什么是调试,以及在开发过程中常用的调试方法。

•请列举个别在开发过程中常见的错误,以及如何进行调试和修复。

面试技巧•在面试过程中,你如何展示你的个人项目和作品集?•你在前端领域中遇到过的最具挑战性的问题是什么?你是如何解决它的?•请解释一下你在团队合作中的角色和贡献。

Web前端中级面试题

Web前端中级面试题

Web前端中级面试题一、不定项选择1. flex属性是下列哪三个属性的缩写?( )A.flex-growB.flex-wrapC.flex-shrinkD.flex-basis2. 下列哪些选项是JavaScript中的假值(Falsy value)?( )A. 0B. ""C. nullD. undefinedE. NaNF. "false"3. 下列选项中,不是window对象的属性的是( )A. pageXB. locationC. historyD. navigator4. 下面程序输出的结果是什么?( )function sayHi() {console.log(name);console.log(age);var name = "Lydia";let age = 21;}sayHi();A: Lydia 和undefinedB: Lydia 和ReferenceErrorC: ReferenceError 和21D: undefined 和ReferenceError5. 下列关于原型的说法错误的是( )A. 原型可以节省内存空间B. 构造函数中的prototype属性,它是一个对象,我们称之为原型C. 原型有constructor属性,原型的constructor属性指向构造函数D. 任何一个对象都有__proto__属性,实例的对象的__proto__属性指向构造函数二、填空题1. JavaScript是由哪几部分组成。

2. 表达式“123abc”-“123”的计算结果是。

3. 写出三种获取DOM元素的方法。

4. [ 1 , 2 , 3 ].map(parseInt) 输出结果为。

5. 请写出以下代码的执行顺序。

console.log(1)const p = new Promise((resolve) => {console.log(2)resolve()})console.log(3)setTimeout(() => {console.log(4)}, 0)p.then(() => console.log(5))setTimeout(() => {console.log(6)}, 0)console.log(7)三、简答题1. 请写出10个数组实例可以调用的方法。

1+X证书职业技能等级证书 Web前端开发(中级)理论考试样题(附答案)

1+X证书职业技能等级证书 Web前端开发(中级)理论考试样题(附答案)

一、单选题(每小题2分,共30小题,共60 分)1、在Bootstrap框架中,表单元素要加上下列哪个类,才能给表单元素添加圆角属性和阴影效果(D)。

A、.form-groupB、.form-horizontalC、.form-inlineD、.form-control2、Bootstrap框架中的 .img-responsive 类可以让图片支持响应式布局,它的实现原理是(A)。

A、设置max-width: 100%;和height: auto;B、设置max-width: 100%; 和height: 100%;C、设置width: auto; 和max-height: 100%;D、设置width: auto; 和height: auto;3、在移动端使用Bootstrap时,导航条在屏幕显示时会被折叠,实现显示和折叠功能的按钮需要如何处理(B)。

A、折叠按钮设置data-toggle=’collapsed’,折叠容器需要添加collapsed类B、折叠按钮设置data-toggle=’collapse’,折叠容器需要添加collapse类C、折叠按钮设置data-toggle=’scroll’,折叠容器需要添加collapse类D、折叠按钮设置data-spy=’scroll’,折叠容器需要添加collapse类4、在Bootstrap中实现.nav的内容按比例填充所有可用空间,应该加哪个类(B)。

A、.nav-centerB、.nav-fillC、.nav-leftD、.nav-right5、在Bootstrap中,使用tab标签页插件,要显示的内容要放在下方哪个容器里面(D)。

A、.contentB、.tab-groupC、.tab-bodyD、.tab-content6、以下哪个标签不是HTML 5 的语义化标签(C)。

A、<header></header>B、<section></section>C、<marquee></marquee>D、<article></article>7、在使用css3盒模型时,box-sizing属性设置为(A),元素的宽度只是该元素内容的宽度,而不包括边框和内边距的宽度。

1+X_Web前端中级理论考试(二)

1+X_Web前端中级理论考试(二)

1+X_Web前端中级理论考试(二)[复制]一、单选题(每小题 2 分,共 30 小题,共 60 分)1、HTML5 的正确 doctype 是?() [单选题] *A.<!DOCTYPE html>(正确答案)B.<!DOCTYPE HTML5>C.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "/TR/html5/strict.dtd">D.<!DOCTYPE>2、在 HTML5 中,哪个元素用于组合标题元素?() [单选题] *A.<group>B.<header>C.<headings>D.<hgroup>(正确答案)3、在 HTML5 中,onblur 和 onfocus 是:() [单选题] *A. HTML 元素B. 样式属性C. 事件属性(正确答案)D. 事件4、用于播放 HTML5 视频文件的正确 HTML5 元素是:() [单选题] *A.<movie>B.<media>C.<video>(正确答案)D.<audio>5、用于播放 HTML5 音频文件的正确 HTML5 元素是:() [单选题] *A.<mp3>B.<audio>(正确答案)C.<sound>D.<video>6、在 HTML5 中不再支持 <script> 元素的哪个属性?() [单选题] *A.relB.hrefC.type(正确答案)D.src7、在 HTML5 中,哪个方法用于获得用户的当前位置?() [单选题] *A.getPosition()B.getCurrentPosition()(正确答案)C.getUserPosition()D.Position()8、CSS 3 中,提供的 transiton 属性实现了什么()。

中级前端面试题

中级前端面试题

中级前端面试题
一、常规问题
1、请介绍一下自己的Web 前端开发技术栈?
2、目前有接触过哪些前端框架,有多少实际项目经验?
3、在开发中如何使用css和javascript?
4、你在用户界面设计方面有那些经验?
5、你能否描述一下前端自动化测试?
二、HTML/CSS 相关
1、你说说HTML和XHTML有什么区别?
2、CSS伪元素有哪些?
3、HTML5 新增的API有哪些?
4、CSS 布局及性能优化有哪些?
5、如何把一个浮动的div放在内容的下方?
三、JavaScript 相关
1、回答JavaScript的原型链概念?
2、JavaScript的内存管理机制是什么?
3、Ajax的核心原理是什么?
4、能否说说DOM操作的方法有哪些?
5、你对ES6的支持有什么看法?
四、性能优化
1、你在开发中有用到哪些性能优化工具?
2、如何利用缓存机制减少http网络请求量?
3、如何减少js文件大小和数量?
4、你有用过何种方法减少页面重绘和回流?
5、你如何优化web页面加载速度?
五、安全
1、你如何保护前端应用程序?
2、你怎么设计用户安全的登录流程?
3、你了解哪些常见的前端漏洞?
4、你如何保护用户数据以及网站网站不被恶意攻击?
5、你熟悉HTTP 加密协议吗?。

Web前端开发职业技能等级证书考试-中级模拟试卷)

Web前端开发职业技能等级证书考试-中级模拟试卷)

Web前端开发职业技能等级证书考试-中级模拟试题及答案基本信息:[矩阵文本题] *一、单选题(每小题2分,共30小题,共60分)1. javascript中,以下变量命名不正确的是()。

[单选题] *A、$boxB、_boxC、boxD、-box(正确答案)2. 在CSS中用()来设置该盒子为弹性盒子。

[单选题] *A、display:flex(正确答案)B、display:blockC、display:inlineD、display:inline-block3. 在CSS中,div盒子的代码如下,则它实际的宽度为()像素。

div{margin:10px 5px;width:300px;height:220px;}[单选题] *A、310(正确答案)B、230C、320D、2104. 在CSS盒子段落p中,要实现距离浏览器左右窗口50像素,上下40像素,2像素红色边框的语句是()? [单选题] *A、p{padding:40px 50px; border:2px solid #F00;}B、p{margin:40px 50px; border:2px solid #F00;}(正确答案)C、p{margin:40px 50px; list-style:2px solid #F00;}D、p{margin:40px 50px; font:2px solid #F00;}5. 下列标签属于行内元素的是()。

[单选题] *A、divB、pC、imgD、span(正确答案)6. 关于弹性布局的属性错误的是()。

[单选题] *A、flexB、flex-directionC、justify-contentD、flex-container(正确答案)7. ()是错误的媒体查询的写法()。

[单选题] *A、@media all and (min-width:1024px) { };B、@media all and (min-width:640px) and (max-width:1023px) { };C、@media all and (min-width:320px) or (max-width:639px) { };(正确答案)D、@media screen and (min-width:320px) and (max-width:639px) { };8. console.log((function f(n){ return (( n>1) ? n * f(n-1) : n)})(10)),在控制台输出的结果是什么()。

Web前端开发职业技能等级证书考试-中级模拟试卷)

Web前端开发职业技能等级证书考试-中级模拟试卷)

Web 前端开发职业技能等级证书考试-中级模拟试题及答案根本信息:[矩阵文此题] *姓名:班级:联系方式:一、单项选择题〔每题2 分,共30 小题,共60 分〕1.javascript 中,以下变量命名不正确的选项是。

[单项选择题] *A、$boxB、_boxC、boxD、-box(正确答案)2.在CSS 中用来设置该盒子为弹性盒子。

[单项选择题] *A、display:flex(正确答案)B、display:blockC、display:inlineD、display:inline-block3.在CSS 中,div 盒子的代码如下,则它实际的宽度为像素。

div{margin:10px 5px;width:300px;height:220px;}[单项选择题] *A、310(正确答案)B、230C、320D、2104.在CSS 盒子段落p 中,要实现距离扫瞄器左右窗口50 像素,上下40 像素,2 像素红色边框的语句是?[单项选择题] *A、p{padding:40px 50px; border:2px solid #F00;}B、p{margin:40px 50px; border:2px solid #F00;}(正确答案)C、p{margin:40px 50px; list-style:2px solid #F00;}D、p{margin:40px 50px; font:2px solid #F00;}5.以下标签属于行内元素的是。

[单项选择题] *A、divB、pC、imgD、span(正确答案)6.关于弹性布局的属性错误的选项是。

[单项选择题] *A、flexB、flex-directionC、justify-contentD、flex-container(正确答案)7.是错误的媒体查询的写法。

[单项选择题] *A、@media all and (min-width:1024px) { };B、@media all and (min-width:640px) and (max-width:1023px) { };C、@media all and (min-width:320px) or (max-width:639px) { };(正确答案)D、@media screen and (min-width:320px) and (max-width:639px) { };8.console.log((function f(n){ return (( n>1) ? n * f(n-1) : n)})(10)),在把握台输出的结果是什么。

中级前端笔试题

中级前端笔试题

中级前端笔试题一、选择题(每题2分,共20分)在HTML中,哪个标签用于定义图像?A. <img>B. <picture>C. <image>D. <graphics>CSS中的position: fixed;属性有什么作用?A. 使元素相对于其正常位置进行定位B. 使元素相对于浏览器窗口进行定位C. 使元素相对于其父元素进行定位D. 使元素相对于整个文档进行定位JavaScript中,==和===运算符的主要区别是什么?A. ==进行值比较,===进行类型和值比较B. ==进行类型和值比较,===进行值比较C. ==可以比较不同类型的值,===只能比较相同类型的值D. 没有区别,它们的功能完全相同下列哪个选项不是JavaScript中的基本数据类型?A. NumberB. StringC. ObjectD. BooleanVue.js中的v-model指令主要用于什么?A. 数据绑定B. 事件监听C. 双向数据绑定D. 条件渲染React中,组件的状态应该保存在哪里?A. 组件的构造函数中B. 组件的state对象中C. 组件的props对象中D. 全局变量中以下哪个CSS属性用于设置字体大小?A. font-sizeB. text-sizeC. sizeD. font在前端开发中,以下哪个不是常见的构建工具?A. WebpackB. BabelC. jQueryD. Gulp关于HTML语义化,以下说法正确的是?A. 语义化可以提高页面在搜索引擎中的排名B. 语义化只是为了美观,对页面功能没有影响C. 语义化可以让浏览器更好地理解页面内容,从而提高可访问性D. 语义化会增加页面加载时间以下哪个不是响应式设计的原则?A. 流动布局B. 弹性图片C. 固定宽度D. 媒体查询二、填空题(每题3分,共15分)在HTML5中,用于播放音频和视频的标签是____________和____________。

Web前端开发职业技能等级证书考试-中级...

Web前端开发职业技能等级证书考试-中级...

Web前端开发职业技能等级证书考试-中级模拟试题及答案基本信息:[矩阵文本题] *一、单选题(每小题2分,共30小题,共60分)1. 在Bootstrap4框架中,下列哪个类用于设置图片缩略图(图片有边框)()。

[单选题] *.rounded.rounded-circle.img-thumbnail(正确答案).float-right2. 在Bootstrap4框架中,折叠可以很容易的实现内容的显示与隐藏。

折叠按钮button的data-toggle属性需要设置哪个值。

()。

[单选题] *A、collapse(正确答案)B、roundedC、disabledD、active3. 下面选项哪个类可以为表格和其中的每个单元格增加边框。

() [单选题] *A、table-hoverB、table-bordered(正确答案)C、table-condensedD、table4. 关于Bootstrap4中的模态框说法错误的是() [单选题] *A、模态框(Modal)是覆盖在父窗体上的子窗体B、模态框最外层div需要设置modal类C、模态框有modal-top、modal-body、modal-footer等部分(正确答案)D、模态框可以使用modal-lg、modal-sm类控制大小5. 下面哪个类用于固定宽度并支持响应式布局的容器。

() [单选题] *A、container(正确答案)B、centerC、containersD、containerFluid6. 以下哪个标签不是 HTML 5 的语义化标签。

() [单选题] *<header></header><section></section><strong></strong>(正确答案)<article></article>7. 在CSS3中,可以使用box-shadow属性设置阴影,不同的浏览器引擎中,实现box-shadow属性的方法略有不同,火狐浏览器的私有属性是( ) [单选题] *box-shadow-moz-box-shadow(正确答案)-webkit-box-shadow-gecko-box-shadow8. 定义文本字体时,设置字体的尺寸的CSS属性为( ) [单选题] *font-size(正确答案)font-familyfont-stylefont-variant9. 用来改变元素背景颜色的CSS属性为( ) [单选题] *background-positionbackground-color(正确答案)background-imagebackground-attachment10. 以下聚合函数,求数据总和的是( ) [单选题] *MAXSUM(正确答案)COUNTAVG11. SELECT语句完整语法比较复杂,但至少要包含的部分是( ) [单选题] * SELECT , WHERESELECT , FROM(正确答案)SELECT , GROUPSELECT , ORDER BY12. 查询表结构使用下列哪项( ) [单选题] *FINDSELECTALTERDESC(正确答案)13. 查找name不是null的记录语句的条件部分正确写法是( ) [单选题] *A、 WHERE `name` != NULLB、 WHERE `name` ! NULLC、 WHERE `name` NOT NULLD、 WHERE `name` IS NOT NULL(正确答案)14. 读取post方法传递的表单元素值的方法是( ) [单选题] *$_post["名称"]$_POST["名称"](正确答案)$post["名称"]$POST["名称"]15. 把下列数值强制类型转换为BOOL类型,哪个会得到true( ) [单选题] *NULL空字符串0.1(正确答案)16. 以只读模式打开文件"abc.txt"的正确方法是( ) [单选题] *fopen("abc.txt","r+");open("abc.txt");open("abc.txt","read");fopen("abc.txt","r");(正确答案)17. 关于PHP中的使用双引号和单引号定义一个字符串,下列描述正确的是( ) [单选题] *A. 双引号中如果出现了变量名,会被替换成这个变量对应的值;单引号中如果出现了变量名,不会被替换成这个变量对应的值(正确答案)B. 双引号中如果出现了变量名,不会被替换成这个变量对应的值;单引号中如果出现了变量名,会被替换成这个变量对应的值C. 双引号和单引号中出现了变量名,都会被替换成这个变量对应的值D. 双引号和单引号中出现了变量名,都不会被替换成这个变量对应的值18. 在php中,连接 MySQL 数据库的正确方法是?( ) [单选题] *A、mysql_open("localhost","root","root");B、mysql_connect("localhost","root","root");(正确答案)C、connect_mysql("localhost","root","root");D、dbopen("localhost","root","root");19. 引用文件 "abc.inc" 的正确方法是?( ) [单选题] *A、<?php require("abc.inc"); ?>B、<!--include file=" abc.inc"-->C、<?php include_file("abc.inc"); ?>(正确答案)D、<% include file=" abc.inc" %>20. 在PHP中,用于存储用户会话信息的超级全局变量是()。

1+x 证书Web 前端开发中级理论考试样题

1+x 证书Web 前端开发中级理论考试样题

1+x 证书Web 前端开发中级理论考试样题一、单选题(每小题2分,共60分)1、在B oo ts tr ap 框架中,表单元素<i np ut> 要加上下列哪个类,才能给表单元素< in pu t > 添加圆角属性和阴影效果()。

DA、.fo rm-g ro upB、.fo rm-h or iz ont a lC、.fo rm-i nl in eD、.fo rm-c on tr ol2、B oo ts tr ap 框架中的.i mg-r es pon s iv e 类可以让图片支持响应式布局,它的实现原理是()。

AA、设置m ax-w id th:100%; 和h ei gh t:a ut o;B、设置m ax-w id th:100%; 和h ei gh t:100%;C、设置w id th:a ut o; 和m ax-h ei gh t:100%;D、设置w id th:a ut o; 和h ei gh t:au t o;3、在移动端使用B o ot st ra p 时,导航条在屏幕显示时会被折叠,实现显示和折叠功能的按钮需要如何处理()。

BA、折叠按钮设置d a ta-t og gl e=’col l ap se d’,折叠容器需要添加co ll ap se d 类B、折叠按钮设置d a ta-t og gl e=’col l ap se’,折叠容器需要添加co ll ap se 类C、折叠按钮设置d a ta-t og gl e=’scr o ll’,折叠容器需要添加co ll ap se 类D、折叠按钮设置d a ta-s py=’s cr oll’,折叠容器需要添加c o ll ap se 类4、在B oo ts tr ap 中实现.n av 的内容按比例填充所有可用空间,应该加哪个类()。

BA、.na v-ce nt erB、.na v-fi llC、.na v-le ftD、.na v-ri gh t5、在B oo ts tr ap中,使用ta b 标签页插件,要显示的内容要放在下方哪个容器里面()。

web前端开发期中考试试题及答案

web前端开发期中考试试题及答案

web前端开发期中考试试题及答案一、选择题(每题2分,共20分)1. HTML5中,以下哪个元素用于定义文档的元数据?A. `<header>`B. `<footer>`C. `<meta>`D. `<data>`答案:C2. CSS中,以下哪个属性用于设置元素的背景颜色?A. `color`B. `background-color`C. `bgcolor`D. `text-color`答案:B3. JavaScript中,以下哪个方法用于获取数组中最后一个元素?A. `pop()`B. `shift()`C. `last()`D. `slice(-1)`答案:A4. 在HTML中,以下哪个标签用于定义导航链接?A. `<a>`B. `<ul>`C. `<ol>`D. `<nav>`答案:D5. CSS中,以下哪个选择器用于选择id为"main"的元素?A. `#main`B. `.main`C. `div#main`D. `div.main`答案:A6. JavaScript中,以下哪个方法用于将对象转换为JSON字符串?A. `JSON.parse()`B. `JSON.stringify()`C. `JSON.toSource()`D. `JSON.toLocal()`答案:B7. 在HTML5中,以下哪个元素用于定义一个侧边栏?A. `<aside>`B. `<section>`C. `<article>`D. `<footer>`答案:A8. CSS中,以下哪个属性用于设置元素的字体样式?A. `font-style`B. `font-weight`C. `font-family`D. `font-size`答案:C9. JavaScript中,以下哪个方法用于将字符串转换为小写?A. `toLowerCase()`B. `toUpperCase()`C. `toSource()`D. `toLocaleLowerCase()`答案:A10. 在HTML中,以下哪个标签用于定义一个表格?A. `<table>`B. `<tr>`C. `<td>`D. `<th>`答案:A二、填空题(每题2分,共20分)1. HTML中的`<!DOCTYPE html>`声明是用来告知浏览器文档使用的是________版本。

Web前端开发职业技能等级证书考试-中级

Web前端开发职业技能等级证书考试-中级

Web前端开发职业技能等级证书考试-中级模拟试题及答案一、单选题(每小题2分,共30小题,共60分)1. PHP变量格式说法错误的是( ) [单选题] *A、变量以$开始B、变量名称不区分大小写(正确答案)C、变量名不能以数字开始D、变量名中不能出现空格。

2. 下列关于PHP语法正确的是( ) [单选题] *A、PHP文件中可以包含HTML标签(正确答案)B、PHP语句以句号结束C、<!-- -->是PHP中的注释符号D、PHP脚本只能放在文档的开始位置3. PHP中关于包含文件上级目录中的”a.php”的写法正确的是( ) [单选题] *A、import ../a.php;B、require ../a.php;C、require(“./a.php”)D、require “../a.php” ;(正确答案)4. 关于MySQL说法正确的是( ) [单选题] *A、MySQL是一种关系型数据库,以行列来存储数据(正确答案)B、MySQL只能用于小型项目C、MySQL自身具备可视化界面D、MySQL是收费的数据库5. 以下对MySQL数据库操作错误的是( ) [单选题] *A、show databases;B、use database_name;C、drop database db_name;D、show table;(正确答案)6. MySQL的浮点数据类型不包括( ) [单选题] *A、number(正确答案)B、floatC、doubleD、decimal7. 模糊查询姓张的人的查询语句书写正确的是( ) [单选题] *A、select * from table like ‘张%’;B、select * form table where name like ”_张”;C、select * form table where name like ”张%”;(正确答案)D、select * form table where name like ”%张%”8. 下列CSS命名规范正确的是。

Web前端开发(中级)理论考试真题 含答案

Web前端开发(中级)理论考试真题 含答案

Web前端开发中级理论考试一、单选题(每小题2分,共30小题,共60分)1、PHP变量格式说法错误的是()A、变量以$开始B、变量名称不区分大小写C、变量名不能以数字开始D、变量名中不能出现空格。

2、下列关于PHP语法正确的是()A、PHP文件中可以包含HTML标签B、PHP语句以句号结束C、<!---->是PHP中的注释符号D、PHP脚本只能放在文档的开始位置3、PHP中关于包含文件上级目录中的”a.php”的写法正确的是()A、import ../a.php;B、require ../a.php;C、require(“./a.php”)D、require “../a.php” ;4、关于MySQL说法正确的是()A、MySQL是一种关系型数据库,以行列来存储数据B、MySQL只能用于小型项目C、MySQL自身具备可视化界面D、MySQL是收费的数据库5、以下对MySQL数据库操作错误的是()A、show databases;B、use database_name;C、drop database db_name;D、show table;6、MySQL的浮点数据类型不包括()A、numberB、floatC、doubleD、decimal7、模糊查询姓张的人的查询语句书写正确的是()A、select * from table like ‘张%’;B、select * form table where name like ”_张”;C、select * form table where name like ”张%”;D、select * form table where name like ”%张%”8、下列CSS命名规范正确的是。

()A. 尽量使用类选择器进行样式设定B. 类命名时取父元素的class名作为前缀,使用_连接C. 类名与样式之间以回车进行分割D.严禁添加CSS代码注释9、下面不属于关键字let的特点的是:()A.只在let 命令所在的代码块内有效B.会产生变量提升现象C.同一个作用域,不能重复声明同一个变量D.不能在函数内部重新声明参数10、下面查询语法错误的是()A、select * from table limit 10;B、select * form table limits 10,5;C、select * form table limit 10 offset 4;D、select * from table limit 10,5;11、数据库的基本操作中写法有错误的是()A、select * form table where x>5;B、insert into table (user,password) values(‘sys’,’123456’);C、update table set user=’user1’;D、delete from table user=’user1’ ;12、以下关于MySQL函数解释错误的是()A、abs(x) : 返回x的绝对值B、round(x,y) : 返回参数x的四舍五入的有y位小数的值C、greatest(x1,x2,...,xn) : 返回集合中最大的值D、trim(str) :去除字符中的所有空格13、查看数据表结构的语句是()A、show tables;B、desc tablename;C、show create tablename;D、show tablename;14、下列数据类型中PHP5不支持的是()A、StringB、intC、FloatD、Boolean15、下列PHP函数写法正确的是()A、function void add(){ }B、function add($x){return $x;}C、function add(x){return x;}D、function add($X){return $x; }16、PHP类中变量默认的访问权限是()A、publicB、protectedC、defaultD、private17、Generator函数的yield关键字的作用是:()A.停止执行B.退出函数C.暂停执行,等待next( )方法调用D.停止执行,可自行恢复执行18、关于cookie与sessions说法错误的是()A、cookie是在服务器端创建,并写回到客户端浏览器B、session将信息存在客户端,现在保存到服务端C、cookie对文件的大小要求控制在4K以内D、session保存的是对象,cookie保存的是字符串。

web前端中级开发面试题

web前端中级开发面试题

web前端中级开发面试题Web前端中级开发面试题可以包括以下一些内容:1. CSS选择器有哪些?请列举出你所知道的所有CSS选择器,并解释它们的作用。

2. 请解释一下什么是CSS盒模型,包括padding、margin和border的概念。

3. 请解释一下什么是CSS的层叠和继承?如何在CSS中实现继承?4. 什么是CSS的伪类和伪元素?请列举出一些常用的伪类和伪元素,并解释它们的作用。

5. 请解释一下什么是CSS3的动画和过渡,并举例说明如何使用它们。

6. 请解释一下什么是响应式设计,并举例说明如何在Web设计中实现响应式设计。

7. 请解释一下什么是JavaScript的原型链和闭包,并举例说明它们的作用。

8. 请解释一下什么是事件冒泡和事件捕获,并举例说明它们的作用。

9. 请解释一下什么是AJAX,并举例说明如何使用AJAX进行数据交换。

10. 请解释一下什么是Web存储,包括localStorage和sessionStorage的区别和用途。

11. 请解释一下Web前端性能优化的方法,包括减少HTTP请求、使用CDN、优化图片等。

12. 请解释一下Web前端安全性问题,包括XSS攻击和CSRF攻击,以及如何防范这些攻击。

13. 请解释一下Web前端中的模块化和组件化开发的概念,并举例说明如何实现它们。

14. 请解释一下Web前端中的性能监控和度量方法,包括使用工具如Google Analytics等。

以上是一些Web前端中级开发面试题,当然根据具体的要求和岗位,可能会有更多的面试题目。

建议在面试前做好充分的准备,包括对Web前端技术的深入理解和实践经验,以提高面试通过率。

1+X_Web前端中级理论考试一

1+X_Web前端中级理论考试一

1+X_Web前端中级理论考试(一)[复制单选题(每小题2分,共30小题,共60分)1、a标签中哪一个属性是表示跳转路径的()[单选题]* A.B.href (正确答案)C.targetD.class2、form标签中哪个属性是文件上传必不可少的()[单选题]B.actionC.methodD.enctype (正确答案)3、input标签中,属性type的值是,表示文件上传()A.TextB.file (正确答案)C.passwordD.button4、<textarea></textarea >标签中表示文本可见宽度的属性是()B.cols (正确答案)C.rowsD.disabled5、<table></table >标签中定义表格标题的标签是()[单选题]A、<caption> (正确答案)B、<th>nameA. name[单选题][单选题]C. <tr>D. <td>6、要将插入的图片大小设为宽50像素,高为100像素,则正确代码为()选题]*A、<img src="images/banner3.jpg" width="50" height="100" /> (正确答案)B、<img src="images/banner3.jpg" width="100" height="50" />C、<img src="images/banner3.jpg“ width:50, height:100 />D、<img src="images/banner3.jpg“ width:100, height:50 />7、下列css代码,()能控制鼠标悬浮其上的超链接样式。

中级web前端试题

中级web前端试题

中级web前端试题(共18题,答15题以上通过,用时90分钟,不包括CSS3 HTML5 后台程序数据库SEO等)HTML、CSS题:1.三列布局如何让中间的先输出2.什么是盒模型,怪异模式下的变现形式什么样3.HTML、CSS在各种浏览器中的BUG(至少6种)JS题(算法兼容性知识点数据正则性能面向对象封装函数DOM类事件等):4.斐波那契数列(斐波那契数列指的是这样一个数列:1、1、2、3、5、8、13、21、……这个数列从第三项开始,每一项都等于前两项之和。

)例如algorithm(7) 返回1+1+2+3+5+8+13的结果5.IE和标准下有那些兼容性写法(至少6种)6.call和apply的区别7.ajax请求的时候,如何解析json数据为对象8.用正则如何去匹配QQ号9.如何提高web性能(包括:内容Server CSS JavaScript 图象等)(至少6种)10.写出B继承A的方法11.写一个获取非行间样式的封装函数12.空白节点是什么?如何解决13.事件委托是什么运行题(说出结果,阐述理由):14.var bbb = function(){aaa();}var aaa = function(){alert(123);};bbb();15.<div onclick='toShow()'>aaa</div> <script>function toShow(){alert(this);}</scrpt>点击div弹出的结果?综合题:16.阐述下显示今天的日期和明天的日期,包括年月日的显示?17.闭包是什么,有什么特性,对页面有什么影响18.当一个页面在你电脑运行没问题的时候,而在客户那边却有问题(不在一个城市),这时你该怎么办。

1+x 证书 Web 前端开发中级理论考试(试卷 2)

1+x 证书 Web 前端开发中级理论考试(试卷 2)

1+x证书Web 前端开发中级——理论考试(试卷2)一、单选题(每小题 2 分,共30 小题,共60 分)1、HTML5 的正确doctype 是?()A.<!DOCTYPE html>B.<!DOCTYPE HTML5>C.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "/TR/html5/strict.dtd">D.<!DOCTYPE>2、在HTML5 中,哪个元素用于组合标题元素?()A.<group>B.<header>C.<headings>D.<hgroup>3、在HTML5 中,onblur 和onfocus 是:()A.A.HTML 元素B. 样式属性C. 事件属性D. 事件4、用于播放HTML5 视频文件的正确HTML5 元素是:()A.<movie>B.<media>C.<video>D.<audio>5、用于播放HTML5 音频文件的正确HTML5 元素是:()A.<mp3>B.<audio>C.<sound>D.<video>6、在HTML5 中不再支持<script> 元素的哪个属性?()A.relB.hrefC.typeD.src7、在HTML5 中,哪个方法用于获得用户的当前位置?()A.getPosition()B.getCurrentPosition()C.getUserPosition()D.Position()8、CSS 3 中,提供的transiton 属性实现了什么()。

A.过渡B.平移C.旋转D.倾斜9、要实现margin-top 的过渡效果,下面正确的是()。

1+x 证书Web前端开发中级理论考试(试卷8)含答案

1+x 证书Web前端开发中级理论考试(试卷8)含答案

1+x 证书Web前端开发中级理论考试(试卷8)含答案一、单选题1、在PHP的str_replace(1,2,3)函数中,1,2,3所代表的含义是(D)A:“取代字符串”,“被取代字符串”,“来源字符串”B:“来源字符串”,“被取代字符串”,“取代字符串”C:“来源字符串”,“取代字符串”,“被取代字符串”D:“被取代字符串”,“取代字符串”,“来源字符串”2、在canvas中,用于绘制图片的方法是(B)A:strokeImage()B:drawImage()C:fillImage()D:draw()3、PHP用于存储用户会话信息的超级全局变量是(C)A:$_COOKIEB:$_FILEC:$_SESSIOND:$_POST4、使用媒体查询时,媒体类型取值为screen代表(A)A:用于所有设备B:用于掌上设备或更小的装置C:用于固定的字符网络,如电视、终端设备和对字符有限制的便携设备D:用于电脑屏幕,平板电脑,智能手机等5、用于将事务处理写到数据库的命令是(A)A:insertB:savepointC:commitD:select6、在bootstrap中,可以使用navbar-header类的情况是(D)A:为导航栏添加头部B:为导航栏添加一个标题C:为整个页面添加一个标题D:为整个页面添加头部7、要查看一个变量的数据类型,可使用函数(B)A:gettype()B:type()C:Type()D:GetType()8、以下Mysql命令的作用是(B)Create table gb(Guestname char(12) not null,Email char(40),Siteurl char(80),Content text,Id int auto_increment primary key);A:建立一个名为gb的数据库表,其中包含char、char、char、text、int等字段类型B:建立一个名为gb的数据库表,其中包含Guestname、Email、siteurl、content、id等字段C:建立一个名为gb的数据库,其中包含Guestname、Email、siteurl、content、id等用户D:建立一个名为gb的数据库,其中包含Guestname、Email、siteurl、content、id等数据表9、下列选项中,与图文效果相符的代码是(B)10、在HTML5中,元素(A)用于组合标题元素。

1+x 证书 Web 前端开发中级理论考试(试卷 5)

1+x 证书 Web 前端开发中级理论考试(试卷 5)

1+x证书Web 前端开发中级——理论考试(试卷5)一、单选题(每小题 2 分,共30 小题,共60 分)1. 改变元素的中心点进行变形处理使用哪个属性。

()A、flexgrowB、transformC、transform-originD、transition2. 下列哪项不支持php 函数的功能。

()A、可变的参数个数B、通过引用传递参数C、通过指针传递参数D、实现递归函数3. 当多媒体元素加载文件过程中出现异常,将触发元素的“error”事件,当通过元素的error 属性返回值为2 表示什么。

()A、媒体资源文件获取过程中出现异常而被中止B、出现网络错误,获取媒体资源出错C、媒体资源可用,解码出错D、没有找到可以播放的媒体文件格式4. 使用HTML5 中的,使用什么可以将数据长期保存在客户端。

()A、timeupdate 事件B、sessionStorage 对象C、JSON 对象D、localStorage 对象5. 在HTML5 中,调用对象的什么方法可以实现跨域页面间的数据互访。

()A、postMessage () 方法B、strTxtMessageC、省略selfD、self.postMessage(strRetHTML)6. 当skew 只设置一个值时,元素在页面中的效果是。

()A、元素只进行水平倾斜B、元素只进行水平旋转C、元素只进行垂直倾斜D、元素只进行垂直旋转7.Bootstrap 中,制作tab 切换,要显示的内容要放在下方哪个容器里面。

()A、contentB、tab-groupC、tab-bodyD、tab-content8.Bootstrap 中,可以把导航固定在顶部的类是。

()A、navbar-fixed-topB、navbar-fixed-bottomC、navbar-static-topD、navbar-inverse9. 使用Math 对象的sqrt (x) 方法,可以返回一个什么数。

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

中级web前端试题
(共18题,答15题以上通过,用时90分钟,不包括CSS3 HTML5 后台程序数据库SEO等)
HTML、CSS题:
1.三列布局如何让中间的先输出
2.什么是盒模型,怪异模式下的变现形式什么样
3.HTML、CSS在各种浏览器中的BUG(至少6种)
JS题(算法兼容性知识点数据正则性能面向对象封装函数DOM类事件等):
4.斐波那契数列(斐波那契数列指的是这样一个数列:1、1、2、3、
5、8、13、21、……这个数列从第三项开始,每一项都等于前两
项之和。

)例如algorithm(7) 返回1+1+2+3+5+8+13的结果
5.IE和标准下有那些兼容性写法(至少6种)
6.call和apply的区别
7.ajax请求的时候,如何解析json数据为对象
8.用正则如何去匹配QQ号
9.如何提高web性能(包括:内容Server CSS JavaScript 图象等)
(至少6种)
10.写出B继承A的方法
11.写一个获取非行间样式的封装函数
12.空白节点是什么?如何解决
13.事件委托是什么
运行题(说出结果,阐述理由):14.
var bbb = function(){
aaa();
}
var aaa = function(){
alert(123);
};
bbb();
15.
<div onclick='toShow()'>aaa</div> <script>
function toShow(){
alert(this);
}
</scrpt>
点击div弹出的结果?
综合题:
16.阐述下显示今天的日期和明天的日期,包括年月日的显示?
17.闭包是什么,有什么特性,对页面有什么影响
18.当一个页面在你电脑运行没问题的时候,而在客户那边却有问题(不在一个城市),这时你该怎么办。

相关文档
最新文档