Skip to content

Commit 10657b1

Browse files
author
姚观寿
committed
rc-for 实现
2 parents e9c6ca7 + 46e5d65 commit 10657b1

30 files changed

+46060
-107
lines changed

‎common/js/react.development.v16.12.0.js‎

Lines changed: 4206 additions & 0 deletions
Large diffs are not rendered by default.

‎common/js/react.v16.12.0.js‎

Lines changed: 39162 additions & 0 deletions
Large diffs are not rendered by default.

‎es5.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<<<<<<< HEAD
12
<!DOCTYPE html>
23
<html>
34

@@ -42,4 +43,50 @@
4243

4344
</body>
4445

46+
=======
47+
<!DOCTYPE html>
48+
<html>
49+
50+
<head>
51+
<meta charset="UTF-8" />
52+
<title>Hello React!</title>
53+
<script src="./common/js/ajax.js"></script>
54+
<!--官方提供的 CDN 地址：-->
55+
<!-- <script src="./common/js/react.development.v16.12.0.js"></script>
56+
<script src="./common/js/react-dom.development.v16.12.0.js"></script> -->
57+
<!-- <script src="./common/js/browser-polyfill.5.8.38.js"></script> -->
58+
<script src="./common/js/react.v16.12.0.js"></script>
59+
<script src="./common/js/browser.5.8.38.js"></script>
60+
61+
</head>
62+
<style>
63+
.lsft-box{
64+
float: left;
65+
width: 48%;
66+
height: 100vh;
67+
}
68+
.right-box{
69+
float: right;
70+
width: 48%;
71+
height: 100vh;
72+
}
73+
*{
74+
padding: 0;
75+
margin: 0;
76+
}
77+
.textarea{
78+
font-size: 18px;
79+
display: block;
80+
/* width: 100%;
81+
height: 100vh; */
82+
}
83+
</style>
84+
<body>
85+
86+
<div id="example" class="lsft-box"></div>
87+
<script src="./es5_code/es5_react_code/01/01.js" ></script>
88+
89+
</body>
90+
91+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
4592
</html>

‎es5_code/es5_react_code/01/02.js‎

Lines changed: 13 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,18 @@
1-
"use strict";
2-
3-
var _slicedToArray = (function() {
4-
function sliceIterator(arr, i) {
5-
var _arr = [];
6-
var _n = true;
7-
var _d = false;
8-
var _e = undefined;
9-
try {
10-
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
11-
_arr.push(_s.value);
12-
if (i && _arr.length === i) break;
13-
}
14-
} catch (err) {
15-
_d = true;
16-
_e = err;
17-
} finally {
18-
try {
19-
if (!_n && _i["return"]) _i["return"]();
20-
} finally {
21-
if (_d) throw _e;
22-
}
23-
}
24-
return _arr;
25-
}
26-
return function(arr, i) {
27-
if (Array.isArray(arr)) {
28-
return arr;
29-
} else if (Symbol.iterator in Object(arr)) {
30-
return sliceIterator(arr, i);
31-
} else {
32-
throw new TypeError("Invalid attempt to destructure non-iterable instance");
33-
}
34-
};
35-
})();
36-
37-
var _extends = Object.assign || function(target) {
38-
for (var i = 1; i < arguments.length; i++) {
39-
var source = arguments[i];
40-
for (var key in source) {
41-
if (Object.prototype.hasOwnProperty.call(source, key)) {
42-
target[key] = source[key];
43-
}
44-
}
45-
}
46-
return target;
47-
};
48-
49-
var _React = React;
50-
var useState = _React.useState;
1+
/*
2+
* @Author: your name
3+
* @Date: 2021-04-10 18:51:19
4+
* @LastEditTime: 2021-04-10 18:51:38
5+
* @LastEditors: Please set LastEditors
6+
* @Description: In User Settings Edit
7+
* @FilePath: /react源码分析/es5_code/es5_react_code/01/02.js
8+
*/
9+
'use strict';
5110

