JSX 语法及特点介绍 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    JSX 是 React 最大的特色,也是React的核心知识。本课程主要讲解 JSX 的语法、选择 JSX 的原因以及 JSX 特有的属性。

    1.什么是 JSX 00:08:01

    本课时介绍 JSX 的发展历程和 JSX 的特点。

    2.如何使用 JSX 00:17:48

    本课程介绍 JSX 的具体语法和用法。

    3.非 DOM 属性介绍 00:12:53

    React 中有三个非 DOM 属性:key、ref 和 dangerouslySetInnerHTML,本课时详细讲解这三个属性的产生原因和用法。

    4.JSX解释器架构介绍 00:20:06

    本课时从 JSX 解释器的源码入手,分析 JSX 解释器的整体架构。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

JSX 语法及特点介绍

4课时,59分钟2015-05-27
梁杰Liangjie
梁杰Liangjie

极客学院签约布道师

课程背景:
JSX 是一种类 XML 语言,全称是 JavaScript XML 。React 可以不使用 JSX 来编写组件,但是使用 JSX 可以让代码可读性更高、语义更清晰、对 React 元素进行抽象等等。本课程会详细介绍 JSX 的优缺点、JSX 的具体用法以及 JSX 解释器的架构。


核心内容:
1.JSX 语法
2.JSX 解释器架构


软件环境:浏览器和文本编辑器


是否提供资料:


课程等级:初级


适合人群:
具备一定 JS 基础

  • 技术问答
  • 1

    什么是 JSX

    08:01

    本课时介绍 JSX 的发展历程和 JSX 的特点。

  • 2

    如何使用 JSX

    17:48

    本课程介绍 JSX 的具体语法和用法。

  • 3

    非 DOM 属性介绍

    12:53

    React 中有三个非 DOM 属性:key、ref 和 dangerouslySetInnerHTML,本课时详细讲解这三个属性的产生原因和用法。

  • 4

    JSX解释器架构介绍

    20:06

    本课时从 JSX 解释器的源码入手,分析 JSX 解释器的整体架构。

相关课程

  • JavaScript 设计模式之职责链模式

    本课程介绍设计模式之职责链模式,职责链模式是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。

    4课时 20分钟
    高级
    8663人学习
  • MyBatis 高级查询

    本课程讲解 MyBatis 高级查询操作,其中介绍了关联查询、集合查询、鉴别器的使用细节,还介绍了懒加载的配置使用方法,并配以示例加强理解。

    3课时 29分钟
    中级
    12924人学习
  • React 概述

    本课程介绍了 React 的背景知识和 React 开发环境的搭建,最后用一个经典的 Hello World 程序介绍 React 的代码结构。

    3课时 36分钟
    初级
    27500人学习
  • Yeoman 介绍和应用

    本课程主要介绍 Yeoman.Yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过 Grunt(一个用于开发任务自动化的命令行工具)和 Bower(一个 HTML、CSS、Javascript 和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。

    4课时 20分钟
    中级
    6951人学习