-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
360 lines (270 loc) · 13.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SysLab | 不一样的我们</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="undefined">
<meta name="description" content="A studio dedicated to outsourced web & mobile app development, also contributing to opensource projects.">
<meta property="og:type" content="website">
<meta property="og:title" content="SysLab">
<meta property="og:url" content="http://blog.syslab.us/index.html">
<meta property="og:site_name" content="SysLab">
<meta property="og:description" content="A studio dedicated to outsourced web & mobile app development, also contributing to opensource projects.">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="SysLab">
<meta name="twitter:description" content="A studio dedicated to outsourced web & mobile app development, also contributing to opensource projects.">
<link rel="alternative" href="/atom.xml" title="SysLab" type="application/atom+xml">
<meta name="summary" content="A studio dedicated to outsourced web & mobile app development, also contributing to opensource projects.">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div id="loading" class="active"></div>
<nav id="menu" >
<div class="inner flex-row-vertical">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-off">
<i class="icon icon-lg icon-close"></i>
</a>
<div class="brand-wrap">
<div class="brand">
<a href="/" class="avatar"><img src="/img/logo.jpg"></a>
<hgroup class="introduce">
<h5 class="nickname">SysLab</h5>
<a href="mailto:undefined" title="[email protected]" class="mail">[email protected]</a>
</hgroup>
</div>
</div>
<ul class="nav flex-col">
<li class="waves-block waves-effect active">
<a href="/" >
<i class="icon icon-lg icon-home"></i>
Home
</a>
</li>
<li class="waves-block waves-effect">
<a href="/archives" >
<i class="icon icon-lg icon-archives"></i>
Archives
</a>
</li>
<li class="waves-block waves-effect">
<a href="/tags" >
<i class="icon icon-lg icon-tags"></i>
Tags
</a>
</li>
<li class="waves-block waves-effect">
<a href="https://github.com/Sys-Lab" target="_blank" >
<i class="icon icon-lg icon-github"></i>
Github
</a>
</li>
</ul>
<footer class="footer">
<p><a rel="license" target="_blank" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0;vertical-align:middle;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAAAllBMVEUAAAD///+rsapERER3d3eIiIjMzMzu7u4iIiKUmZO6v7rKzsoODg4RERFVVVUNDQ0NDg0PEA8zMzNLTEtbXltmZmZydnF9gn2AgICPkI+ZmZmqqqq7u7vFxsXIzMgNDQwZGRkgICAhISEkJSMnKCcuMC4xMzE5Ozk7PTtBQkFCQkJDQ0Nna2eGhoaHh4ezuLLGysbd3d1wVGpAAAAA4UlEQVR42q2T1xqCMAyFk7QsBQeKA9x7j/d/OSm22CpX0nzcpA1/T05aAOuBVkMAScQFHLnEwoCo2f1TnQIGoVMewjZEjVFN4GH1Ue1Cn2jWqwfsOOj6wDwGvotsl/c8lv7KIq1eLOsT0HMFHMIE/RZyHnlphryT9zyV+8WH5e8yQw3wnQvgAFxPTKUVi555SHR/lOfLMgVTeDlSfN+TaoUsiTyeIm+bCkHvCA2FUKG48LDtYBZBknsYP/G8NTw0gaaHyuQf4H5pecrB/FYCT2sL9zAfy1Xyjou6L8X2W7YcLyBZCRtnq/zfAAAAAElFTkSuQmCC" /></a></p>
<p>SysLab © 2016</p>
<p>Power by <a href="http://hexo.io/" target="_blank">Hexo</a> Theme
<a href="https://github.com/yscoder/hexo-theme-indigo" target="_blank">indigo</a></p>
<a href="/atom.xml" target="_blank" class="rss" title="rss"><i class="icon icon-2x icon-rss-square"></i></a>
</footer>
</div>
</nav>
<main id="main">
<header class="header" id="header">
<div class="flex-row">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light on" id="menu-toggle">
<i class="icon icon-lg icon-navicon"></i>
</a>
<div class="flex-col header-title ellipsis">SysLab</div>
<div class="search-wrap" id="search-wrap">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
<i class="icon icon-lg icon-chevron-left"></i>
</a>
<input type="text" id="key" class="search-input " autocomplete="off" placeholder="输入感兴趣的关键字">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="search">
<i class="icon icon-lg icon-search"></i>
</a>
</div>
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-share">
<i class="icon icon-lg icon-share-alt"></i>
</a>
</div>
</header>
<header class="content-header">
<div class="container">
<h1 class="author">SysLab</h1>
<h5 class="subtitle">不一样的我们</h5>
</div>
</header>
<div class="container body-wrap">
<ul class="post-list">
<li class="post-list-item">
<article id="post-exchange-meeting-3-ajax" class="article article-type-post" itemprop="blogPost">
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2016/05/12/exchange-meeting-3-ajax/">SysLab技术分享-Vol.03—Ajax</a>
</h3>
<div class="post-meat flex-row">
<div class="flex-col">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/交流会/">交流会</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/前端/">前端</a></li></ul>
</div>
<time datetime="2016-05-12T12:44:32.000Z" itemprop="datePublished" class="post-tiem">
2016-05-12
</time>
</div>
<div class="post-content" id="post-content" itemprop="postContent" >
<p>HTTP请求</p>
<pre><code>一个完整的HTTP请求过程，通常有下面7个步骤：
1.建立TCP连接
2.web浏览器向web服务器发送请求命令
3.web浏览器发送请求头信息
4.web服务器应答
5.web服务器发送应答头信息
6.web服务器向浏览器发送数据
7.web服务器关闭TCP连接
一个HTTP请求一般由四部分组成：
1.HTTP请求的方法或动作，比如是GET还是POST
2.正在请求的URL
3.请求头，包含一些客户端环境信息，身份验证信息等
4.请求体，也就是请求正文
</code></pre>
</div>
<div class="post-footer clearfix">
<a href="/2016/05/12/exchange-meeting-3-ajax/" class="post-more waves-effect waves-button waves-light">MORE</a>
</div>
</article>
</li>
<li class="post-list-item">
<article id="post-exchange-meeting-2-procrastination-and-time-manage" class="article article-type-post" itemprop="blogPost">
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2016/04/04/exchange-meeting-2-procrastination-and-time-manage/">SysLab技术分享-Vol.02—拖延症与时间管理</a>
</h3>
<div class="post-meat flex-row">
<div class="flex-col">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/交流会/">交流会</a></li></ul>
</div>
<time datetime="2016-04-04T13:09:58.000Z" itemprop="datePublished" class="post-tiem">
2016-04-04
</time>
</div>
<div class="post-content" id="post-content" itemprop="postContent" >
<h2 id="交流"><a href="#交流" class="headerlink" title="交流"></a>交流</h2><p>交流-思维-批判性思维-强势批判性思维</p>
<p>批判性思维：就是在吸取外部信息的时候，要注意根据自己的需求提出适当的问题，在不断提问和回答的过程中得到思维的训练和对新领域的认知。</p>
<p>如果你是用批判性思维捍卫自己的观点，那么你就是在使用弱势批判性思维。为什么说这种思维方式是弱势的呢？是因为使用这种思维方式不是在追求一个问题的最佳解决方法，也不是关于某个话题的正确观点，而是抵制反对那些与你意见不同的人，让那些跟你意见不同的人认输。只要跟我意见不同，马上就把他给批判一番，很危险。OK，这是弱势批判性思维。<br>那强势批判性思维呢？强势批判性思维是要我们一视同仁地去质疑一切主张，甚至包括我们自己的，去辩证地看待围绕某个问题的所有观点。这样，我们才能做到既不人云亦云，也不自欺欺人。而我们的目的是得到一个正确的观点，在这个过程中是可以去修正改变自己的观点的。</p>
</div>
<div class="post-footer clearfix">
<a href="/2016/04/04/exchange-meeting-2-procrastination-and-time-manage/" class="post-more waves-effect waves-button waves-light">MORE</a>
</div>
</article>
</li>
<li class="post-list-item">
<article id="post-exchange-meeting-1-coding-conventions-and-workflow" class="article article-type-post" itemprop="blogPost">
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2016/03/20/exchange-meeting-1-coding-conventions-and-workflow/">SysLab技术分享-Vol.01—代码规范相关</a>
</h3>
<div class="post-meat flex-row">
<div class="flex-col">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/交流会/">交流会</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/代码规范/">代码规范</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/项目流程/">项目流程</a></li></ul>
</div>
<time datetime="2016-03-20T12:13:38.000Z" itemprop="datePublished" class="post-tiem">
2016-03-20
</time>
</div>
<div class="post-content" id="post-content" itemprop="postContent" >
<h2 id="1-文档"><a href="#1-文档" class="headerlink" title="1. 文档"></a>1. 文档</h2><ul>
<li>需求文档</li>
<li>开发文档</li>
<li><p>TAB个数，4个还是8个，为了git审核</p>
</li>
<li><p>变量命名</p>
<ul>
<li>匈牙利命名</li>
<li>第一个字母定义变量类型</li>
<li>mUserId，m表示成员变量，i表示整型变量</li>
<li>主要用在C和C++</li>
<li>小驼峰</li>
</ul>
</li>
</ul>
<p>第一个单词首字母小写，其他首字母大写<br>大驼峰</p>
<p>全单词首字母大写<br>变量命名不能用拼音</p>
<p>方法命名</p>
<p>驼峰命名</p>
<p>get，set<br>Restful命名方式</p>
<p>资源状态转化<br>杜绝用动词<br>loopback–nodejs的restful框架<br>花括号换行</p>
<p>C和C++一般要换行<br>开发规范定好<br>JS不换行</p>
</div>
<div class="post-footer clearfix">
<a href="/2016/03/20/exchange-meeting-1-coding-conventions-and-workflow/" class="post-more waves-effect waves-button waves-light">MORE</a>
</div>
</article>
</li>
</ul>
</div>
</main>
<div class="mask" id="mask"></div>
<a href="javascript:;" id="gotop" class="waves-effect waves-circle waves-light"><span class="icon icon-lg icon-chevron-up"></span></a>
<script>
var BLOG_SHARE = {
title: "SysLab",
pic: "/img/logo.jpg",
summary: document.getElementsByName('summary')[0].content,
url: "http://blog.syslab.us/index.html"
};
</script>
<div class="global-share" id="global-share">
<div class="tit">分享到：</div>
<ul class="reset share-icons">
<li>
<a class="weibo share-sns" href="javascript:;" data-title="微博" data-service="tsina">
<i class="icon icon-weibo"></i>
</a>
</li>
<li>
<a class="weixin share-sns" href="javascript:;" data-title="微信" data-service="weixin">
<i class="icon icon-weixin"></i>
</a>
</li>
<li>
<a class="qq share-sns" href="javascript:;" data-title=" QQ" data-service="cqq">
<i class="icon icon-qq"></i>
</a>
</li>
<li>
<a class="facebook share-sns" href="javascript:;" data-title=" Facebook" data-service="fb">
<i class="icon icon-facebook"></i>
</a>
</li>
<li>
<a class="twitter share-sns" href="javascript:;" data-title=" Twitter" data-service="twitter">
<i class="icon icon-twitter"></i>
</a>
</li>
<li>
<a class="douban share-sns" href="javascript:;" data-title="豆瓣" data-service="douban">
豆
</a>
</li>
</ul>
</div>
<script src="//cdn.bootcss.com/node-waves/0.7.4/waves.min.js"></script>
<script src="/js/main.js"></script>
<div class="search-panel" id="search-panel">
<ul class="search-result" id="search-result"></ul>
</div>
<script type="text/template" id="search-tpl">
<li class="item">
<a href="/{path}" class="waves-block waves-effect">
<div class="title ellipsis" title="{title}">{title}</div>
<div class="flex-row flex-middle">
<div class="tags ellipsis">
{tags}
</div>
<time class="flex-col time">{date}</time>
</div>
</a>
</li>
</script>
<script src="/js/search.js"></script>
</body>
</html>