5211
var H = function H() {
53-
var _useState = useState(arr);
54-
55-
var _useState2 = _slicedToArray(_useState, 2);
56-
57-
var arr = _useState2[0];
58-
var setArr = _useState2[1];
59-
6012
return React.createElement(
61-
"h1", {
62-
arr: [1, 2, 4],
63-
onClick: function() {
64-
return console.log(1);
65-
}
66-
},
67-
"Hello, world"
13+
'h1',
14+
null,
15+
'Hello, world'
6816
);
6917
};
70-
var a = {
71-
name: 1
72-
};
73-
console.log(_extends({}, a));
74-
ReactDOM.render(React.createElement(H, null), document.getElementById("example"));
18+
ReactDOM.render(React.createElement(H, null), document.getElementById('example'));

‎es5_code/es5_react_code/04/04_01.js‎

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1+
<<<<<<< HEAD
12
"use strict";
3+
=======
4+
'use strict';
5+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
26

37
var _slicedToArray = (function() {
48
function sliceIterator(arr, i) {
@@ -16,7 +20,11 @@ var _slicedToArray = (function() {
1620
_e = err;
1721
} finally {
1822
try {
23+
<<<<<<< HEAD
1924
if (!_n && _i["return"]) _i["return"]();
25+
=======
26+
if (!_n && _i['return']) _i['return']();
27+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
2028
} finally {
2129
if (_d) throw _e;
2230
}
@@ -29,11 +37,16 @@ var _slicedToArray = (function() {
2937
} else if (Symbol.iterator in Object(arr)) {
3038
return sliceIterator(arr, i);
3139
} else {
40+
<<<<<<< HEAD
3241
throw new TypeError("Invalid attempt to destructure non-iterable instance");
42+
=======
43+
throw new TypeError('Invalid attempt to destructure non-iterable instance');
44+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
3345
}
3446
};
3547
})();
3648

49+
<<<<<<< HEAD
3750
var Show = function Show(props) {
3851
var flag = props.flag;
3952

@@ -60,12 +73,18 @@ var Show = function Show(props) {
6073

6174
var LazyPage = function LazyPage() {
6275
var _React$useState = React.useState("zhangsan");
76+
=======
77+
var LazyPage = function LazyPage() {
78+
var _React$useState = React.useState('zhangsan');
79+
console.log('_React$useState=',_React$useState)
80+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
6381

6482
var _React$useState2 = _slicedToArray(_React$useState, 2);
6583

6684
var name = _React$useState2[0];
6785
var setName = _React$useState2[1];
6886

87+
<<<<<<< HEAD
6988
var _React$useState3 = React.useState(true);
7089

7190
var _React$useState32 = _slicedToArray(_React$useState3, 2);
@@ -99,6 +118,19 @@ var LazyPage = function LazyPage() {
99118
),
100119
React.createElement("input", {
101120
type: "text",
121+
=======
122+
return React.createElement(
123+
'div',
124+
null,
125+
React.createElement(
126+
'p',
127+
null,
128+
'My Name is: ',
129+
name
130+
),
131+
React.createElement('input', {
132+
type: 'text',
133+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
102134
value: name,
103135
onChange: function(e) {
104136
return setName(e.target.value);
@@ -107,4 +139,8 @@ var LazyPage = function LazyPage() {
107139
);
108140
};
109141

110-
ReactDOM.render(React.createElement(LazyPage, null), document.getElementById("example"));
142+
<<<<<<< HEAD
143+
ReactDOM.render(React.createElement(LazyPage, null), document.getElementById("example"));
144+
=======
145+
ReactDOM.render(React.createElement(LazyPage, null), document.getElementById('example'));
146+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86

‎es6.html‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<<<<<<< HEAD
12
<!DOCTYPE html>
23
<html>
34

@@ -78,4 +79,86 @@
7879

7980
</body>
8081

82+
=======
83+
<!DOCTYPE html>
84+
<html>
85+
86+
<head>
87+
<meta charset="UTF-8" />
88+
<title>Hello React!</title>
89+
<script src="./common/js/ajax.js"></script>
90+
<!--官方提供的 CDN 地址：-->
91+
<!-- <script src="./common/js/react.development.v16.12.0.js"></script>
92+
<script src="./common/js/react-dom.development.v16.12.0.js"></script> -->
93+
<!-- <script src="./common/js/browser-polyfill.5.8.38.js"></script> -->
94+
<script src="./common/js/react.v16.12.0.js"></script>
95+
<script src="./common/js/browser.5.8.38.js"></script>
96+
97+
</head>
98+
<style>
99+
.lsft-box{
100+
float: left;
101+
width: 48%;
102+
height: 100vh;
103+
}
104+
.right-box{
105+
float: right;
106+
width: 48%;
107+
height: 100vh;
108+
}
109+
*{
110+
padding: 0;
111+
margin: 0;
112+
}
113+
.textarea{
114+
font-size: 18px;
115+
display: block;
116+
/* width: 100%;
117+
height: 100vh; */
118+
}
119+
</style>
120+
<body>
121+
122+
<div id="example" class="lsft-box"></div>
123+
<textarea id="textarea" class='textarea right-box' ></textarea>
124+
125+
<script src="./es6_code/es6_react_code/04/04_01.js" type="text/babel"></script>
126+
<!-- <script>
127+
128+
var oTextarea= document.getElementById('textarea');
129+
setTimeout(() => {
130+
oTextarea.value=code
131+
var oldCode = window.localStorage.getItem('code');
132+
// 如果同样代码 则不会在发送请求
133+
if(oldCode===code){
134+
return false
135+
}
136+
window.localStorage.setItem('code',code);
137+
//把代码发送到服务器
138+
ajax({
139+
url: "http://127.0.0.1:5000/createCode",
140+
type: 'post',
141+
data: {
142+
path: '/es5_code/es5_react_code/04/04_01.js',
143+
code: code,
144+
},
145+
dataType: 'json',
146+
timeout: 10000,
147+
contentType: "application/json",
148+
success: function (data) {
149+
console.log('data====',data)
150+
},
151+
//异常处理
152+
error: function (e) {
153+
console.log(e);
154+
}
155+
})
156+
}, 100);
157+
158+
159+
</script> -->
160+
161+
</body>
162+
163+
>>>>>>> 46e5d654750168326619cd5ec4cf48a1c0506d86
81164
</html>

‎es6_code/es6_react_code/01/02.js‎

Lines changed: 14 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
1-
const {useState}=React;
2-
const H = () => {
3-
const [arr,setArr]=useState(arr)
4-
// const arr = [1, 2, 4];
5-
return <h1 arr={[1, 2, 4]} onClick={()=>console.log(1)} >Hello, world</h1>;
6-
};
7-
const a={
8-
name:1
9-
}
10-
console.log({
11-
...a,
12-
})
13-
ReactDOM.render(<H />, document.getElementById("example"));
1+
/*
2+
* @Author: your name
3+
* @Date: 2021-04-10 18:51:19
4+
* @LastEditTime: 2021-04-10 18:51:58
5+
* @LastEditors: your name
6+
* @Description: In User Settings Edit
7+
* @FilePath: /react源码分析/es6_code/es6_react_code/01/02.js
8+
*/
9+
10+
const H=()=>(<h1>Hello, world</h1>);
11+
ReactDOM.render(
12+
<H/>,
13+
document.getElementById('example')
14+
);

‎es6_code/es6_react_code/01/03.js‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
2-
const H=()=>(
3-
<div>
4-
<h1>这个是标题</h1>
5-
<p>这个是内容</p>
6-
</div>
7-
);
8-
// ReactDOM.render(
9-
// <H/>,
10-
// document.getElementById('example')
1+
2+
const H=()=>(
3+
<div>
4+
<h1>这个是标题</h1>
5+
<p>这个是内容</p>
6+
</div>
7+
);
8+
// ReactDOM.render(
9+
// <H/>,
10+
// document.getElementById('example')
1111
// );

0 commit comments

Comments
 (0)