前端中级测评(总结)

389 阅读4分钟

通过刷题,补充自己的不足,巩固知识点。

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 没有遍历方法,因为其成员都是弱引用,弱引用随时都会消失,遍历机制无法保证成员的存在

SetMapWeakSetWeakMap、都是一种集合的数据结构
SetWeakSet 是[值,值]的集合,且具有唯一性
MapWeakMap 是一种[键,值]的集合,Map 的键可以是任意类型,WeakMap 的键只能是对象类型
SetMap 有遍历方法,WeakSetWeakMap 属于弱引用不可遍历

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 方法冲突。