Skip to content

Commit 8c202f0

Browse files
hdugaojinghdugaojing
committed
Site updated: 2020-04-07 22:01:19
1 parent b2a6cd0 commit 8c202f0

File tree

12 files changed

+414
-60
lines changed

12 files changed

+414
-60
lines changed

‎2018/11/04/React/Redux基础原理与实例/index.html‎ renamed to ‎2018/11/04/Redux基础原理与实例/Redux基础原理与实例/index.html‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,12 @@
1111
<meta name="keywords" content="React">
1212
<meta property="og:type" content="article">
1313
<meta property="og:title" content="Redux基础原理与实例">
14-
<meta property="og:url" content="http://yoursite.com/2018/11/04/React/Redux基础原理与实例/index.html">
14+
<meta property="og:url" content="http://yoursite.com/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/index.html">
1515
<meta property="og:site_name" content="Colin‘s Blog">
1616
<meta property="og:description" content="1、Redux是什么Redux是一个专注于数据状态管理的库，和React解耦（使用Vue或者其他前端框架也可以使用Redux）。其特点是单一状态（single state）及单向数据流。即：（1）Web应用是一个状态机，视图与状态是一一对应的。（2）所有的状态，保存在一个对象里面。 1.1、Redux核心概念以下是Redux中的几个核心概念： StoreStore 就是保存数据的地方，整个应用只能">
1717
<meta property="og:locale" content="default">
1818
<meta property="og:image" content="http://yoursite.com/.com//reduxFlow.jpg">
19-
<meta property="og:updated_time" content="2020-04-07T13:55:56.811Z">
19+
<meta property="og:updated_time" content="2020-04-07T14:00:34.839Z">
2020
<meta name="twitter:card" content="summary">
2121
<meta name="twitter:title" content="Redux基础原理与实例">
2222
<meta name="twitter:description" content="1、Redux是什么Redux是一个专注于数据状态管理的库，和React解耦（使用Vue或者其他前端框架也可以使用Redux）。其特点是单一状态（single state）及单向数据流。即：（1）Web应用是一个状态机，视图与状态是一一对应的。（2）所有的状态，保存在一个对象里面。 1.1、Redux核心概念以下是Redux中的几个核心概念： StoreStore 就是保存数据的地方，整个应用只能">
@@ -67,9 +67,9 @@ <h1 id="logo-wrap">
6767
</div>
6868
</header>
6969
<div class="outer">
70-
<section id="main"><article id="post-React/Redux基础原理与实例" class="article article-type-post" itemscope itemprop="blogPost">
70+
<section id="main"><article id="post-Redux基础原理与实例/Redux基础原理与实例" class="article article-type-post" itemscope itemprop="blogPost">
7171
<div class="article-meta">
72-
<a href="/2018/11/04/React/Redux基础原理与实例/" class="article-date">
72+
<a href="/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/" class="article-date">
7373
<time datetime="2018-11-04T02:50:33.000Z" itemprop="datePublished">2018-11-04</time>
7474
</a>
7575

@@ -118,7 +118,7 @@ <h2 id="5、优化结构（使用装饰器模式）"><a href="#5、优化结构
118118

119119
</div>
120120
<footer class="article-footer">
121-
<a data-url="http://yoursite.com/2018/11/04/React/Redux基础原理与实例/" data-id="ck8pyw8wb0001u2ztrolb47h7" class="article-share-link">Share</a>
121+
<a data-url="http://yoursite.com/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/" data-id="ck8pz1z5j00030zztx8boc88s" class="article-share-link">Share</a>
122122

123123

124124
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/React/">React</a></li></ul>
@@ -187,15 +187,19 @@ <h3 class="widget-title">Recent Posts</h3>
187187
<ul>
188188

189189
<li>
190-
<a href="/2020/04/04/React/React之Class组件生命周期与Hook对比/">React生命周期</a>
190+
<a href="/2020/04/07/来总结一下Context/来总结一下Context/">来总结一下Context</a>
191+
</li>
192+
193+
<li>
194+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/">React生命周期</a>
191195
</li>
192196

193197
<li>
194198
<a href="/2020/04/02/ES6/ES6/">ES6核心概念</a>
195199
</li>
196200

197201
<li>
198-
<a href="/2018/11/04/React/Redux基础原理与实例/">Redux基础原理与实例</a>
202+
<a href="/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/">Redux基础原理与实例</a>
199203
</li>
200204

201205
</ul>

