JavaEE在职加薪课好客租房项目实战视频教程课程介绍:       本课程采用SOA架构思想进行设计,基于目前主流后端技术框架SpringBoot.SpringMVC.Mybaits.Dubbo等来实现一个完整的租房项目--好客租房.好客租房是一个无中介化房屋租赁平台.包含房源智能推荐.地图找房.行情查询.电子合同.限时秒杀等功能.通过本课程的学习,可以完成前端+后端+小程序全终端应用项目.主讲内容:章节一:ES6新特性以及ReactJS章节二:Ant Design以及Ant Design P…

为什么脚手架中可以使用jsx语法 1jsx不是标准的ECMAScript ,他是ECMAScript的语法扩展 2需要使用babel编译处理后 才能在浏览器环境中使用 3create-react-app脚手架已经有该配置 无需手动配置 4编译jsx包为@babel/preset-react…

1.1什么是react React是一个用于构建用户界面的javascript库 用户界面:HTML页面 React主要用来HTML 或者沟通构建web应用 如果从MVC的角度来看 react仅仅是从视图层 也就是只负责试图的渲染 而并非提供了完整的M和C的功能 React起源于FaceBook的内部项目 后有用来假设Instagram的网站 并与2013年开源 1.2React的特点 1声明式 你只需要描述UI看起来是什么样,就和写HTML一样 React负责渲染UI Bing在数据变化时候更…

嵌入js表达式 数据存储在js中 语法{javascript表达式} 注意语法中是单大括号 不是双大括号 //导入react     import React from "react"           import ReactDOM from "react-dom"           //第一步创建jsx创建react元素     const name="geyao"     const title = <p className={{…

注意点 单大括号中可以使用任意的表达式 jsx自身也是js表达式 注意:js中的对是一个例外 写在style样式中 //导入react     import React from "react"           import ReactDOM from "react-dom"           //第一步创建jsx创建react元素     const fangfang=<p>我是方方</p>     const name="…

jsx中的条件渲染 场景:loding效果 条件渲染:根据条件渲染特定的jsx结构 可以使用if/else或者三元运算符和逻辑和运算符实现 //导入react import React from "react"   import ReactDOM from "react-dom"   //第一步创建jsx创建react元素   // const fangfang=<p>我是方方</p> // const name="geyao&qu…

如果要渲染一组数组 应该使用数组的map方法 注意:渲染列表时候添加key属性 key属性的值要保持唯一 原则:map()遍历谁 就给谁添加key属性 尽量避免索引号作为key //导入react import React from "react" import ReactDOM from "react-dom" //第一步创建jsx创建react元素 // const fangfang=<p>我是方方</p> // const name=&…

1行内样式-style <h1 style={{color:"red",backgroundColor:"skyblue"}}> jsx的样式处理 </h1> 2类名----className(推荐) <h1 className="title"></h1> //导入react import React from "react" import ReactDOM from "…

JSX 1jsx是react的核心内容 2jsx是在js代码中写HTML结构,是react中声明式的提现 3使用jsx配合嵌入的js表达式,条件渲染,列表渲染,可以描述任意ui结构 4推荐使用calssName的方式给jsx添加样式 5react完全利用js自身能力编写ui 而不是造轮子增强HTML功能…

1.4注意点 1React元素的属性名使用驼峰式命名法 2特殊属性名 class-className for->htmlFor 3没有子节点可以用单标签表示 4使用小括号包裹jsx const div=(<h1>geyao</h1>)…