前端初级级测评题库(总结)

童心虫鸣
497 阅读5分钟

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

1. 下列用法正确的是 单选

  • A. <link src="mystyle.css" rel="stylesheet" type="style"/>
  • B. <!dOcTyPe htML>
  • C. <image src="mypic.jpg">
  • D. <input type="文件">

2.Webpack中，以下哪个不是常用的代码分割方式？单选

  • A. 入口文件设置的时候可以配置
  • B. CommonsChunkPlugin
  • C. Dynamic Imports
  • D. GulpIncludeFile
代码分割的方法
  1. Entry Points：入口文件设置的时候可以配置
  2. CommonsChunkPlugin：创建出来的文件也是chunk，可以理解为commons chun
  3. Dynamic Imports：动态导入。通过模块的内联函数调用来分割，这篇文章主要会结合 vue-router 分析一下这种方式

3.（ ）是构成 React 应用的最小单位，用于描述屏幕上输出的内容。单选

  • A. 元素
  • B. 表达式
  • C. 指令
  • D. DOM

4.不是动态网页的特点的一项是：单选

  • A. 动态网页可每次显示不同的内容
  • B. 动态网页中含动画
  • C. 动态网页中含有服务端代码
  • D. 动态网页一般需要数据库支持

4.请看布局CSS代码: #container{margin:0 auto;width:780px;} 此代码的含义:单选

  • A. 固定宽度网页居中
  • B. 可变宽度网页居中

5.网站就是一个链接的页面集合。单选

  • 正确
  • 错误

网页是一个包含HTML标签的纯文本文件， HTML文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 而网站不是只有一个链接的页面集合,他有其它多种原素的

6.下列选项中哪一个是强制转换?单选

  • A. parseInt('12px')
  • B. !!'true'
  • C. '1'+2
  • D. 1+2
  转换为数值类型：Number(mix)、parseInt(string,radix)、parseFloat(string)
  转换为字符串类型：toString(radix)、String(mix)
  转换为布尔类型：Boolean(mix)

7.使用回车键换行的文本可以实现强制换行的效果。单选

  • 正确
  • 错误

8.jquery ajax中都支持哪些数据类型？多选

  • A. xml
  • B. json
  • C. html
  • D. jsonp
jQuery ajax中支持的数据类型:
  1.xml：返回xml文档，可用于jQuery处理
  2.html：返回纯文本html信息，包含的script标签会插入dom执行
  3.script：返回纯文本JavaScript代码，不会自动缓存结果。
  4.json：返回json数据
  5.jsonp：json格式。使用json形式调用函数
  6.“text”纯文本字符串

9.下列那些方法用于CSS的2D3D转换方法 多选

  • A. translate()
  • B. scale()
  • C. matrix()
  • D. rotate()
2D 转换:
  1、translate() 转换：沿着 X 和 Y 轴移动元素。
  2、rotate() ：旋转，在参数中规定角度。
  3、scale() ：缩放转换，改变元素的宽度和高度。
  4、skew() ：倾斜转换，沿着 X 和 Y 轴。
  5、matrix() ：转换，使用六个值的矩阵。
  6、新的转换属性
3D 转换:
  1、rotateX() 方法
  2、rotateY() 旋转
  3、转换属性
  4、3D 转换方法

10. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度? 单选

  • A. display:inline
  • B. display:none
  • C. display:block
  • D. display:inherit

11. 在编辑网页时，按“Ctrl+Shift+空格键”插入的HTML源代码为 单选

  • A. &nbsp
  • B. &nbsp;
  • C. &sbnp
  • D. &sbnp;

12. 框架中“不可改变大小”的语法是下列哪一项? 单选

  • A. <img src="URL"border=?>
  • B. <center></center>
  • C. <address></address>
  • D. <frame noresize>

13. React中，以下哪些属于生命周期方法？多选

  • A. componentDidUpdate
  • B. componentDidMount
  • C. shouldComponentUpdat
  • D. shouldDidMount

14. Webpack中，使用loader的方式有？多选

  • A. 配置
  • B. 内联
  • C. CLI
  • D. Export

15. 元素的 type 属性的取值可以是？多选

  • A. image
  • B. checkbox
  • C. select
  • D. button

16. 下列哪些HTML标签的书写是正确的 多选

  • A. <INPUT Type="text"/>
  • B. <input style="text"/>
  • C. <input type="hidden" value="数据">
  • D. <a src="http://XXXXX.com">跳转链接</a>

17. 下列说法不正确的是？多选

  • A. break 用于跳过循环中的一个迭代
  • B. continue 语句用于跳出循环
  • C. switch 语句用于基于不同的条件来执行不同的动作
  • D. while语句只要指定条件为 true，循环就可以一直执行代码块
break 语句“跳出”循环。
continue 语句“跳过”循环中的一个迭代。
switch 语句用于基于不同的条件来执行不同的动作
while语句 只要指定条件为 true，循环就可以一直执行代码块。

18. 相对定位的元素不会和其它元素发生重叠。 单选

  • A. 正确
  • B. 错误

19. 下列说法不正确的是 单选

  • A. XHTML 是更严格更纯净的 HTML 版本
  • B. XHTML 得到所有主流浏览器的支持
  • C. XHTML 与 HTML 5 几乎是相同的
  • D. XHTML 指的是可扩展超文本标记语言

20. 显式类型转换是指程序运行时，系统会根据当前的需要，自动将数据从一种类型转换为另一种类型。 单选

  • 正确
  • 错误

显式类型转换是指使用函数主动将JS数据类型转化，而隐式类型转化是指在程序运行中程序自动转化类型的情况。

21. 在CSS语言中下列哪一项是"列表样式图象"的语法？单选

  • A. width: <值>
  • B. height: <值>
  • C. white-space:<值>
  • D. list-style-image: <值>

22. CSS中用于隐藏的属性是 单选

  • A. Overflow:hidden
  • B. Show:hidden
  • C. Display:none
  • D. Clear:both

23. 网页的本质是什么文件？ 单选

  • A. 图像
  • B. 纯文本
  • C. 可执行文件
  • D. 图像和文本的压缩

24. Vue中，以下哪些属于<router-link> 相关属性？ 多选

  • A. replace
  • B. ngIf
  • C. to
  • D. go

详情：router-link Prop

25. 下列哪些是声明字符串的正确方式? 多选

  • A. var str = 'I love China'
  • B. var str = new String('I love China')
  • C. ${name} love China
  • D. I love China
avatar
文章
阅读
粉丝