【个人总结】React

1.事件发送与接收

注册事件

import {EventEmitter} from 'events';
const goodTipEvent = new EventEmitter()

列表滑动的事件监听(在componentDidMount里)

componentDidMount() {
        goodTipEvent.addListener('scrollOffset', (number) => {
            if(number > 0 && !this.state.showGoodTip){
                this.setState({
                    showGoodTip: true,
                });
            }else if (number < 0){
                this.setState({
                    showGoodTip: false,
                });
            }
        })
       }

事件发送

goodTipEvent.emit("scrollOffset",offset.y)

2.JSX 遍历 + 转正str,分隔符分隔

    const listArr: any[] = [];
    data.list.find((item: { name: string, value: string}) => {
      if(item.name){
        listArr.push(`${item.name}+${item.value}`);
      }
    })
    //数组转字符串,用、分隔。
    const listStr = listArr.join("、");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: React是由Facebook开发的一种用于构建用户界面的JavaScript库,而Vue是一款由尤雨溪开发的前端框架。React采用虚拟DOM,可以更快地渲染组件,而Vue更注重组件的可复用性。另外,React使用JSX,而Vue使用HTML模板,这使得Vue更容易上手。 ### 回答2: React和Vue都是前端视图库,用于创建交互式的用户界面。它们有一些相似之处,但也有一些显著的区别。 首先,React是由Facebook开发的,而Vue是由尤雨溪(Evan You)开发的。React使用了JSX语法,它将HTML(或类似HTML的语法)集成到JavaScript代码中,使得开发人员可以在组件中编写更加易于理解的代码。而Vue使用了单文件组件(.vue文件),它将模板、样式和逻辑组合在一个文件中,使得开发人员可以更容易维护和管理组件。 其次,React更加灵活和可扩展。它使用了虚拟DOM(Virtual DOM)来管理页面的渲染和更新,这使得React能够高效地处理大型应用程序。React还有一套完整的生态系统,包括了许多工具和库,可以满足不同需求的开发者。而Vue则更加简单和易于上手,它的设计理念是渐进式增强,可以逐渐引入Vue的特性,而不需要一次性改变整个项目。 另外,React和Vue在组件的通信方式上有一些不同。React使用了单向数据流(One-way Data Flow),通过将状态提升到父组件来实现组件之间的数据传递。React还提供了Context API,用于在组件树中共享状态。而Vue使用了双向数据绑定(Two-way Data Binding),使得数据可以自动在视图和模型之间进行同步。这使得Vue在处理表单输入等方面更加便捷和高效。 最后,React和Vue的社区生态也有一些区别。React拥有庞大的社区和广泛的支持,它被许多大型公司和项目所采用。React的生态系统也相对成熟,有大量的第三方库和工具可供选择。而Vue虽然社区规模相对较小,但也在不断壮大,具有活跃的社区和开发者,有许多优秀的插件和组件可供选择和使用。 综上所述,React和Vue在语法、灵活性、通信方式和生态系统等方面存在差异。开发人员可以根据项目需求和个人偏好来选择合适的库。 ### 回答3: React和Vue是两个流行的前端JavaScript框架,它们在很多方面都有不同之处。 首先,React是由Facebook开发并维护的,而Vue则是由尤雨溪开发的。这两个框架的开发团队、社区支持和生态系统都有所不同。 其次,React使用的是JSX(JavaScript XML)语法,它将HTML和JavaScript代码混合在一起。Vue则使用了类似HTML的模板语法,更易于理解和编写。在这方面,主要取决于个人偏好。 再者,React采用了单向数据流的设计模式,数据流动的方向是单一的,使得应用程序的状态管理更加可控。Vue则采用了双向数据绑定,可以实现快速的数据更新,但也可能导致数据变得更加难以追踪。 此外,React拥有更大的生态系统和更丰富的第三方库支持,例如React Router和Redux。Vue生态系统也在不断发展壮大,但相对较小。 最后,React更加适合大型和复杂的项目,其组件化和模块化的设计让开发更加灵活和可维护。Vue则更适合快速原型开发或小型项目,因为它的学习曲线较低且易于上手。 总结来说,React和Vue有不同的语法、设计模式、生态系统和适用场景。选择使用哪个框架取决于项目要求、团队技能和个人偏好。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值