‎2020/04/02/ES6/ES6/index.html‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ <h4 id="9、for…of"><a href="#9、for…of" class="headerlink" title="9、for
145145

146146
</div>
147147
<footer class="article-footer">
148-
<a data-url="http://yoursite.com/2020/04/02/ES6/ES6/" data-id="ck8pyw8wh0003u2zta1y2v9yt" class="article-share-link">Share</a>
148+
<a data-url="http://yoursite.com/2020/04/02/ES6/ES6/" data-id="ck8pz1z5d00010zztnw7oi05p" class="article-share-link">Share</a>
149149

150150

151151
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/ES6/">ES6</a></li></ul>
@@ -156,7 +156,7 @@ <h4 id="9、for…of"><a href="#9、for…of" class="headerlink" title="9、for
156156

157157
<nav id="article-nav">
158158

159-
<a href="/2020/04/04/React/React之Class组件生命周期与Hook对比/" id="article-nav-newer" class="article-nav-link-wrap">
159+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/" id="article-nav-newer" class="article-nav-link-wrap">
160160
<strong class="article-nav-caption">Newer</strong>
161161
<div class="article-nav-title">
162162

@@ -166,7 +166,7 @@ <h4 id="9、for…of"><a href="#9、for…of" class="headerlink" title="9、for
166166
</a>
167167

168168

169-
<a href="/2018/11/04/React/Redux基础原理与实例/" id="article-nav-older" class="article-nav-link-wrap">
169+
<a href="/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/" id="article-nav-older" class="article-nav-link-wrap">
170170
<strong class="article-nav-caption">Older</strong>
171171
<div class="article-nav-title">Redux基础原理与实例</div>
172172
</a>
@@ -219,15 +219,19 @@ <h3 class="widget-title">Recent Posts</h3>
219219
<ul>
220220

221221
<li>
222-
<a href="/2020/04/04/React/React之Class组件生命周期与Hook对比/">React生命周期</a>
222+
<a href="/2020/04/07/来总结一下Context/来总结一下Context/">来总结一下Context</a>
223+
</li>
224+
225+
<li>
226+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/">React生命周期</a>
223227
</li>
224228

225229
<li>
226230
<a href="/2020/04/02/ES6/ES6/">ES6核心概念</a>
227231
</li>
228232

229233
<li>
230-
<a href="/2018/11/04/React/Redux基础原理与实例/">Redux基础原理与实例</a>
234+
<a href="/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/">Redux基础原理与实例</a>
231235
</li>
232236

233237
</ul>

‎2020/04/04/React/React之Class组件生命周期与Hook对比/index.html‎ renamed to ‎2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/index.html‎

Lines changed: 20 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@
1111
<meta name="keywords" content="React">
1212
<meta property="og:type" content="article">
1313
<meta property="og:title" content="React生命周期">
14-
<meta property="og:url" content="http://yoursite.com/2020/04/04/React/React之Class组件生命周期与Hook对比/index.html">
14+
<meta property="og:url" content="http://yoursite.com/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/index.html">
1515
<meta property="og:site_name" content="Colin‘s Blog">
1616
<meta property="og:description" content="Class组件的声明周期俗话说，温故而知新。虽说目前很多数人提倡全面拥抱Hook，在拥抱之前不如再复习下class组件的生命周期。 React16.3之前的生命周期 可以看到生命周期分为4个阶段：Initialization初始化、Mounting挂载、Updation更新、Unmounting卸载。 加了删除线的生命周期在16.3之后已移除. Initialization初始化1、constru">
1717
<meta property="og:locale" content="default">
1818
<meta property="og:image" content="http://yoursite.com/.com//lifecycle16.3.png">
1919
<meta property="og:image" content="http://yoursite.com/.com//lifecycle16.4.png">
20-
<meta property="og:updated_time" content="2020-04-07T13:54:08.747Z">
20+
<meta property="og:updated_time" content="2020-04-07T13:59:27.486Z">
2121
<meta name="twitter:card" content="summary">
2222
<meta name="twitter:title" content="React生命周期">
2323
<meta name="twitter:description" content="Class组件的声明周期俗话说，温故而知新。虽说目前很多数人提倡全面拥抱Hook，在拥抱之前不如再复习下class组件的生命周期。 React16.3之前的生命周期 可以看到生命周期分为4个阶段：Initialization初始化、Mounting挂载、Updation更新、Unmounting卸载。 加了删除线的生命周期在16.3之后已移除. Initialization初始化1、constru">
@@ -68,9 +68,9 @@ <h1 id="logo-wrap">
6868
</div>
6969
</header>
7070
<div class="outer">
71-
<section id="main"><article id="post-React/React之Class组件生命周期与Hook对比" class="article article-type-post" itemscope itemprop="blogPost">
71+
<section id="main"><article id="post-React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比" class="article article-type-post" itemscope itemprop="blogPost">
7272
<div class="article-meta">
73-
<a href="/2020/04/04/React/React之Class组件生命周期与Hook对比/" class="article-date">
73+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/" class="article-date">
7474
<time datetime="2020-04-03T16:00:00.000Z" itemprop="datePublished">2020-04-04</time>
7575
</a>
7676

