每天10道前端面试题2020-10-28

1.要在新窗口打开一个链接指向的网页需要用到什么¹

A.href="_blank"
B.Name="_blank"
C.target="_blank"
D.href="#blank"

2. 关于大小写，说法错误的是²

A.CSS样式表为小写
B.JavaScript程序区分大小写
C.HTML文本不区分大小写
D.XHTML文本为小写

3.关于Webpack的入口写法，错误的是？³

A. entry:”./path/main.js”

B. entry:{main:”./path/main.js”}

C. entry:[“./path/main.js”]

D. entry:${__dirname}/path/main.js

4.开发Git所用的语言是什么[^4]

A. C++

B. Python

C. Java

D. C
[^4]答案D，C语言

5.在制作HTML页面时，页面的布局技术主要分为（ ）。[^5]

A.框架布局B.表格布局C.DIV层布局D.以上全部选项
[^5]答案D

6.React中，下面对于JSX描述不正确的是？[^6]

A. JSX执行更快，因为它在编译为JavaScript之后进行了优化

B. JSX是一种xml语法扩展

C. 它是类型安全的，在编译中就能发现错误

D. 使用JSX编写模板更加简单快速
[^6]答案B

7.关于Webpack中loader特性，说法错误的是？B

A. loader支持链式传递

B. loader是异步的

C. loader能够产生额外的任意文件

D. loader 可以接收参数

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

A. xml

B. json

C. html

D. jsono
jQuery ajax中支持的数据类型

1.xml：返回xml文档，可用于jQuery处理

2.html：返回纯文本html信息，包含的script标签会插入dom执行

3.script：返回纯文本JavaScript代码，不会自动缓存结果。

4.json：返回json数据

5.jsonp：json格式。使用json形式调用函数

6.“text”纯文本字符串

9.Git中，git commit对象包含以下哪些组件？

A. 一组文件，表示给定时间点的项目状态

B. 引用父提交对象

C. 提交对象的唯一标识

D. 提交者信息
Commit 对象包含以下组件，你应该提到以下这三点：

一组文件，表示给定时间点的项目状态
引用父提交对象
SHAI 名称，一个40个字符的字符串，提交对象的唯一标识。

10.在CSS语言中下列哪一项的适用对象是"所有对象"？A

A. 背景附件

B. 文本排列

C. 纵向排列

D. 文本缩进

11.以 _ 或 $ 开头的属性 不会 被 Vue 实例代理，因为它们可能和 Vue 内置的属性、API 方法冲突。你可以使用例如 vm.$data._property 的方式访问这些属性。

13.官网给出了三种常用的代码分割的方法

Entry Points：入口文件设置的时候可以配置
CommonsChunkPlugin：上篇文章讲了一下应用，更详细的信息可以查看官网
Dynamic Imports：动态导入。通过模块的内联函数调用来分割，这篇文章主要会结合 vue-router 分析一下这种方式

14.JS中的基本类型和引用类型

基本类型：undefined、null、string、number、boolean、symbo（ES6）
普通基本类型：undefined、null、symbol（ES6）
特殊基本包装类型：string、number、boolean
引用类型：Object、Array、RegExp、Date、Function
区别：引用类型值可添加属性和方法，而基本类型值则不可以。

---

1. 答案c，
   href 规定链接指向的页面的 URL。
   target的取值
   _blank
   浏览器总在一个新打开、未命名的窗口中载入目标文档。
   _self
   这个目标的值对所有没有指定目标的 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 标签中的 target 属性一起使用。
   _parent
   这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
   _top
   这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口 ↩︎

2. 答案A，类名和id区分大小写 ↩︎

3. 答案D，没有用双引号包住
   对象的写法
   entry: { [entryChunkName : string ] : string | Array }
   const config = {
   entry: {
   main: ‘./path/to/my/entry/file.js‘
   }
   };
   string的写法（上面的简写）
   const config = {
   entry: ‘./path/to/my/entry/file.js‘
   };
   array
   entry: [’./src/index.js’, ‘./src/add.js’], ↩︎