【前端面试题】前端阶段测试题目纠错

一、关于H5的一些标签嵌套

1.下列HTML代码中符合HTML5嵌套规范的是：

A、<p><a href="some link"><p>some text</p></a></p>
B、<button type="submit"><a href="some link">some text</a></button>
C、<table><caption>some title</caption><tbody><tr><th>some text</th><td>some text</td></tr></tbody></table> (答案)
D、<dl><dt><h1>some title</h1></dt><dd><p>some text</p><p>some text</p></dd></dl>

解析：实践出真知，但是需要注意的是，看题目——“规范”，有的或许可以实现，但是它不规范，不符合原本预期要求

 

2.下面的 HTML 代码中符合规范的是

A、<ul> <ol> <li>item 1</li> </ol> </ul>
B、<table> <tr> <td>Data 1</td> <td>Data 2</td> </tr> </table> (答案)
C、<p> <ul> <li>Item 1</li> </ul> </p>
D、<a href="/"> <p>Some Text</p> </a> (答案)

解析：

A:ul和ol都是块级元素

C:p和ul都是块级元素

 

二、正则表达式

1.正则表达式语法中 \d 匹配的是？

A.数字（答案） B.非数字 C.字母 D.空白字符

解析：参考——正则表达式 – 元字符 | 菜鸟教程 (runoob.com)

 

PS:关于邮箱的正则匹配表达式

 

 

 

 

 

 

三、HTML基础

1.   <i>   <em>标签语义分别表示斜体和加粗，是否正确？

答案：

 

 

 

 

四、关于this

1.下面关于this对象的理解正确的是 

A、在不手动改变this指向的前提下，this总是指向函数的直接调用对象 (答案)

B、如果有new关键字，this指向new出来的那个对象 (答案)

C、this总是指向函数的间接调用者

D、IE中attachEvent中的this总是指向全局对象window (答案)

 

解析：目前我还不是很明白，只是记的阶段。

以下是我找到的解析：

 

链接：https://www.nowcoder.com/questionTerminal/05674de77bf14c91982b654b69d83ce1
来源：牛客网

C选项错在 ”总是“，apply,call就可以改变this指向

1、在不改变this指向的前提下，this总是指向函数的直接调用者。（对）

2、非间接调用者就是直接调用者，但是说：this总是指向函数的直接调用者就是错的，因为要有前提this的指向不能改变

例如：    fn.call(obj)   fn是非间接调用者即直接调用者，但是this指向的是obj

 

五、其他

1.假链接中我们通常在a标签的href中添加什么能使得页面不跳转

A、#

B、##

C、javascript:； (答案)

D、直接为空，无需添加

解析：试试就知道啦

A:路径（路由）会发生改变，且会刷新当前页面（可以试验观察点击后滚动条回到最顶端）

B:路径（路由）会发生改变

C:路由和当前页面都不会发生改变

D:同A

 

2.以下获取动态路由{ path: '/name/:id' }中id的值正确的是

A、this.$route.params.id (答案)

B、this.route.params.id

C、this.$router.params.id

D、this.router.params.id

 

解析：

链接：https://www.nowcoder.com/questionTerminal/4db954a83e73460c88681d72b309ecfd?page=2&onlyReference=false
来源：牛客网

route经常用来获取，router则是跳转

this.$router  全局的路由对象，options.routes包括所有的路由路径  , this.$router.push()   this.$router.go()
this.$route  本页面的路由对象， 当前页的 url地址，  当前页的传参  params   query

 

另外：JS相关内容，也需要多加注意和练习