2022年5月9日
好客租房9-jsx的学习目标
摘要： 1能够知道什么是jsx 2能够使用jsx创建react元素 3能够在jsx使用javascript表达式 4能够使用jsx的条件渲染和列表渲染 5能够给jsx添加样式 jsx的基本使用 jsx中使用javascript表达式 jsx的条件渲染 jsx的列表渲染 jsx的样式处理 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(26) 评论(0) 推荐(0)
好客租房10-jsx的基本使用
摘要： 1.1createElement()的问题 1繁琐不简洁 2不直观 无法一眼看出所描述的结构 3不优雅 用户体验不爽 React.createElement("div", {classsName:"shopping-list"}, React.createElement("h1",null,"sho 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(26) 评论(0) 推荐(0)
好客租房11-为什么脚手架使用jsx语法
摘要： 为什么脚手架中可以使用jsx语法 1jsx不是标准的ECMAScript ，他是ECMAScript的语法扩展 2需要使用babel编译处理后 才能在浏览器环境中使用 3create-react-app脚手架已经有该配置 无需手动配置 4编译jsx包为@babel/preset-react 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(28) 评论(0) 推荐(0)
好客租房7-React脚手架的使用
摘要： 3.3在脚手架中使用React //第一步导入react import React from "React" import ReactDOM from "react-dom" //第二步创建react元素 const title = React.createElement('h1',null,"he 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(34) 评论(0) 推荐(0)
好客租房6-React脚手架的应用（细节）
摘要： 3.2使用react脚手架初始化 npx命令介绍 npm v5.2.0引入的一条命令 目的：提升包内提供的命令行工具的使用体验 原先:先安装脚手架包 再使用这个包中提供的命令 现在无需安装脚手架包 就可以直接使用这个包提供的命令 补充说明 1推荐使用:npx create-react-app my- 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(19) 评论(0) 推荐(0)
好客租房8-React基础阶段总结
摘要： React总结 1react是构建用户组件的javascript库 2使用react是,推荐使用脚手架方式 3初始化项目命令：npx create-react-app my-app 4启动项目命令:yarn start(npm start) 5react.createElement()方法创建rea 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(24) 评论(0) 推荐(0)
好客租房5-React脚手架的应用
摘要： 3.1react脚手架意义 1脚手架是开发现代web应用的必备 2充分利用webpack babel eslint等工具进行使用 3零配置 4关注业务即可 3.2使用react脚手架初始化项目 1初始化项目 命令:npx create-react-app my-app 2启动项目 cd my-app 阅读全文
posted @ 2022-05-09 21:40 前端导师歌谣 阅读(23) 评论(0) 推荐(0)
好客租房4-react的基本使用 方法说明
摘要： 2.2方法说明 React.createElement //第二步创建react元素 //参数1:元素名称 //参数2:元素属性 //参数3:元素的子节点 //创建一个h1和p const title=React.createElement('h1',null,"Hello geyao", Reac 阅读全文
posted @ 2022-05-09 21:40 前端导师歌谣 阅读(27) 评论(0) 推荐(0)
好客租房3-React的基本使用
摘要： 2.1React的安装 安装命令:npm i react react-dom react 包是核心,提供创建元素,组件等功能 react-dom包提供DOM相关功能等 2.2React的使用 1引入react和react-dom两个js文件 <!-- 第一步 引入模块 --> <script src 阅读全文
posted @ 2022-05-09 21:14 前端导师歌谣 阅读(36) 评论(0) 推荐(0)
好客租房2-React概述
摘要： 1.1什么是react React是一个用于构建用户界面的javascript库 用户界面:HTML页面 React主要用来HTML 或者沟通构建web应用 如果从MVC的角度来看 react仅仅是从视图层 也就是只负责试图的渲染 而并非提供了完整的M和C的功能 React起源于FaceBook的内 阅读全文
posted @ 2022-05-09 21:14 前端导师歌谣 阅读(44) 评论(0) 推荐(0)
好客租房1-React基础目标
摘要： 学习目标 能够说出React是什么 掌握react的特点 掌握react的基本使用 能够使用react脚手架 学习目录 react概述 react基本使用 react脚手架 阅读全文
posted @ 2022-05-09 20:33 前端导师歌谣 阅读(57) 评论(0) 推荐(0)