React 技术全家桶
文章平均质量分 84
React 学习笔记
雪急飞绪
专攻JS和Python,现役前端
展开
-
手撕React.createElement和ReactDOM.render
React.createElement准备工作npm install create-react-app -gcreate-react-app democd demoyarn start这时已经新建好了一个 react 项目,接下来 index.js 写入如下代码console.log( <h1 id="h1" className="title" key="1"> hello world <span style={{ color: 'red' }}&g原创 2021-03-20 23:20:21 · 350 阅读 · 0 评论 -
React 路由
React 路由尚硅谷 2021 版 React 技术全家桶全套完整版(零基础入门到精通/男神天禹老师亲授)路由 SPA单页 Web 应用(Single Page Web Application)整个应用只有一个完整的页面点击页面中的链接不会刷新页面,只会做页面的局部更新数据都需要通过 ajax 请求获取,并在前端异步展现1. 什么是路由一个路由就是一个映射关系(key:value)key 为路径,value 可能是 function 或 component2. 路由分类后端原创 2021-06-17 09:04:41 · 200 阅读 · 0 评论 -
React ajax
React ajax尚硅谷 2021 版 React 技术全家桶全套完整版(零基础入门到精通/男神天禹老师亲授)Axios封装 XMLHttpRequest 对象的 ajaxPromise 风格可以用在浏览器端和 Node 服务端代理配置方法一:配置一个代理在 package.json 中配置 "proxy": "http://localhost:5000"现在你在 3000 端口给 3000 代理服务器发送数据,代理服务器帮你向 5000 发送数据注意:3000 端口是服务器帮原创 2021-06-08 10:45:50 · 87 阅读 · 0 评论 -
React 应用
React 应用尚硅谷 2021 版 React 技术全家桶全套完整版(零基础入门到精通/男神天禹老师亲授)React 脚手架xxx脚手架:用来帮助程序员快速创建一个基于 xxx 库的模板项目React 提供了一个用于创建 React 项目的脚手架库:create-react-app项目整体技术架构为:react + webpack + es6 + eslint使用脚手架开发的项目特点:模板化、组件化、工程化安装全局安装:npm i -g create-react-app切换到想创建原创 2021-06-04 10:25:05 · 259 阅读 · 0 评论 -
React 面向组件编程
React 面向组件编程React Developer Tools 开发工具函数式组件执行了 ReactDOM.render() 之后发生了什么?React 解析组件标签,找到了 MyCompoent 组件发现组件是使用函数定义的,随后调用该函数,将返回的虚拟 DOM 转换为真实 DOM,呈现到页面上function MyComponent() { console.log(this) // 此处this是undefined,因为babel编译后开启了严格模式 return <h原创 2021-06-01 18:15:19 · 110 阅读 · 0 评论 -
React 入门
执行环境栈作用1:供代码执行作用2:存储原始值和变量对象类型【非函数】赋值操作开辟一个堆内存空间【在堆内存中开辟一块单独的空间】->会产生一个供访问的地址【16进制】(Java、C有对应API可以查询,JS把这个保护起来了没有提供API)把对象中的键值对依次存储到空间中把空间地址放到栈中存储,以次来供变量的引用GO(Global Object)全局对象存储浏览器内置APIvar a = b = 12创建一个值12b=12 【正常顺序,从右到左】var a = 12原创 2021-06-01 18:13:35 · 49 阅读 · 0 评论