亚信实习前端笔试2023(自用复盘含解析版)

本文涵盖了前端开发中的关键概念,包括路由的重定向、React和Vue的组件化、样式作用域、哈希表查找效率、事件处理、Vue的生命周期、响应式数据、服务器端和客户端渲染的区别,以及一些常见的框架特性和技巧。文章通过例子和问题解释了这些技术的使用和重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.以下路由代码中,如果现在跳转到“/inbox/messages/3”,浏览器链接栏中显示的路由为```jsx (D)

​ <Redirect from=“messages/:id” to=“/messages/:id” />

​ ```

A./inbox/messages/3

B.messages/3

C./inbox/messages

D./messages/3

组件用于路由的跳转,即用户访问一个路由,会自动跳转到另一个路由,访问/inbox/messages/3,会自动跳转到/messages/3

2.下列关于scoped的描述错误的是(B)
A.scoped原理是在标签上添加data-v属性,然后使用属性选择器实现样式局部化

B.使用scoped,父组件的样式会渗透到子组件内部的元素

C.使用scoped不会造成全局污染

D.">"可以实现样式穿透

使用scoped后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的scoped css和子组件的scoped css的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式

3.在React中渲染列表应该使用哪种方法?(A)

A.map()

B.reduce()

C.createList()

D.every()

没学react。

map()方法将数组中的每个元素变成标签,最后将得到的标签数组插入父元素即可。

4.关于Vue组件化说法错误的是(B)

A. 所谓组件化,就是把页面拆分成多个组件 (component),每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护

B. 组件是资源独立的,组件在系统内部可复用,但是组件和组件之间不可以嵌套

C. vue的组件之间可以进行通信
D. 组件化能提高开发效率,方便重复使用,简化调试步骤,提升项目可维护性,便于多人协同开发

组件和组件之间可以嵌套

5.下列哪个查找最快?(A)

A.哈希表法(散列表)

B.顺序查找

C.二分查找

D.二叉排序树查找

不太记得哈希表法,但猜对

哈希表法:O(1)

顺序查找:O(n)

二分查找/二叉排序树查找:O(logn)

6.Class内部有一handleClick方法如下代码块,在点击事件中触发handleClick的正确方法是?(A)

handleClick(){
   
     console.log('this.state:',this.state); 
 }

A.onClick={ () => this.handleClick()}

B.onClick={ this.handleClick()}

C.onClick={ this.handleClick}

D.οnclick={ handleClick}

js中,class方法不会绑定this,所以调用时要加this

react绑定事件的方法,没学过不了解

7.执行以下程序,下列选项中,说法正确的是(C

class Dog{
   
  static dog(){
   
    console.log(this); ...}
  bark(){
   
    console.log('狗会叫');
    }
}
var dog = new Dog();

A.①式的this指代类的实例对象

B.调用dog方法,既可以使用Dog.dog(),也可以使用dog.dog()

C.调用bark方法,只能使用dog.bark(),不能使用Dog.bark()

D.在类中,不允许静态方法和非静态方法重名

直接用类调用,只能调用静态。

而且,静态方法只能由类进行调用。

静态方法和非静态方法不会引起歧义,所以可以重名。

8.有如下代码,最终渲染出来的div元素的class属性值是( B )

有如下模板:

<div
  class="static"
  v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

和如下data:

data: {
   
  isActive: true,
  hasError: false
}

A.static isActive

B.static active

C.static hasError

D.isActive

IsActive==true,所以active属性生效

9.下列关于Vue响应式的描述错误的是( C

A.当利用索引值设置一个数组项时,Vue不能检测到数组的变动

B.当修改数组的长度时,Vue不能检测到数组的变动

C.Vue可以监听对象属性的添加或删除

D.可以通过Vue.set()方法向嵌套对象添加响应式属性

由于 JavaScript 的限制,Vue 不能检测数组和对象的变化,因而对象属性的添加或删除不可以监听到。

10.若有一个顺序有序表A[1:18] 中有18个元素,现进行二分查找,则查找 A[3]的比较序列的下标依次为(D )。

A.1,2,3
B.9,5,2,3
C.9,5,3
D.9,4,2,3

二分法除以2时向下取整。

11.如果想要在组件第一次加载后获取该组件的dom元素,应当在以下哪个生命周期中进行(B)

A.componentDidUpdate()

B.componentDidMount()

C.componentWillUnmount()

D.shouldComponentUpdate()

react生命周期函数,不太了解

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值