@@ -169,7 +169,7 @@ <h3 id="全面拥抱Hooks"><a href="#全面拥抱Hooks" class="headerlink" title
169169

170170
</div>
171171
<footer class="article-footer">
172-
<a data-url="http://yoursite.com/2020/04/04/React/React之Class组件生命周期与Hook对比/" data-id="ck8pyw8w50000u2zt7j7reshg" class="article-share-link">Share</a>
172+
<a data-url="http://yoursite.com/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/" data-id="ck8pz1z5800000zztvsydjiaa" class="article-share-link">Share</a>
173173

174174

175175
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/React/">React</a></li></ul>
@@ -180,6 +180,15 @@ <h3 id="全面拥抱Hooks"><a href="#全面拥抱Hooks" class="headerlink" title
180180

181181
<nav id="article-nav">
182182

183+
<a href="/2020/04/07/来总结一下Context/来总结一下Context/" id="article-nav-newer" class="article-nav-link-wrap">
184+
<strong class="article-nav-caption">Newer</strong>
185+
<div class="article-nav-title">
186+
187+
来总结一下Context
188+
189+
</div>
190+
</a>
191+
183192

184193
<a href="/2020/04/02/ES6/ES6/" id="article-nav-older" class="article-nav-link-wrap">
185194
<strong class="article-nav-caption">Older</strong>
@@ -234,15 +243,19 @@ <h3 class="widget-title">Recent Posts</h3>
234243
<ul>
235244

236245
<li>
237-
<a href="/2020/04/04/React/React之Class组件生命周期与Hook对比/">React生命周期</a>
246+
<a href="/2020/04/07/来总结一下Context/来总结一下Context/">来总结一下Context</a>
247+
</li>
248+
249+
<li>
250+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/">React生命周期</a>
238251
</li>
239252

240253
<li>
241254
<a href="/2020/04/02/ES6/ES6/">ES6核心概念</a>
242255
</li>
243256

244257
<li>
245-
<a href="/2018/11/04/React/Redux基础原理与实例/">Redux基础原理与实例</a>
258+
<a href="/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/">Redux基础原理与实例</a>
246259
</li>
247260

248261
</ul>

