通过刷题,补充自己的不足,巩固知识点。
1. 下列有关HTTP请求的说法不正确的是 单选
- A. GET 请求可被收藏为书签
- B. GET 请求有长度限制
- C. POST 请求对数据长度没有要求
- D. POST 请求可被收藏为书签
2. 关于Vue首屏加载优化,说法不正确的是?单选
- A. 异步引入组件可提升加载性能
- B. 按需要引入ElementUI等视图框架
- C. 减小首屏图片大小
- D. 清空浏览器缓存
3. HTML代码 表示( )。单选
- A. 创建表格
- B. 创建一个滚动菜单
- C. 设置每个表单项的内容
- D. 创建一个下拉菜单
4. <hr noshade>
表示( )。单选
- A. 表示水平线没有阴影
- B. 表示水平线没有边框
- C. 表示页面边界没有阴影
- D. 表示水平线不显视
5. Vue中,当v-for与v-if同时使用时,下列说法正确的是?单选
- A. 优先执行v-for
- B. v-for与v-if不能同时使用,会执行顺序不清而崩溃
- C. v-if是将指定元素的CSS调成了display:none
- D. v-for中的key功能是指明v-for的索引参数
6. 这段代码的输出是多少?单选
a();
function a(){
console.log(1)
}
function a(){
console.log(2)
}
- A. 1,2
- B. 1
- C. 2
- D. Error
7. 在JavaScript中,当元素失去焦点时触发的事件是( )。单选
- A. focus
- B. unload
- C. mouseover
- D. blur
8. 下面对于JavaScript说法错误的是?单选
- A. 作用域是可访问变量、对象、函数的集合
- B. 变量在函数外即为全局变量
- C. 变量在函数内没有声明,该变量为局部变量
- D. 局部变量只作用于函数内
9. 下列说法错误的是( )。单选
- A.
<s></s>
表示上标 - B.
<strike></strike>
表示删除线 - C.
<sup></sup>
表示上标 - D.
<u></u>
表示下划线
定义和用法
<s> 标签可定义加删除线文本定义。
<s> 标签是 <strike> 标签的缩写版本,Netscape 和 Internet Explorer 都支持它。
但在 HTML 4 和 XHTML 中已经不再赞成使用它了,意思就是不再使用了;它早晚有一天将会消失。
10. 在SVN版本库浏览器中,查看所选文件或目录的日志,可以使用哪个命令?单选
- A. show log
- B. Rename
- C. Blame
- D. Save as
11. 在框架页中的左边框架中打开链接的代码是( )。单选
- A.
<a href=URL target=_top>..</a>
- B.
<a href=URL target=_left>..</a>
- C.
<a href=URL target=_self>..</a>
- D.
<a href=URL target=#left>..</a>
12. React中,下列关于事件的处理方式,不正确的是?单选
- A. 为了解决浏览器兼容性问题,React中的事件处理是一个合成事件, 他是跨浏览器事件的包装器,与原生事件具有相同接口
- B. 使用驼峰式命名,jsx传递函数作为事件处理器
- C. 使用return false阻止默认行为
- D. React实际上没有将事件附加到子节点本身,而是通过事件委托模式,使用单个事件监听器监听顶层的所有事件
React中的事件是合成事件,并不是dom的原生事件,在dom中可以通过放回false来阻止事件的默认行为,但在react中必须显示的调用事件对象e.preventDefault来阻止事件的默认行为,除了这有点外和原生dom事件并无差别
13. CSS3动画描述不正确的是 单选
- A. 使用@keyframes定义动画
- B. animation-play-state规定动画是否正在运行或暂停
- C. animation-delay定义动画的延时时间
- D. animation-direction规定动画是否在下一周期逆向地播放,默认属性是alternate
定义和用法
animation-direction 属性定义是否循环交替反向播放动画。
注意:如果动画被设置为只播放一次,该属性将不起作用
值 | 描述 |
---|---|
normal默认值 | 动画按正常播放。 |
reverse | 动画反向播放。 |
alternate | 动画在奇数次(1、3、5...)正向播放,在偶数次(2、4、6...)反向播放。 |
alternate-reverse | 动画在奇数次(1、3、5...)反向播放,在偶数次(2、4、6...)正向播放。 |
initial | 设置该属性为它的默认值。 |
inherit | 从父元素继承该属性 |
14. 下列选项中,属于并集选择器书写方式的是( )单选
- A. h1 p{}
- B. h1_p{}
- C. h1,p{}
- D. h1-p{}
15. Angular中,下列哪个不是实现模块之间通信的方式?单选
- A. 通过Service
- B. 使用$rootScope
- C. directive 指定属性进行数据绑定
- D. 模块之间无法通信
16. React中,可以用哪个生命周期函数来进行性能优化?单选
- A. shouldComponentUpdate
- B. componentDidUpdate
- C. componentWillReceiveProps
- D. componentWillUpdate
值 | 描述 |
---|---|
constructor() | 完成了React数据的初始化,它接受两个参数:props和context,当想在函数内部使用这两个参数时,需使用super()传入这两个参数。注意:只要使用了constructor()就必须写super(),否则会导致this指向错误。。 |
componentWillMount() | 一般用的比较少,它更多的是在服务端渲染时使用。它代表的过程是组件已经经历了constructor()初始化数据后,但是还未渲染DOM时。 |
componentDidMount() | 组件第一次渲染完成,此时dom节点已经生成,可以在这里调用ajax请求,返回数据setState后组件会重新渲染。 |
componentWillUnmount() | 在此处完成组件的卸载和数据的销毁, 接受一个参数nextProps, 通过对比nextProps和this.props,将nextProps的state为当前组件的state,从而重新渲染组件。 |
componentWillReceiveProps() | 在接受父组件改变后的props需要重新渲染组件时用到的比较多。 |
shouldComponentUpdate() | 主要用于性能优化(部分更新),唯一用于控制组件重新渲染的生命周期,在这里return false可以阻止组件的更新。 |
componentWillUpdate() | shouldComponentUpdate返回true以后,组件进入重新渲染的流程,进入componentWillUpdate,这里同样可以拿到nextProps和nextState。 |
componentDidUpdate() | 组件更新完毕后,react只会在第一次初始化成功会进入componentDidmount,之后每次重新渲染后都会进入这个生命周期,这里可以拿到prevProps和prevState,即更新前的props和state。 |
17. <body leftmargin=?>
表示页面左边的可编辑区域大小。单选
- 正确
- 错误
网页的左边距,#的值是网页离左边的距离
18. display:inherit定义后,块级元素可以多个在一行显示。单选
- 正确
- 错误
19. 关于Webpack,以下说法正确的有?多选
- A. 结合i18n-webpack-plugin这个插件可以配置项目国际化
- B. i18n-webpack-plugin会将所有的语言都打包出一个bundle
- C. Webpack可以使用BannerPlugin设置版权信息
- D. Webpack可以使用DefinePlugin设置env的环境变量
20. 请选择对javascript理解有误的 多选
- A. JScript是javascript的简称
- B. javascript是网景公司开发的一种Java脚本语言,其目的是为了简化Java的开发难度
- C. FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上
- D. AJAX技术一定要使用javascript技术
21 .以下哪条语句会产生运行错误:单选
- A. var obj = ();//语法错误
- B. var obj = [];//创建数组
- C. var obj = {};//创建对象
- D. var obj = //;
22. 以下关于 HTML语言中的表格的说法正确的是( )。单选
- A. 在 html语言中,表格必须由
<table>
标签、<tr>
标签、<td>
标签组成,缺少其中随便一个标签也可以 - B. 有多少对
<td>
标签,就有多少个单元格 - C. 有多少对
<tr>
标签,就有多少列 - D. 有多少对
<td>
标签,就有多少行
23. React中,key的作用是?单选
- A. 在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素
- B. 用来获取元素的DOM
- C. 没有实质的作用
- D. 获取当前元素的索引值
24. 下列关于通配符选择器与组合选择器的描述中正确的是单选
- A. 他们都可以作用于页面多个标签,如果这两者样式发生了冲突,以通配符选择器中的样式为准
- B. 通配符选择器在标签较多的页面中适合使用
- C. 在做页面样式的基本配置时,组合选择器不适合在标签较多的页面中使用,会影响页面的渲染时间
- D. 组合选择器就是有相同设置的元素分为一组,使用逗号隔开,这样设置的样式就会对该组所有元素起作用
25. 下列的说法中不正确的是单选
- A. 流式布局使用非固定像素来定义网页内容,也就是百分比布局
- B. 响应式布局利用CSS3中的媒介查询,通过查询 screen 的宽度来指定某个宽度区间的网页布局
- C. 标准流布局指西方语言中文本从左向右,从上向下显示,这也是我们熟悉的传统的HTML文档中的文本布局
- D. 非标准流布局指西方语言中文本从左向右,从上向下显示,这也是我们熟悉的传统的HTML文档中的文本布局
这是指西方语言中文本从左向右,从上向下显示,这也是我们熟悉的传统的HTML文档中的文本布局。注意,在非西方的语言中,流方向可能不同。大多数元素都在正常流中,要让一个元素不在正常流中,唯一的方法就是使之成为浮动元素或定位元素。 标准流中,块级元素独占一行,垂直放置。行级元素在水平方向上一个接一个的排列。
26. 下列哪些是HTML5新的Input类型单选
- A. email
- B. hidden
- C. text
- D. file
27. 下列说法正确的是单选
- A. CSS听觉样式表可把语音合成与音响效果相组合,使用户可以听到信息,而无需进行阅读
- B. CSS选择器中
[lang|=en]
的含义是选择lang属性值以"en"结尾的所有元素 - C. CSS选择器中
p:lang(it)
的含义是选择带有以"it"的lang属性值的每个<p>
元素 - D. CSS选择器中
:not(p)
的含义是选择<p>
元素的每个元素
email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color
28. 在 HTML上,将表单中 input元素的 type属性值设置为( )时,用于创建重置按钮。单选
- A. reset
- B. set
- C. button
- D. image
28. 表示水平线对齐方式为左对齐的HTML代码是( )。单选
- A.
<br align=left>
- B.
<tr align=left>
- C.
<hr align=left>
- D.
<hr align=right>
29. 下列说法不正确的是
- A. 外边距合并的必备条件:margin必须是邻接的
- B. 内边距是padding,又叫做内填充,使用内边距会改变原有的width和height的大小
- C. html默认的ul中自带一个padding-left
- D. html中的dl、dt、dd也可以用作构建列表
30. 若要监听表单的提交,应使用以下哪个事件( )。单选
- A. onpress
- B. onclick
- C. onmouseover
- D. onsubmit
31. 下面的选项中, CSS样式规则的具体格式正确的是( )。单选
- A. 选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3}
- B. 选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;}
- C. 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
- D. 选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}
32. 下列说法中正确的是多选
- A. HTML代码压缩的一个直接的好处是:减小html页面体积来提高前端加载速度
- B. HTML代码压缩的方式是清除注释标记、换行符、空格、制表符等
- C. CSS文件代码压缩可以减小CSS外部文件大小
- D. HTML代码混淆不会对性能造成任何影响
33. 以下哪些是HTML5新特性的是多选
- A. 本地离线存储
- B. 语意化更好的内容元素
- C. CSS听觉样式表
- D. 新增标签:font、header等
33. 关于IE的window对象表述正确的有多选
- A. window.opener属性本身就是指向window对象
- B. window.reload()方法可以用来刷新当前页面
- C. window.location=”a.html”和window.location.href=”a.html”的作用都是把当前页面替换成a.html页面
- D. 定义了全局变量g;可以用window.g的方式来存取该变量
34. 关于CSS,正确的是:单选
- A. 边界margin值可为负,填充padding指不可为负
- B. 对行内元素设置width或height值也是起作用的
- C. 使用CSS,只能使用
<div></div>
进行结构设计 - D. margin可以单独设置背景颜色
35. Vue项目默认目录中不包含哪个目录?单选
- A. config
- B. src
- C. static
- D. view
36. 关于Set结构与WeakSet结构,说法错误的是?单选
- A. Set中结构成员都是唯一的,不允许重复
- B. Set中初始化的时候可以接受数组作为参数
- C. WeakSet不可以被遍历
- D. WeakSet成员不是唯一的,可以重复
Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用,Set对象是值的集合,你可以按照插入的顺序迭代它的元素。Set中的元素只会出现一次,即 Set 中的元素是唯一的
WeakSet 对象是一些对象值的集合, 并且其中的每个对象值都只能出现一次。在WeakSet的集合中是唯一的
WeakSet 的出现主要解决弱引用对象存储的场景, 其结构与Set类似
与Set的区别
与Set相比,WeakSet 只能是对象的集合,而不能是任何类型的任意值
WeakSet集合中对象的引用为弱引用。如果没有其他的对WeakSet中对象的引用,那么这些对象会被当成垃圾回收掉。这也意味着WeakSet中没有存储当前对象的列表。正因为这样,WeakSet 是不可枚举的
WeakSet 的属性跟操作方法与 Set 一致,不同的是 WeakSet 没有遍历方法,因为其成员都是弱引用,弱引用随时都会消失,遍历机制无法保证成员的存在
Set、Map、WeakSet、WeakMap、都是一种集合的数据结构
Set、WeakSet 是[值,值]的集合,且具有唯一性
Map 和 WeakMap 是一种[键,值]的集合,Map 的键可以是任意类型,WeakMap 的键只能是对象类型
Set 和 Map 有遍历方法,WeakSet 和 WeakMap 属于弱引用不可遍历
37. JavaScript是事件驱动的语言。单选
- A. 正确
- B. 错误
38. 如何解决不同浏览器的样式兼容性问题?多选
- A. 在确定问题原因和有问题的浏览器后,使用单独的样式表,仅供出现问题的浏览器加载。这种方法需要使用服务器端渲染
- B. 使用 autoprefixer 自动生成 CSS 属性前缀
- C. 使用 Reset CSS 或 Normalize.css
- D. 使用已经处理好此类问题的库
38. Vue中,下列哪个属性不会被Vue实例代理?多选
- A. $item1
- B. item2
- C. 3item
- D. _item4
以 _ 或 $ 开头的属性 不会 被 Vue 实例代理,因为它们可能和 Vue 内置的属性、API 方法冲突。