2022年5月13日
好客租房31-事件绑定this指向（bind）
摘要： 事件this指向bind 利用ES5中bind方法 将事件处理程序中的this和组件实例绑定在一起 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(24) 评论(0) 推荐(0) 编辑
Linux篇-mysql + keepalived高可用
摘要： 1上次说过了mysql的主从配置 tar zxf keepalived-1.2.7.tar.gz cd keepalived-1.2.7 yum install gcc gcc-c++ yum install kernel-devel -y 2报错 configure: error: Popt li 阅读全文
posted @ 2022-05-13 21:03 前端导师歌谣 阅读(37) 评论(0) 推荐(0) 编辑
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 前端导师歌谣 阅读(21) 评论(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 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑
好客租房11-为什么脚手架使用jsx语法
摘要： 为什么脚手架中可以使用jsx语法 1jsx不是标准的ECMAScript ，他是ECMAScript的语法扩展 2需要使用babel编译处理后 才能在浏览器环境中使用 3create-react-app脚手架已经有该配置 无需手动配置 4编译jsx包为@babel/preset-react 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(22) 评论(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 前端导师歌谣 阅读(25) 评论(0) 推荐(0) 编辑
好客租房6-React脚手架的应用（细节）
摘要： 3.2使用react脚手架初始化 npx命令介绍 npm v5.2.0引入的一条命令 目的：提升包内提供的命令行工具的使用体验 原先:先安装脚手架包 再使用这个包中提供的命令 现在无需安装脚手架包 就可以直接使用这个包提供的命令 补充说明 1推荐使用:npx create-react-app my- 阅读全文
posted @ 2022-05-09 22:13 前端导师歌谣 阅读(15) 评论(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 前端导师歌谣 阅读(18) 评论(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 前端导师歌谣 阅读(19) 评论(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 前端导师歌谣 阅读(19) 评论(0) 推荐(0) 编辑