码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 前端面试基础题——12


    1.什么是Vuex?

    2.为什么浏览器不能读取 JSX?

    3.什么是JSX?

    4.当你调用 setState 的时候,发生了什么事?

    5.React组件生命周期的阶段是什么?

    6.React 中 refs 的作用是什么?

    7.类组件(Class component)和 函数式组件(Functional component)之间有何区别?

    8.解释 React 中 render() 的目的?

    9.什么是 Props?

    10.什么是Redux

    1.什么是Vuex?

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法是提交mutation,例this.$store.commit('SET_VIDEO_PAUSE', video_pause,SET_VIDEO_PAUSE为mutations属性中定义的方法 。

    2.为什么浏览器不能读取 JSX?

    浏览器只能解决 JavaScript 对象,而不能读取惯例 JavaScript 对象中的 JSX。所以为了使浏览器
    可能读取 JSX,首先,须要用像 Babel 这样的 JSX 转换器将 JSX 文件转换为 JavaScript 对象,而后再将其传给浏览器

    3.什么是JSX?

    是由 React  团队开发的 是React的核心组成部分,它使用XML标记的方式去直接声明界面,界面组件之间可以互相嵌套

    4.当你调用 setState 的时候,发生了什么事?

    将传递给的对象合并到组件的当前状态,这将启动一个和解的过程,构建一个新的 react 元素树,与上一个元素树进行对比( diff ),从而进行最小化的重渲染。

    5.React组件生命周期的阶段是什么?

    初始化阶段   运行中阶段   销毁阶段

     

    6.React 中 refs 的作用是什么?

    refs是React中用来取得某个JSX组件或者某个DOM中的一些状态值的时候,用来获取节点的方法

     

    7.类组件(Class component)和 函数式组件(Functional component)之间有何区别?

    1.  类式组件用类定义,函数式组件用函数定义

    2.  类式组件有生命周期,函数式组件没有

    3.函数式组件有状态管理和hooks,类式组件没有

    4.function 组件与 class 组件最大的不同是 function 组件能够捕获渲染的值,而 class 组件因为 react 中  this 是可变的,所以总是能获取最新的 props 

    8.解释 React 中 render() 的目的?

    每个 React 组件强制要求必须有一个 render()。它返回一个 React 元素,是原生 DOM 组件的表示。如果需要渲染多个 HTML 元素,则必须将它们组合在一个封闭标记内 。

    例如

    、、
    等。此函数必须保持纯洁,即每次调用时必须返回相同的结果。

    9.什么是 Props?

    Props是属性的缩写,它是单个值,是在父组件中定义或已经在state中的值,并将这些 值传递 给其子组件。props本身是不可变的,但可以通过触发state的变化,反过来改变props本身的值。

    10.什么是Redux

    在React中,数据在组件中是单向流动的,数据从一个方向父组件流向子组件(通过props), 所以,两个非父子组件之间通信就相对麻烦,redux的出现就是为了解决state里面的数据问题

     

     

     

     

     

     

     

     

     

     

  • 相关阅读:
    C++中的类的继承的构造函数和析构函数
    学生个人单页面网页作业 学生网页设计成品 静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
    基于GA优化的竞价博弈频谱分配算法的matlab仿真
    Elastic Search 浅浅认识 快速使用 keyword 和 text 的区别之处 spring boot 集成案例 es 增删改查
    selinux的关闭
    房贷计算器微信小程序原生语言
    windows 2003 64位系统php运行报错:1% 不是有效的 win32 应用程序
    SpringBoot SpringBoot 基础篇 4 基于 SpringBoot 的SSMP 整合案例 4.17 异常消息处理
    【C++】静态库.a和动态库.so文件的生成和使用
    MySql整理(基础|进阶|运维)【黑马程序员视频】
  • 原文地址:https://blog.csdn.net/qq_21861771/article/details/134061829
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号