‎2020/04/07/来总结一下Context/来总结一下Context/index.html‎

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
6+
7+
8+
<title>来总结一下Context | Colin‘s Blog</title>
9+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10+
<meta property="og:type" content="article">
11+
<meta property="og:title" content="来总结一下Context">
12+
<meta property="og:url" content="http://yoursite.com/2020/04/07/来总结一下Context/来总结一下Context/index.html">
13+
<meta property="og:site_name" content="Colin‘s Blog">
14+
<meta property="og:locale" content="default">
15+
<meta property="og:updated_time" content="2020-04-07T13:58:49.166Z">
16+
<meta name="twitter:card" content="summary">
17+
<meta name="twitter:title" content="来总结一下Context">
18+
19+
<link rel="alternate" href="/atom.xml" title="Colin‘s Blog" type="application/atom+xml">
20+
21+
22+
<link rel="icon" href="/favicon.png">
23+
24+
25+
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
26+
27+
<link rel="stylesheet" href="/css/style.css">
28+
</head>
29+
30+
<body>
31+
<div id="container">
32+
<div id="wrap">
33+
<header id="header">
34+
<div id="banner"></div>
35+
<div id="header-outer" class="outer">
36+
<div id="header-title" class="inner">
37+
<h1 id="logo-wrap">
38+
<a href="/" id="logo">Colin‘s Blog</a>
39+
</h1>
40+
41+
</div>
42+
<div id="header-inner" class="inner">
43+
<nav id="main-nav">
44+
<a id="main-nav-toggle" class="nav-icon"></a>
45+
46+
<a class="main-nav-link" href="/">Home</a>
47+
48+
<a class="main-nav-link" href="/archives">Archives</a>
49+
50+
</nav>
51+
<nav id="sub-nav">
52+
53+
<a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
54+
55+
<a id="nav-search-btn" class="nav-icon" title="Search"></a>
56+
</nav>
57+
<div id="search-form-wrap">
58+
<form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="http://yoursite.com"></form>
59+
</div>
60+
</div>
61+
</div>
62+
</header>
63+
<div class="outer">
64+
<section id="main"><article id="post-来总结一下Context/来总结一下Context" class="article article-type-post" itemscope itemprop="blogPost">
65+
<div class="article-meta">
66+
<a href="/2020/04/07/来总结一下Context/来总结一下Context/" class="article-date">
67+
<time datetime="2020-04-07T13:58:17.000Z" itemprop="datePublished">2020-04-07</time>
68+
</a>
69+
70+
</div>
71+
<div class="article-inner">
72+
73+
74+
<header class="article-header">
75+
76+
77+
<h1 class="article-title" itemprop="name">
78+
来总结一下Context
79+
</h1>
80+
81+
82+
</header>
83+
84+
<div class="article-entry" itemprop="articleBody">
85+
86+
87+
88+
</div>
89+
<footer class="article-footer">
90+
<a data-url="http://yoursite.com/2020/04/07/来总结一下Context/来总结一下Context/" data-id="ck8pz1z5k00040zztcruxynsz" class="article-share-link">Share</a>
91+
92+
93+
</footer>
94+
</div>
95+
96+
97+
<nav id="article-nav">
98+
99+
100+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/" id="article-nav-older" class="article-nav-link-wrap">
101+
<strong class="article-nav-caption">Older</strong>
102+
<div class="article-nav-title">React生命周期</div>
103+
</a>
104+
105+
</nav>
106+
107+
108+
</article>
109+
110+
</section>
111+
112+
<aside id="sidebar">
113+
114+
115+
116+
117+
118+
<div class="widget-wrap">
119+
<h3 class="widget-title">Tags</h3>
120+
<div class="widget">
121+
<ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/ES6/">ES6</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/React/">React</a></li></ul>
122+
</div>
123+
</div>
124+
125+
126+
127+
128+
<div class="widget-wrap">
129+
<h3 class="widget-title">Tag Cloud</h3>
130+
<div class="widget tagcloud">
131+
<a href="/tags/ES6/" style="font-size: 10px;">ES6</a> <a href="/tags/React/" style="font-size: 20px;">React</a>
132+
</div>
133+
</div>
134+
135+
136+
137+
<div class="widget-wrap">
138+
<h3 class="widget-title">Archives</h3>
139+
<div class="widget">
140+
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/04/">April 2020</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">November 2018</a></li></ul>
141+
</div>
142+
</div>
143+
144+
145+
146+
147+
<div class="widget-wrap">
148+
<h3 class="widget-title">Recent Posts</h3>
149+
<div class="widget">
150+
<ul>
151+
152+
<li>
153+
<a href="/2020/04/07/来总结一下Context/来总结一下Context/">来总结一下Context</a>
154+
</li>
155+
156+
<li>
157+
<a href="/2020/04/04/React之Class组件生命周期与Hook对比/React之Class组件生命周期与Hook对比/">React生命周期</a>
158+
</li>
159+
160+
<li>
161+
<a href="/2020/04/02/ES6/ES6/">ES6核心概念</a>
162+
</li>
163+
164+
<li>
165+
<a href="/2018/11/04/Redux基础原理与实例/Redux基础原理与实例/">Redux基础原理与实例</a>
166+
</li>
167+
168+
</ul>
169+
</div>
170+
</div>
171+
172+
173+
</aside>
174+
175+
</div>
176+
<footer id="footer">
177+
178+
<div class="outer">
179+
<div id="footer-info" class="inner">
180+
&copy; 2020 Colin Gao<br>
181+
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
182+
</div>
183+
</div>
184+
</footer>
185+
</div>
186+
<nav id="mobile-nav">
187+
188+
<a href="/" class="mobile-nav-link">Home</a>
189+
190+
<a href="/archives" class="mobile-nav-link">Archives</a>
191+
192+
</nav>
193+
194+
195+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
196+
197+
198+
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
199+
<script src="/fancybox/jquery.fancybox.pack.js"></script>
200+
201+
202+
<script src="/js/script.js"></script>
203+
204+
205+
206+
</div>
207+
</body>
208+
</html>

0 commit comments

Comments
 (0)