面试官:React18新特性有哪些?

173期题目

1. React18新特性有哪些?
2. HTML5的离线储存怎么使用,它的工作原理是什么
3. Vue项目中如何解决跨域问题?

上面问题的答案会在第二天的公众号(程序员每日三问)推文中公布

也可以小程序刷题,已收录500+面试题及答案76351bd9cd0643fca82a72144ce4811f.jpeg

172期问题及答案

1. React 中,怎么实现父组件调用子组件中的方法?

在React中,实现父组件调用子组件的方法通常通过使用refs(引用)来实现。在子组件中,你可以创建一个引用,然后在父组件中访问这个引用来调用子组件的方法。以下是一个简单的示例:

import React, { Component } from 'react';

class ChildComponent extends Component {
  doSomething() {
    // 子组件中的方法
    console.log('子组件的方法被调用');
  }

  render() {
    return (
      <div>
        {/* 子组件的内容 */}
      </div>
    );
  }
}

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.childRef = React.createRef();
  }

  handleClick = () => {
    // 调用子组件的方法
    this.childRef.current.doSomething();
  };

  render() {
    return (
      <div>
        <ChildComponent ref={this.childRef} />
        <button onClick={this.handleClick}>调用子组件的方法</button>
      </div>
    );
  }
}

在这个示例中,ParentComponent创建了一个childRef,并将其绑定到ChildComponent上。当按钮被点击时,handleClick方法被调用,这样就可以通过this.childRef.current.doSomething()来访问子组件的doSomething方法。

2. 页面统计数据中,常用的 PV、UV 指标分别是什么?

在网站和移动应用程序的统计分析中,PV(Page View)和UV(Unique Visitor)是两个常用的指标。

PV(页面浏览量或页面访问量)表示网站页面被访问的总次数,不考虑用户的唯一身份。同一个用户多次访问同一个页面会被计算多次PV。PV可以用来衡量网站流量和页面受欢迎程度。

UV(独立访客)指的是一段时间内访问某个网站或服务的具有唯一身份标识(例如IP地址、用户账号等)的访问者数量。UV的计算以访问者为单位,同一个访问者不论访问了多少页面,只计算一次UV。UV可以用来衡量网站的用户数量和用户活跃度。

这两个指标在统计分析中经常一起使用,PV用来衡量页面的流量和受欢迎程度,而UV用来衡量网站或应用的用户数量和活跃度。

3. 行内元素和块级元素有什么区别?

行内元素和块级元素是HTML和CSS中的两种常见元素类型,它们在页面布局和表现上有一些重要的区别。

  1. 块级元素(Block-level Elements)

  • 在页面中以块的形式显示,通常会从新行开始,占据尽可能多的水平空间。

  • 典型的块级元素包括<div>、<p>、<h1>-<h6>、<ul>、<ol>、<li>等。

行内元素(Inline Elements)

  • 在页面中不会导致换行,一般会在行内水平方向上排列。

  • 典型的行内元素包括<span>、<a>、<strong>、<em>、<img>、<br>等。

关于区别,以下是一些主要点:

  • 布局特性: 块级元素会独占一行,而行内元素则不会。块级元素会尽可能地占据父元素的宽度,而行内元素则会根据内容的大小而自动调整宽度。

  • 嵌套行为: 块级元素可以包含其他块级元素和行内元素,而行内元素一般只能包含其他行内元素、文本和图片等。

  • CSS控制: 可以通过CSS的display属性来更改元素的显示类型,比如将块级元素设置为inline,或将行内元素设置为block,实现不同的布局效果。

了解这些区别有助于开发人员更好地掌握页面布局和样式控制。

因为微信公众号修改规则,如果标星或点在看,你可能会收不到我公众号文章的推送,原创不易,请大家将本公众号星标,看完文章后记得点下赞或者在看,谢谢各位!

学习不打烊,充电加油只为遇到更好的自己,每天早上9点纯手工发布面试题,每天坚持花20分钟来学习与思考,在千变万化,类库层出不穷的今天,不要等到找工作时才狂刷题,提倡每日学习。

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值