你好同学，我是沐爸，欢迎点赞、收藏、评论和关注！
今天给同学们分享下前端的常见笔试题，通过这些笔试题可以检验个人知识的掌握情况，也可以提高面试时笔试题的通过率，一起看看吧！
HTML基础（一）
下列不属于标准HTML文档必须要包含是？
DOCTYPEbodyhtmlp答案4
关于XHTML和HTML的区别不正确的是？
XHTML是一个基于XML的标记语言XHTML是一个基于XML的设计语言HTML是一种基本的WEB网页设计语音全部都是答案1
以下属于行内标签的是？
formimgpul答案2
创建带有id属性的DOM元素的副作用有？
会创建同名的全局变量会造成DOM树分支过多会增加内存负担全部都是答案1
下列哪些功能不可以通过Cookie来实现？
记录访问者的信息自动识别用户在页面之间传递信息对数据库进行操作答案4
关于web表单登录中用到的图形验证码的实现，一下做法正确的有？
服务器生成验证码后一方面通过图片将验证码返回给客户端，同时在服务器端保存文本的验证码，由服务器端验证输入内容是否正确。返回浏览器的html代码中包含图形验证码和文本字符串，登录器客户端判断输入内容和页面中保存的内容是否一致。服务器端在返回的图片和cookie中同时包含图形验证码，登录前客户端判断输入内容和cookie保存的内容是否一致浏览器通过识别图形验证码中的内容和用户输入的内容判断是否一致。答案1
下列哪些不是块元素？
inputulhrli答案1
以下不属于HTML置换元素的是？
imgselectinputlabel答案4
关于空元素正确的是？
1.在XHTML、XML以及未来版本的HTML中，所有元素必须被关闭2. 在开始标签中添加斜杠，比如<br />，是开启空元素的正确方法3. <br>是关闭标签的空元素4. 空元素是在开始标签中开启的答案1
p元素使用正确的是？
1.This is my first paragraph.2.<p>This is my first paragraph.</p>3.<p>This is my first paragraph.4.This is my first paragraph.</p>答案2
关于HTML属性正确的是？
属性值应该只能被包括在双引号内属性总是以名称/值对的形式出现属性总是在HTML元素的结束标签中规定属性值本身就含有双引号，不必加引号答案2
img图片标签上title与alt属性的区别不正确的是？
title是关于元素的注释信息，主要是给用户解读。alt是给搜索引擎识别，在图像无法显示时的替代吗文本当鼠标放到文字或图片上时没有title文字显示在定义img对象时，将alt和title属性写全，可以保证在各种浏览器中都能正常使用答案3
关于静态网页和动态网页不正确的是？
有动画的网页是动态网页动态网页是指有后台数据参与的网页静态网页是指没有数据交互的网页，即没有数据库参与，没有服务器端数据动态网页中的数据是从数据库中提取的，需要有后台逻辑的支持答案1
不属于浏览器的渲染模式的是？
非标准模式接近标准模式怪异渲染标准模式答案1
input元素的type属性的取值不可以是？
buttonselectcheckboximg答案2
新窗口打开网页，用到以下哪个值？
_self_parent_blank_top答案3
以下哪个是无序列表？
uldiroldl答案1
网页开发中，一般需判断浏览器类型，需通过userAgent获取浏览器内核来判断，下列说法错误的是？
IE是目前最快的浏览器chrome是webkit内核firefox是Gecko内核一直到IE9，都是Trident内核答案1
常见的浏览器内核包括？
GeckosTrident(MSHTML)Presto全部都是答案4
在HTML中嵌入PHP代码，有一下几种方法，其中错误的是？
1."<!"开头，以"! >"结束，中间为PHP操作代码2.以<script language="php">开头，</script>结束，中间为PHP操作代码3.以"<?php" 开头，以"?>"结束，中间为PHP代码4.以"<?" 开头，以"?>"结束，中间为PHP代码答案1
关于以下代码的显示结果，说法错误的是？
<input type="date" name="bday"><input type="datetime-local" name="bdaytime">答案2
属于元素事件属性的是？
onerroronfocusonblur全部都是答案4
下面有关html结构不正确的是？
1.<dl><dt></dt><dd></dd></dl>2.<ul><li></li></ul>3.<table><tr></tr><td></td></table>4.<ol><li></li></ol>答案3
请选出不正确的答案：
一个id在页面中只能使用一次一个class可以在一个网页中多次使用id和class都能和javascript即css一起使用同一个id或class，都可以在一个网页中多次出现答案1
关于HTML语义化，以下哪个说法是正确的？
语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化语义化的HTML有利于及其的阅读，如PDA手持设备、搜索引擎爬虫；但不利于人的阅读Table属于过时的标签，遇到数据列表时，需尽量使用div来模拟表格header、article、address都属于语义化明确的标签答案4
以下几组标签中全部符合HTML5标准的是：
1.<nav><image><footer>2.<fieldset><canvas><pre>3.<section><audio><video>4.<address><svg><aside>答案3
在HTML5中，哪个元素用于组合标题元素？
headingsheadergrouphgroup答案4
下列不属于HTML5新元素的是？
viewportnavheadersection答案1
属于HTML5标签语义化的元素有？
header、nav、bannerarticle、footerblocksection答案2、4
以下哪个选项是HTML5的dtd？
1.<!DOCTYPE xhtml>2.<!DOCTYPE HTML5>3.<!DOCTYPE html>4.<DOCTYPE HTML PUBLIC>答案3
下列哪些是HTML5相关的框架或类库？
BootstrapAngularJSReactiveJS全部都是答案4
关于DOCTYPE说法错误的是？
1.<!DOCTYPE>声明是HTML标签2.<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前3.HTML文档添加<!DOCTYPE>声明，这样浏览器才能获知文档类型4.<!DOCTYPE>声明没有结束标签答案1
在img元素中必须要有的属性是？
relsrctitlealt答案2
下面关于HTML的Doctype和严格模式与混杂模式的描述，错误的是？
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法DOCTYPE不存在或格式不正确会导致文档以标准模式呈现DOCTYPE声明位于文档的最前面，处于html标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示答案2
下面关于html Doctype的描述中，说法错误的是？
它的责任就是告诉浏览器文档使用哪种html或者xhtml规范如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启严格模式不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析不同浏览器在混杂模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言答案2
设置锚点用的a标签的（）属性，label的for属性指向的是表单元素的 id 属性。
idlabelnamehref答案4
不属于浏览器渲染模式的是？
Quirk（怪异/兼容模式）Almost Standard（近似标准模式）Standard（标准模式）严格模式答案4
DOCTYPE标签声明的文档类型不包括？
严肃版本严格版本过渡版本基于框架的HTML文档答案1
在HTML5中，哪个方法用于获得用户的当前位置？
getUserPosition()getLocation()getPosition()getCurrentPosition()答案4
HTML基础（二）
关于HTML5中的自定义属性，下列哪个选项是正确的？
自定义属性以data开始，并将根据您的需求进行命名您可以使用 JavaScript 获得这些属性的值两项都是两项都不是答案2
在使用数据属性的规则时，正确的是？
数据属性应该只在没有其他合适的HTML元素或属性时使用存储在这些属性中的数据应该是字符串类型一个元素可以具有任意数量的数据属性，这些数据属性也可以具有任何所需要的值以上都是答案2
data-/dataset与getAttribute/setAttribute相比，正确的是？
两者都把属性设置到了attribute上用data-*，不可以把所有自定义属性在dataset对象中统一管理两项都正确两项都不正确答案1
确保InAPPBrowser 能被正确调用，正确答案是？
1.在调用外部资源的HTML文件的标签中加入 type="text/javascript" charset="utf-8" src="cordova.js"2.完整调用不会出现底部返回按钮无法出现的情况3.在调用外部资源的HTML文件的标签中要加入 type="text/javascript" charset=src="cordova.js"4.全部正确答案1
用iscroll实现上拉刷新、下拉刷新和加载，正确的是？
只能实现上下滑动，不能左右滑动把页面嵌入客户端的tab下，不会阻止客户端的左右滑动把iscroll插件中的onBeforeScrollStart: function(e) {e.preventDefault()}; 改为onBeforeScrollStart: null全部错误答案3
Web App 的优点，正确的是？
开发成本低迭代速度快能够跨平台终端全部都是答案4
Web App 的缺点，正确的是？
获取系统级别的通知和提醒效率低入口临时用户留存率低全部都是答案4
关于混合 APP 说法错误的是？
混合 APP 指半原生一半 Web 的混合 APP混合 APP 受限于技术和网速等因素限制体验不如原生APP可以直接访问 Web 的内容新闻类 App、视频类 App 普遍都是混合 APP答案4
下面对于Web App和 Native app 说法错误的是？
Native app 交互效果更好，可以实现更酷炫的效果Native app 控制力更强、更能保证用户界面的一致性Native app运行速度更快、加载时间更短Web app 迭代更灵活、节奏更快答案2
关于混合开发的概念不正确的是？
混合开发相等于一种框架开发混合开发通常由"HTML5 云网站+App 应用客户端"两部分组成同一套代码Android和IOS不能通用混合开发是一种取长补短的开发模式，原生代码部分利用WebView插件或者其他框架为H5提供容器答案3
关于 HTML5 和 Native 的交互，说法不正确的是？
需要开启 Webview 的 javascropt 脚本执行功能Webview 不支持 javascript 和 Java 相互作用需要在 HTML5 页面中注入一个 Java 对象全部都是答案2
关于 Hybid 开发正确的是？
是在 Native 客户端中嵌入 HTML app 的功能Hybrid App 只适用于某些场景微信是Hybrid开发的全部都是答案4
关于 Hybrid 开发的缺点，说法不正确的是？
一些周期比较短的活动页面适合用 HTML5 开发登陆和注册做成 HTML5 版本的 App，在弱网环境下会出现加载不出来的情况用户对 Web App 体验不满意可能是因为 HTML5 的效率和耗电问题调整手机摄像头做成 Native 的功能，让 HTML5 调用的使用体验比较好答案1
如何选择使用原生 APP 开发还是混合 App 开发，说法正确的是？
小需求可以选择混合 App预算少选择原生 App大需求选择混合 App全部正确答案1
打开新页面的导航栏下面有一条加载线的 APP 是哪类 App?
Web App混合 App原生 App都不是答案1
关于混合应用程序的实现原理不正确的是？
在云端代码和 JavaScript 中实现操作在本地应用程序中添加 WebView 来显示 HTML5 内容通过 JavaScript 来实现代码和HTML5之间的交互操作全部正确答案1
关于 ReactNative 说法正确的是？
ReactNative 只能用于开发 IOS/Android AppReactNative 在 JavaScript 中用 React 抽象 Android、IOS原生的UI组件，代替DOM元素渲染不可以用View标签取代Div标签全部正确答案2
不属于 ReactNative 与原生 Android 常用的通信方式的是？
通过 React 通信通过回调函数通信通过Promise规范实现通信通过原生 Android 直接向 ReactNative 传递常量数据答案1
从 ReactNative 中数据发生变化到把新的数据渲染到页面中，Reactive 生命周期函数按照执行顺序正确的是？
属性改变，依次执行componentWillRecivePros、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate状态改变，依次执行componentWillRecivePros、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate属性改变，componentWillRecivePros、shouldComponentUpdate、componentWillUpdate、componentDidUpdate、render状态改变，依次执行shouldComponentUpdate、componentWillRecivePros、componentWillUpdate、componentDidUpdate、render答案1
从ReactNative中数据发生状态变化，把新的数据渲染到页面中，ReactNative生命周期函数按照执行顺序正确的是？
shouldComponentUpdate、componentWillUpdate、render、componentWillRecivePros、componentDidUpdatecomponentWillRecivePros、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdatecomponentWillRecivePros、shouldComponentUpdate、componentWillUpdate、componentDidUpdate、rendershouldComponentUpdate、componentWillRecivePros、componentWillUpdate、render、componentDidUpdate答案1
HTML进阶
关于CSS Sprite 不正确的是？
维护合成的图片时，最好只是往下加图片，而不要更改已有图片图片合成很方便背景设置时，需要得到每一个背景单元的精确位置一种网页图片应用处理方式，就是把网页中一些背景图片整合到一张图片文件中答案2
将CSS样式应用到元素的方式的区别，不正确的是？
内联样式不可以定义伪类和伪元素内嵌样式的特殊性比外部样式的特殊性高外部样式有HTTP请求内嵌样式的重用范围是当前文档答案2
关于超链接不正确的是？
通过使用 a 标签在HTML中创建链接当使用命名锚时，不能创建直接跳至该命名锚的链接通过使用href属性 - 创建指向另一个文档的链接通过使用name属性 - 创建文档内的书签答案2
关于HTML解析遇到script元素，说法正确的是？
不推荐将脚本放置在body标签的位置会先执行脚本，再恢复文档的解析和渲染会先恢复文档解析和渲染，再执行脚本默认情况下脚本的执行是同步阻塞的答案4
name 属性中的 generator 的含义是？
用于移动设备，可设置浏览器中的视口标识生成页面的工具名规定文档的关键字规定搜索引擎如何操作文档答案2
下列哪项不是 iframe 的优点？
iframe能够原封不动的把嵌入的网页展现出来网页如果为了统一风格，头部和版本都一样，就可以写成同一个页面，用iframe来嵌套，可以增加代码的可重用性如果多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷如果遇到加载缓慢对的第三方内容如图标和广告，这些问题不可以由iframe来解决答案4
不是将CSS样式应用到元素上的方式是？
内部样式表内嵌样式外部样式表内联样式答案1
有关iframe的缺点正确的是？
样式/脚本需要额外链入，会增加请求iframe会阻塞主页面的onload事件代码复杂，无法被一些搜索引擎引到全部都是答案4
下列不属于超级链接常见表现形式的是？
下载链接普通链接空链接图片链接答案4
sessionStorage 保存数据的方法正确的是？
sesseionStorage.setItem(“键名”, “键值”)sesseionStorage.saveItem(“键名”, “键值”)sesseionStorage.setItem(“键值”, “键名”)sesseionStorage.saveItem(“键值”, “键名”)答案1
不属于将 javascript 嵌入 html 文档中的方式是？
内嵌脚本内联脚本外部脚本元素属性答案1
在下列HTML中，哪个可以添加背景颜色？
1.<body color="yellow">2.<body bgcolor="yellow">3.<background>yellow>/background>4.都不可以答案2
使用meta元素的原因是？
有些元数据信息不能被title、base、link、style或script元素描述因为meta元素只有一个用途因为meta元素具备4个属性meta标签永远位于head元素内部答案1
不属于meta属性的是？
linkcharsetnamehttp-equiv答案1
meta 元素可以定义文档的哪些元数据？
完善文档描述数据，提升 SEO制定首选样式，执行重载或重定向声明HTML文档内容所用的字符编码全部都是答案4
可以实现分布式相应的元素是？
id元素和img元素coords元素和area元素shape元素和map元素map元素和area元素答案4
嵌入在HTML文档中的图像格式有哪些？
GIFJEPGAPNG全部都是答案4
不包含 maxlength、readonly和size的元素是？
hiddentelemailurl答案1
关于表格布局的弊端错误的是？
难以实现响应式可维护性差可访问性好不够语义化答案3
下列关于iframe的用途的是？
嵌入第三方内容可用 iframe 唤起移动客户端的某个功能能实现长轮询，可用于设备监控、文字直播等全部都是答案4
有关HTML iframe和frameset 的说法不正确的是？
1.iframe是内联框架，在页面生成内部框架2.使用<iframe></iframe>添加的内容可以在展示页面中显示3.使用frameset标签时，需要去掉外层的<body></body>标签4.使用iframe标签时，需要去掉外层的<body></body>标签答案4
CSS（一）
在CSS选择器当中，优先级排序正确的是？
id选择器>标签选择器>类选择器类选择器>标签选择器>id选择器id选择器>类选择器>标签选择器标签选择器>类选择器>id选择器答案3
下列定义的CSS中，权重最低的是？
#game .name#game div#game .name span#game div.name答案2
CSS 中 clear 的作用是什么？
指明该元素周围不可出现浮动元素清除该元素父元素的所有样式清除该元素所有样式指明该元素的父元素周围不可出现浮动元素答案1
CSS 默认的定位类型是？
relativeabsolutefixedstatic答案4
CSS 样式，下面哪一个元素能够达到最大宽度，且前后各有一个换行？
Square ElementSide ElementBox ElementBlock Element答案4
以下哪些动画效果无法通过贝塞尔曲线实现？
easelinearfade-inease-out答案3
不属于 CSS 引入方式是？
内联内嵌导出外链答案3
有一个元素，需要在PC端显示而在手机端隐藏，需要使用的方法是？
visible-md-8 hidden-xsvisible-xs-8 hidden-mdvisible-md-8 hidden-smvisible-sm-8 hidden-md答案1
关于CSS的单元，以下说法错误的是？
百分比单位始终根据父元素相应值来计算vw、vh、em、rem都是相对单位90deg表示顺时针旋转90度1s=1000ms答案1
可继承的样式属性包括？
colorbackground-colormarginborder答案1
CSS优先级顺序正确的是？
!important>id>class>tag!important>class>id>tag!important>tag>class>idclass>!important>id>tag答案1
要让一个元素不可见且在文档流中不占位，应该使用下面那个CSS规则？
display: nonevisibility: hiddenoverflow: hiddenopacity: 0答案1
浮动会导致页面的非正常显示，以下集中清除浮动的方法，哪个是不推荐使用的？
1.父元素也设置浮动2.在浮动元素末尾添加一个空的标签例如<div style="clear:both"></div>3.通过设置父元素overflow值为hidden4.给父元素添加clearfix类答案1
以下说法正确的是？
display: hidden; 不为被隐藏的对象保留其物理空间visibility: hidden；与 display: none; 两者没有本质上的区别visibility: hidden；所占据的空间位置仍然存在，仅为视觉上的完全透明；visibility: hidden；产生回流与重绘答案3
下面属于CSS3新增属性的有？
box-shadowtext-shadowborder-radius全部都是答案4
关于position定位，下列说法错误的是？
fixed元素，可定位与相对浏览器窗口的指定坐标，它始终是以body为依据absolute元素，如果它的父容器设置了position属性，并且属性值为absolute或relative，那么就会一句父容器进行偏移relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间fixed属性的元素在标准流中不占位置答案3
CSS盒子模型中（）是透明的，这部分可以显示背景？
marginbordercontentpadding答案4
CSS样式，边距：10px 20px 40px 30px; 哪一个是底边距？
20px40px30px10px答案2
CSS中下面哪个属性是不可继承的？
font-familycolorborderfont-size答案3
下列哪个不是浏览器支持的锚伪类？
a:hovera:disableda:linka:active答案2
关于CSS选择器，以下说法正确的是？
每条选择器最多只能出现1个伪类:nth-child(an+b)中n的值从0开始每条选择器最多只能出现2个伪元素A+B匹配A之后所有符合B规则的元素答案2
关于浮动元素，下面说法错误的是？
行内元素与浮动元素发生重叠，其边框，背景和内容都会显示在浮动元素之下如果有非浮动元素和浮动元素同时存在，并且非浮动元素在前，则浮动元素不会高于非浮动元素如果有多个浮动元素，浮动元素会按顺序排下来而不会发生重叠的现象浮动元素会尽可能地向顶端对齐、向左或向右对齐答案1
下列哪个不属于id与class之间的区别？
在class中可以定义:hover伪类，在id中不能定义id与class具有更高的样式优先级一个元素只能有一个id属性值，却可以拥有多个class属性值id在文档中只能使用一次，而class可以多次使用答案1
在鼠标移到按钮并点击时，会产生一串什么样的事件？
hover active focusfocus hover activehover focus activeactive hover focus答案3
CSS 的英文单词全称是什么？
Colorful Style SheetCreative Style SheetCascading Style SheetComputer Style Sheet答案3
以下全部属于块级标签的是？
div/p/input/span/imgdiv/p/form/ul/lidiv/h1/p/img/dlspan/h1/p/img/dl答案2关于行内元素不正确的是？
divimgsapnselect答案1
下述有关css属性position的属性值的描述，说法错误的是？
static 没有定位，元素出现在正常的文档流中relative 生成相对定位的元素，相对于元素自身正常位置进行定位absolute 生成绝对定位，相对于 static 定位以外的第一个祖先元素进行定位fixed 生成绝对定位，相对于父元素进行定位答案4
CSS样式，下面哪一个能够用于边距的单位？
pxptem全都可以答案4
CSS（二）
下列不是 CSS3 新特性的是？
@keyframesfont-size@mediaflex答案2
使用什么可以实现 CSS3 动画效果？
transformkeyframestransitionrotate3d答案2
实现翻书效果可以使用 CSS3 的什么方法？
rotateYtranslateYscaleYperspective(n)答案1
下面哪个选择器不是 CSS3 才定义的？
:enabled:only-child:before:checked答案3
下列选项中不属于 CSS3 样式选择器的是？
root 选择器id 选择器target 选择器empty 选择器答案2
CSS3 中什么功能可以实现文字或图像的变形处理？
deformscalerotatetransform答案4
以下是 CSS3 支持的单位有？
vwem%全部都是答案4
下面属于 CSS3 新增属性的有？
box-shadowtext-shadowborder-radius全部都是答案4
在 CSS3 中，以下哪个是IE浏览器（Trident内核）的私有属性前缀？
-trident-ms-ie-webkit答案2
下列 CSS3 新特性在移动端兼容性较好，我们可以在工作中使用的是？
字体大小或尺寸单位使用remCSS Grid LayoutPosition: stickyCSS.supports() API答案1
first-of-type 和 first-child 的区别不正确的是？
first-of-type 匹配的元素的范围都属于同一级first-of-type 匹配的是该类型的第一个元素，不限制是第一个子元素first-of-type 匹配的是该类型的第一个元素，必须是第一个子元素first-child 是结构上的第一个子元素答案3
有两个上下相邻的div，它们的样式如下，请问它们的上下间隔是？
.div1 { width: 100px; height: 100px; margin-bottom: 30px;}.div2 { width: 100px; height: 100px; margin-top: 20px;}答案3
超链接被点击访问后，hover和active将不再起作用，下列哪种 CSS 属性的排列顺序能解决这个问题？
H-L-V-AL-V-H-AL-A-H-VA-L-H-V答案2
以下不是 box-sizing 的属性的是？
content-boxinheritautoborder-box答案3
关于 CSS3 动画不正确的是？
代码相对简单在动画控制上不够灵活兼容性不好动画功能都可以实现答案4
以下哪个是 animation 的属性？
animation-nameanimation-durationanimatioin-timing-function全部都是答案4
关于媒介查询的使用方法正确的是？
@media 媒体类型 and (媒体特性) { 样式规则 }通常在移动端使用为了适配多屏幕，使用 rem 单位全部正确答案1
如果要将一个元素旋转90度，可以使用 CSS 中的哪个属性实现？
translatetransitionanimationtransform答案4
CSS（三）
下列哪个不是 CSS 预编译工具？
sassbassslessstylus答案2
下列关于 Canvas 和 SVG 图形的区别说法正确的是？
Canvas 绘制的形状都能被记忆和操作Canvas 不能使用绘制对象的相关事件处理，因为我们没有他们的参考SVG 为了之后的操作，需要记录坐标，所以比较快速Canvas 和分辨率无关答案2
下述有关 border:none 和 border:0 的区别，描述错误的是？
border:none 表示边框样式无当定义边框时，仅设置边框宽度不可以达到显示的效果当定义了 border:node，即隐藏了边框的显示，实际就是边框宽度为0border:0 表示边框宽度为0答案3Canvas 匀速属性和用 CSS 设置宽高的区别错误的是？
绘图都是在画布上进行的CSS 控制的是画布的尺寸CSS 控制的是容器的尺寸画布默认宽为300px，高为150px答案2
下面关于sass/scss和less的说法正确的是？
less和sass都是CSS预编译器，对CSS赋予了动态语言的特性sass的安装不需要Ruby环境，是在服务器端处理的，而less是需要引入less.js来处理less代码输出css到浏览器less和sass的变量符号都是$less和sass都支持条件语句，可以使用if/else、for循环等。答案1
关于 scss 正确的是？
scss 可以将 CSS 当做函数编写可以定义变量、可以嵌套定义scss 是 Sass语言中的一套语法扩展名全部都是答案
关于 Sass 和 Less 的区别不正确的是？
编译环境不一样输出配置不同变量名可以一样插值语法不同答案2
关于 Sass 说法正确的是？
需要安装 Ruby 环境，在服务端处理Sass 的继承相当于 Less 的混合Sass 的变量名使用 $全部正确答案2
以下不属于 Sass 提供输出项的是？
compactcompressednested没有输出项答案4
关于 Sass 输出项正确的是？
expanded 选项用于多行 CSS 代码compact 选项显示简洁格式的 CSS 代码nested 选型用于嵌套缩紧的 CSS 代码全部正确答案4
关于预处理器下列说法正确的是？
增强了 CSS 代码的复用性具有很方便的 UI 模块化开发能力能极大地提高工作效率全部正确答案4
关于 Sass 与 Scss 的区别不正确的是？
Scss 包含了 Sass 的特色功能Scss 支持所有 CSS3 语法Scss 是新语法，Sass 是旧语法Sass 语法用分号分隔语句答案4
哪个处理器可以进行如下运算？
body { margin: (14px/2); top: 50px + 100px; right: 80 * 10%;}答案4
属于 Stylus 颜色处理函数的是？
complement($color)darken(color, 10%)spin(@color, 10)darken(@color, 10%)答案2
下列代码使用了哪个预处理器的颜色处理函数？
$color: #0982c1;h1 { background: $color; border: 3px solid darken($color, 50%)}答案3
关于 Mixins 说法正确的是？
Mixins 可以将一部分样式抽出，作为单独定义的模块，被很多选择器重复使用Sass 样式中声明 Mixins 时需要使用“@mixin”,然后后面紧跟 Mixins 的名在 Less 中，混入是指将定义好的“ClassA”引入到另一个已经定义的“ClassB”中全部正确答案4
下列代码是哪个预处理器的 Mixins？
/* 声明一个Mixin叫做error */error(borderWidth = 2px) { border: borderWidth solid #000; color: #f00;}/* 调用error */.generic-error { error(); /*直接调用*/ }.login-error { error(5px); /*传递参数*/ }答案1
以下属于 Sass 上的运算符的是？
字符串运算符布尔运算法列表运算符全部都是答案4
关于预处理器的继承说法不正确的是？
Sass 和 Stylus 的继承是把一个选择器的所有样式继承到另一个选择器上CSS 预处理器语言不可以从一个选择器继承另一个选择器下的所有样式Sass 和 Stylus 在继承另一个选择器的样式时需要使用"@extend"开始Less 支持的继承和 Sass 与 Stylus 不一样，它不是在选择器上继承，而是将Mixins 中的样式嵌套到每个选择器里。答案2
关于 Less 的条件语句不正确的是？
条件语句是常见的关键词if和else if之类其实现方式是利用关键词“when”Less 的条件语句提供了很多类型检查函数来辅助表达式，例如iscolor、isnumber、isstring、iskeyword、isurl等Less 的条件表达式同样支持 AND 和 OR 以及 NOT 来组合条件表达式答案1
关于循环语句不正确的是？
Sass 中使用 for 循环语句需要“@for”，并且配合“from”和“through”一起使用Less 支持 for 循环语法Sass 和 Stylus 还支持 for 循环语句在 Less 中可以使用 When 来模拟出 for 循环的特性答案2
JavaScript（一）
[“1”, “2”, “3”].map(parseInt)的返回值是什么？
[“1”, “2”, “3”][1, NaN, NaN][1, 2, 3][0, 1, 2]答案2
JavaScript 中 window 对象的子对象不包含以下哪个对象？
selfhistorymessagedocument答案3
以下代码的输出结果是：
function showCase(value) { switch(value) { case 'A': console.log('Case A'); break; case 'B': console.log('Case B'); break; case undefined: console.log('undefined'); break; default: console.log('Do not know') }}showCase(new String('A'))答案3
下面代码的输出结果是？
var two = 0.2var one = 0.1var eight = 0.8var six = 0.6console.log([two - one === one, eight - six === two])答案1
下面代码的执行结果是什么？
var string = "string";var number = 0;var bool = true;console.log(number || string);console.log(number && string);console.log(bool || number);console.log(bool && number);答案3
[typeof null, null instanceof Object] 的结果是什么？
[“object”, false][null, false][“object”, true]other答案1
下面代码的输入结果是？
var val = "smtg";console.log('Value is' + (val === 'smtg') ? 'Something' : 'Nothing')答案4
下面代码的输出结果是什么？
var name = "World!";(function() { if (typeof name === "undefined") { var name = "Jack"; console.log("Goodbye " + name) } else { console.log("Hello "+ name); }})();答案3
var arr = []; typeof arr 的结果是？
functionarrayundefinedobject答案4
以下代码执行后，console.log的输出是？
function Foo() { console.log(this.location);}Foo();答案1
如何遍历下面的 my_data 对象？
var my_data = { a: "Apple", b: "Banana", c: "Mango"}答案3
如何判断一个JS对象是否是Array，arr为要判断的对象，其中最准确的方法是？
Object.prototype.toString.call(arr) === “[object Array]”arr.toString === “[object Array]”arr instanceof Arraytypeof(arr)答案1
下列代码 hasOwnProperty 的作用是？
var obj = {}...obj.hasOwnProperty(val)答案4
下列不属于 JS 内置对象的是？
RegExpDateErrorWindow答案4
JS中的数字在计算机内存存储为多少Byte？
16Byte8Byte2Byte4Byte答案2
以下代码的运行结果是什么？
for(var i = 0; i < 10; i++) { setTimeout(()=> { console.log(i) },1000)}答案1
下拉菜单中，用户更改表单元素 Select 中的值时，就会调用（）事件：
onChangeonClickonFocusonMouseOver答案1
语句 var arr = [a,b,c,d]; 执行后，数组中arr中每项都是一个整数，下面得到其中最大整数语句不正确的是？
Math.max.call(Math, arr[0], arr[1], arr[2], arr[3])Math.max.apply(Math, arr)Math.max(arr)Marh.max(arr[0], arr[1], arr[2], arr[3])答案3
JS 实现继承的方式，不正确的是？
关联继承原型链继承构造函数继承组合继承答案1
以下代码执行后，输出结果是？
let x = 10;let foo = () => { console.log(x); let x = 20; x++;}foo();答案2
关于 this 的工作原理，下面 4 种情况的描述错误的是？
在全局范围内， this指向全局对象（浏览器下指window）对象函数调用时，this指向当前对象使用new实例化对象时，this指向新创建的对象全局函数调用时，this指向全局函数答案4
以下JS操作数组的方法中不能添加元素的是？
poppushunshiftsplice答案1
关于JS，以下选项描述错误的是？
通过 hasOwnProperty 可判断一个对象以及其原型链上是否具有指定名称的属性在原型上扩展的可枚举方法，会被for in循环出来使用 object.defineProperty 可向对象添加或修改属性原型链是JS实现继承的一种模型答案1
JS数组的方法中，哪些不能改变数组自身？
concatsplicesortpop答案1
下面有关 JS 中 call 和 apply 的描述错误的是？
apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是call传入的则是直接的参数列表。call方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象答案3
白屏时间 first paint 和可交互时间 dom ready的关系是？
先触发 dom ready，后触发 first paint一起触发没关系先触发fisrt paint，后触发 dom ready答案4
最后一句alert的输入结果是？
var msg = "hello";for(var i = 0; i < 10; i++) { var msg = 'hello' + i * 2 + i;}alert(msg);答案3
要在10秒后调用checkState，下列哪个是正确的？
window.setTimeout(checkState(), 10)window.setTimeout(checkState, 10)window.setTimeout(checkState(), 10000)window.setTimeout(checkState, 10000)答案4
下列代码的执行结果是？
console.log(([]) ? true : false);console.log(([] == false ? true : false));console.log(({} == false)? true : false);答案1
JavaScript（二）
JS 定义 var a = “40”; var b = 7; 则执行 a % b会得到：
“5”5undefinednull答案5
下列关于闭包描述正确的是？
闭包不耗内存，可以随意使用闭包内变量执行后会被清除闭包不满足链式作用域结构(function(){})()理论上是一个闭包答案4
下面有关浏览器中使用JS跨域获取数据的描述，说法错误的是？
域名、端口相同，协议不同，属于相同的域使用 window.name 来进行跨域JS 可以使用JSONP进行跨域通过修改 document.domain 来跨子域答案1
下面运行结果正确的是？
var a = {}, b = Object.prototype;console.log([a.prototype === b, Object.getPrototypeOf(a) === b]);答案2
下面代码的运行结果是？
var a = /678/, b = /678/;console.log(a == b, a === b);答案1
匹配页面中输入的字符串，范围需要是[0.5, 500]，小数位后最多保留两位，以下正则表达式不能实现该需求的是？
下面有关值类型和引用类型描述不正确的是？
值类型变量的作用域主要实在栈上分配内存空间内，而引用类型变量作用域主要在分配的堆上。值类型数据是在栈上分配内存空间，使用效率相对较高。而引用类型数据是分配在堆上，引用类型的变量通常包含一个指向实例的指针，变量通过指针来引用。引用类型一般都具有继承性，但是值类型一般都是封装的，因此值类型不能作为其他类型的基类。值类型的变量赋值只是进行数据复制，创建一个同值的新对象，而引用类型变量赋值，仅仅是把对象的引用的指针赋值给变量，使它们共用一个内存地址。答案1
以下JS代码输入的结果是？
var a = "5" + 3;var b = "5" - 3;console.log(a, b);答案3
DOM（文件对象模型）提供了树状结构的表示方法，以下描述正确的是？
不是所有的HTML elements 都是 element nodesDocument 不是一个 document node，是一种节点格式在 HTML element 内的 text 内容也是 text node所有 comments 都是 document node答案3
DOM 事件流不包括哪个阶段？
事件捕获阶段处于目标阶段事件冒泡阶段事件监控阶段答案4
下列哪项不能提高dom元素操作效率？
使用DocumentFragment替代多次appendChild操作插入大量DOM元素时，使用innerHTML替代逐个构建元素处理列表子元素的点击事件时，使用事件代理使用addEventListener替代onxxx(比如onclick)进行事件绑定答案4
在下列代码中，当点击div时，控制台输出的内容是？
<div id="a"> <div id="b"></div></div><script> document.getElementById("a").addEventListener("click", e => { console.log(1); }) document.getElementById("b").addEventListener("click", e => { e.preventDefault(); console.log(2); })</script>答案2
下面关于DOM事件描述错误的是？
onchange() 元素在页面的位置发生改变时触发onreset() 表单元素被重置，比如当用户按下表单重置按钮onclick() 鼠标点击一个元素时触发onload() 元素被载入（文档、框架或图像）答案1
在原生JS中，获取一个DOM节点的父节点，下面哪个方法是正确的？
element.parentNode()element.parent()element.parentNodeelement.parent答案3
关于 BOM 描述正确的是？
开放了一些其他接口，如获取浏览器信息支持对窗口的操作，比如新建窗口提供输入和输出的功能，例如网络通信全部正确答案4
JS 定时器不包含哪个函数？
getInterval()clearTimeout()setInterval()setTimeout()答案1
下面的单次不属于 JS 关键字的是？
voidclasswithparent答案4
给网页添加 JS 的方式有？
使用script标签，将JS代码写在script标签之间添加外部JS文件使用行内JS使用@import引入JS文件答案4
以下 JS 中数组数据类型的方法中，不会改变原始数据的方法是？
slicesplicereverseshift答案1
下列关于 JS 节点操作的函数说明中，错误的是？
nerbourNode.nextSibling 获取已知节点的下一个节点nerbourNode.previousSibling 获取已知节点的相邻的上一个节点nerbourNode.siblings 可以获取元素的同胞节点parentObj.children 只选择元素节点（但IE678 会包含注释节点）答案3
JS 中，设置浏览器兼容 event 事件的代码为？
var ev = event ? event : window.event;event = event || window.event;var ev = ev || window.event;var ev = event || window.event;答案3
下列选项中，不属于 JS 弹框的是？
alertopenToastpromptconfirm答案2
在 JS 中，组织冒泡的方法正确的是？
window.event.cancelBubble = false;event.stopPropagation;window.event.cancelBubble;event.stopPropagation();答案4
下列属于 JS 对象的创建方式的是？
动态原型模式寄生构造函数模式稳妥构造函数模式全部都是答案4
以下属于 JS 继承方法的是？
原型式继承寄生式继承寄生组合式继承全部都是答案4
在 JS 中，对于浏览器对象的层次关系理解错误的是？
document对象包含location对象document对象包含form对象location对象包含history对象window对象时所有页面内容的根对象答案3
JS 中提供的循环类型是？
一种，for 循环三种，for 循环，while 循环，do…while 循环四种，for 循环，while 循环，do…while 循环以及 loop…until循环两种，for 循环，while 循环答案2
下面代码的输出结果是？
a = new Array(1, 2, 4, 6, 8);sum = 0;for (i = 1; i < a.length; i += 2) sum += a[i];console.log(sum);答案2
JavaScript（三）
原生 JS 中，获取一个DOM节点的父节点，下面哪个方法是正确的？
element.parent()element.parentNodeelement.parentelement.parentNode()答案2
假设手机号的规则是11位整数，以1开头，如果使用正则表达式来验证手机号，可以采用下面哪个？
/1{10,}$//^\d{10}$//^1[0-9]{10}$//^\w{10}$/答案3
原生 JS 中，修改一个DOM节点的背景颜色，下面写法正确的是？
element.styles.background =element.style.background =element.style.back-ground =element.style.backGround =答案2
JS 语句判断正则表达式的方式是？
test(str);test();validate(str);validate();答案1
在jquery中，如果想要获取当前窗口的宽度值，下面哪个可以实现？
width(val)widthinnerWidth()width()答案4
在jquery中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？
remove()empty()removeAll()delete()答案1
通过jquery，将服务端返回的JSON格式的字符串转为js对象，语法正确的是？
#.parseJSON(data)#.parseJson(data)$.parseJSON(data)$.parseJson(data)答案3
下面哪个函数在jquery中能够实现元素之间互换显示和隐藏？
togglefadeshowhide答案1
jquery如何选择到包含指定字符串的所有元素：
使用 :attr(name)使用 :input使用 :text使用 :contains(text)答案4
以下jquery方法中那个方法可以设置渐变为给定的不透明度？
$(selector).fadeOut()$(selector).fadeIn()$(selector).fadeTo()$(selector).fadeToggle()答案3
以下jquery方法中，实现跨域的是？
getJSONgetloadloadpost答案1
以下jquery对象中，使用了事件委托的是？
mousedownonchangeclick答案2
关于Ajax，下列描述错误的是？
字符串检索AJAX指异步的JS与XML，这是一门全新的技术AJAX是 Asynchronous JavaScript and XML 的缩写使用AJAX，网页能够将增量更新呈现在页面上，而不需要刷新整个页面虽然X代表XML，但目前JSON的使用比XML更普遍答案1
下面不属于Ajax事件的是？
ajaxComplete(callback)$.post(url)ajaxSend(callback)ajaxSuccess(callback)答案2
当一个ajax请求因为跨域问题导致请求不能顺利完成时，你觉得是哪个环节导致的？
浏览器不会将跨域请求发送给服务器服务器不会处理任何跨域请求服务器接受到跨域请求后不会做任何响应浏览器不会将存在跨域限制的服务器响应正常交给客户端代码去处理答案4
以下关于 Ajax 的表述错误的是？
Ajax可以减轻服务器负载Ajax支持浏览器back按钮Ajax可以实现页面局部刷新Ajax通过xml或json格式与服务端交换数据答案2
使用 Ajax 向服务端发送请求时，下列哪些场景必须使用 post 请求？
上传文件时传递一个json数据时发送一串字符串时先服务器发送大量数据（5M）答案4
使用Ajax时首先需要创建什么对象？
AjaxXMLRequestHttpRequestXMLHttpRequest答案4
不属于采用 Ajax 的原因是？
将数据和显示分离不刷新整个页面，提高了数据处理效率AJAX是基于广泛支持的公开标准技术因为它是一种新技术答案4
在标准的JS中，Ajax 异步执行调用基于下面哪一个机制实现的？
多线程操作多CPU核Deferral和PromiseEvent和callback答案4
检测JSON字符串中大括号和中括号是否正确配对，才有哪种数据结构最佳？
栈线性表的顺序数据存储结构线性表的链式存储结构队列答案1
有关JSON描述错误的是？
JSON是存储和交换文本信息的语法，类似XMLJSON 比 XML 体积稍大，但是更快，更易解析JSON 是轻量级的文本数据交换格式JSON 指的是 JavaScript 对象表示法答案4
关于XML和JSON的区别，描述错误的是？
JSON对数据的描述性比XML好JSON与JS的交互更加方便，更容易解析，更好的数据交互JSON相对XML来讲，数据的体积更小，传递的速度更快些JSON的速度要远远快于XML答案4
golang 中大多数数据类型都可以转换为有效的JSON文本，下列可以的是？
函数指针channelcomplex答案2
网络基本原理
关于HTTP和HTTPS的区别错误的是？
HTTP连接很简单， 是无状态的HTTP是直接与TCP进行数据传输HTTPS协议不需要到CA申请证书或自制证书HTTPS是具有安全性的ssl加密答案3
HTTP2与HTTP1.x相比的新特性有哪些？
HTTP2支持多路复用HTTP2使用的是新的二级制格式传输，HTTP1.x是文本（字符串）传输HTTP2支持服务器推送全部都是答案4
TCP/IP 将通信的过程抽象为哪4层？
应用层、接收层、网络层、网络接口层应用层、传输层、会话层、网络接口层应用层、传输层、网络层、网路接口层应用层、传输层、会话层、网络层答案3
以下关于 HTTP 安全性不足的叙述正确的是？
通信就是明文无法证明报文完整性没有验证通信方身份全部都是答案4
HTTP中，POST与GET的区别不正确的是？
get是从向服务器传送数据，post是从服务器获取数据。get请求通过URL传输数据，而post请求的数据通过请求体传输get传送的数据量小，不能大于2kb（因为浏览器对URL的长度有限制），post传递的数据量较大，一般被默认为不受限制get的数据在URL中，通过历史记录，缓存很容易查到数据信息，相对不安全答案1
以下哪项是Web应用的主动攻击模式？
SQL注入攻击XSSCSRFHTTP首部注入攻击答案1
不属于 TCP 对应的应用层协议的是？
TelnetDNSPOP3HTTP答案2
关于 A 类 IP 地址说法正确的是？
第一个字节范围 128~191是基本类以0开头以110开头答案3
关于 TCP 与 UDP 的区别正确的是？
TCP保证数据正确性，UDP可能丢包，TCP保证数据顺序，UDP不保证基于连接与无连接对系统资源的要求，TCP较多，UDP较少全部都是答案4
关于 TCP 的三次握手错误的是？
是为了防止失效的数据包传送到服务器端，发生错误发送端接收到带有确认信息的数据包后，没有返回带有ACK标志的数据包，代表握手成功发送端首先发送一个带有SYN标志的数据包给服务器，请求建立连接服务端收到后，会返回一个带有SYN和ACK标志的数据包传达确认信息答案2
HTTP 中的 4xx 状态码的类别是什么？
Redirection（重定向状态码）Client Error（客户端错误状态码）Informational（信息性状态码）Server Error（服务端错误状态码）答案2
关于 HTTP 报文错误的是？
请求（request）端的报文叫请求报文响应（response）端的报文叫响应报文用于HTTP协议交互的信息被称为HTTP报文请求报文由5部分组成：HTTP协议版本、状态码、原因短语、可选的响应首部与内容答案4
不属于HTTP协议三个特征的是？
加密性管道化持久连接无状态答案1
HTTP首部包含？
通用首部响应首部实体首部全部都是答案4
不属于缓存处理过程的是？
在缓存中搜索指定资源的副本，如果命中就执行第一步在缓存中搜索指定资源的副本，如果命中就执行第二步对资源副本进行新鲜度检测，如果不新鲜就执行第三步与服务器进行再验证。验证通过就更新资源副本的新鲜度，再返回这个资源副本；不通过就从服务器返回资源，再将最新资源的副本放入缓存中。答案1
计算机网络可以分为局域网、（）、广域网。
校园网城域网宽带网教室网答案2
在TCP协议中，用来表示“确认应答”的报文码位字段是：
SYNACKRSTPSH答案2
指出下面的 IP 地址中，哪个是 C 类地址？
127.19.0.23193.0.25.37225.21.0.11170.23.0.1答案2
下面提供 FTP 服务的默认 TCP 端口号是？
25232180答案21
在下列网间连接器中，（）在数据连接层实现网络互连。
网桥中继器路由器网关答案1
发送数据时，数据块从结点进入到传输媒体所需要的时间称为：
传播时延发送时延处理时延往返时延答案2
在发送 TCP 接收到确认 ACK 之前，由其设置的重传计时器到时，这时发送 TCP 会：
调整传送窗口尺寸向另一个目标端口重传数据放弃该连接重传重要的数据段答案4
TCP/IP 参考模型中的主机 - 网络层对应于 OSI 中的：
数据链路层物理层与数据链路层物理层网络层答案4
SMTP 是用于：
浏览器和Web服务器之间传送报文网管代理向网管站发送报文从邮件服务器向客户端发送报文在邮件服务器之间传递报文答案4
给定某 C 类网络，需要划分 20 个子网，请问子网掩码是多少？
255.255.255.224255.255.255.248255.255.255.240255.255.255.192答案2
回收 IEEE 802.5 令牌环的数据帧的站是？
校验出错误帧的站发送站接收站管理站答案2
在帧中继网络中，帧中继通过（）协议监控PVC的状态
LMIBECNDLCIPECN答案1
HTTP协议中使用GET方法时，参数是通过什么方式传递的？
请求的header中URL参数请求的body中Get请求无法传参答案2
关于HTTP的POST方法，下列描述错误的是？
通过访问在浏览器的网址栏中输入网址，能够发出POST请求POST的请求参数放在Requset Body中POST方法用于提交要处理的数据POST方法在请求时会产生两个TCP数据包答案1
下面关于DNS说法正确的是（）
DNS的作用是域名和IP地址的相互映射DNS的协议端口是53DNS协议大多数运行在 TCP 协议之上DNS的默认缓存时间为1小时答案2本次分享的笔试题来自 Boss 直聘 App，同学们有兴趣的话，可以去App上刷下题。后期还会把Vue、React、小程序、逻辑思维和数学运算相关试题一并同步过来，尽情期待吧！
好了，分享结束，谢谢点赞，下期再见。
0-0 ↩︎