forked from soulteary/forever-coolshell
-
Notifications
You must be signed in to change notification settings - Fork 0
/
35.html
executable file
·325 lines (303 loc) · 29.4 KB
/
35.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
<!DOCTYPE html><!--[if IE 8]>
<html id="ie8" dir="ltr" lang="zh-CN"
prefix="og: https://ogp.me/ns#" >
<![endif]--><!--[if !(IE 8) ]><!--><html dir="ltr" lang="zh-CN" prefix="og: https://ogp.me/ns#"><!--<![endif]--><head><meta charset="UTF-8"/><title>酷壳 – CoolShell.cn - Part 35</title><link rel="stylesheet" type="text/css" href="/assets/all.min.css"/><link rel="shortcut icon" href="/assets/favicon.png"/></head>
<body class="home blog paged paged-35 group-blog">
<div id="page" class="hfeed site">
<header id="masthead" role="banner">
<div id="cc_spacer"></div>
<div class="site-header">
<div class="site-branding">
<a class="home-link" href="/" title="酷 壳 – CoolShell" rel="home">
<h1 class="site-title">酷 壳 – CoolShell</h1>
<h2 class="site-description">享受编程和技术所带来的快乐 – Coding Your Ambition</h2>
</a>
</div>
</div>
</header>
<div class="container">
<div class="row">
</div>
</div>
<div id="content" class="site-content">
<div class="container">
<div class="row">
<div id="primary" class="content-area col-md-12" style="margin-top: 40px;">
<main id="main" class="site-main" role="main">
<article id="post-3314" class="post-content post-3314 post type-post status-publish format-standard hentry category-webdev category-misc tag-color">
<header class="entry-header">
<span class="screen-reader-text">几个在线颜色选择器</span>
<h2 class="entry-title">
<a href="/articles/3314.html" rel="bookmark">几个在线颜色选择器</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3314.html" title="10:44" rel="bookmark"><time class="entry-date" datetime="2010-11-25T10:44:56+08:00" pubdate="">2010年11月25日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3314.html#comments" class="comments-link">9 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 18,947 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>下面是一些在线的颜色配色方案，也许可以为你的Web配色方面提供一些参考。还有<a rel="bookmark" href="/articles/3013.html" target="_blank">一些非常有意思的杂项资源</a>你也可以去看看。</p>
<ul>
<li><a href="http://colorschemedesigner.com/" target="_blank">http://colorschemedesigner.com/</a></li>
<li><a rel="nofollow" href="http://www.colourlovers.com/" target="_blank">http://www.colourlovers.com/</a></li>
<li><a rel="nofollow" href="http://kuler.adobe.com/" target="_blank">http://kuler.adobe.com</a></li>
<li><a rel="nofollow" href="http://opencodeproject.com/colorchooser/#" target="_blank">http://opencodeproject.com/colorchooser/</a></li>
<li><a rel="nofollow" href="http://www.yafla.com/yaflaColor/ColorRGBHSL.aspx" target="_blank">http://www.yafla.com/yaflaColor/ColorRGBHSL.aspx</a></li>
<li><a rel="nofollow" href="http://www.colorjack.com/sphere/" target="_blank">http://www.colorjack.com/sphere/</a></li>
<li><a rel="nofollow" href="http://easyrgb.com/" target="_blank">http://easyrgb.com</a></li>
</ul>
<p><img decoding="async" class="aligncenter size-full wp-image-3315" title="Color Scheme" src="/uploads/2010/11/Color-Scheme.jpg" alt="" width="500" height="325" srcset="" sizes="(max-width: 500px) 100vw, 500px"/></p>
<div id="post-ratings-3314-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3311" class="post-content post-3311 post type-post status-publish format-standard hentry category-techarticle category-misc tag-database tag-ebook tag-javascript tag-perl tag-unix">
<header class="entry-header">
<span class="screen-reader-text">几篇技术文章</span>
<h2 class="entry-title">
<a href="/articles/3311.html" rel="bookmark">几篇技术文章</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3311.html" title="09:04" rel="bookmark"><time class="entry-date" datetime="2010-11-25T09:04:54+08:00" pubdate="">2010年11月25日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3311.html#comments" class="comments-link">9 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 11,224 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p><strong>The Art of Unix</strong></p>
<p><a href="http://www.faqs.org/docs/artu/" target="_blank">http://www.faqs.org/docs/artu/</a></p>
<p><strong>Perl for Impatient Developer</strong></p>
<p><a href="http://blob.perl.org/books/impatient-perl/iperl.pdf" target="_blank">http://blob.perl.org/books/impatient-perl/iperl.pdf</a></p>
<p><strong>Game Development with Javascript</strong></p>
<p><a href="http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2009/06/29/game-development-with-javascript-and-the-canvas-element.aspx" target="_blank">http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2009/06/29/game-development-with-javascript-and-the-canvas-element.aspx</a></p>
<p><strong>Introduction to x64 Assembly</strong></p>
<p><a href="http://software.intel.com/en-us/articles/introduction-to-x64-assembly/" target="_blank">http://software.intel.com/en-us/articles/introduction-to-x64-assembly/</a></p>
<p><strong>Database Fundamental</strong></p>
<p><a href="https://www.ibm.com/developerworks/wikis/display/db2oncampus/FREE+ebook+-+Database+fundamentals">https://www.ibm.com/developerworks/wikis/display/db2oncampus/FREE+ebook+-+Database+fundamentals</a></p>
<div id="post-ratings-3311-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3301" class="post-content post-3301 post type-post status-publish format-standard hentry category-misc tag-google tag-jeff-dean tag-mapreduce tag-performance tag-stanford">
<header class="entry-header">
<span class="screen-reader-text">Jeff Dean的Stanford演讲</span>
<h2 class="entry-title">
<a href="/articles/3301.html" rel="bookmark">Jeff Dean的Stanford演讲</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3301.html" title="09:07" rel="bookmark"><time class="entry-date" datetime="2010-11-22T09:07:36+08:00" pubdate="">2010年11月22日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3301.html#comments" class="comments-link">16 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 25,516 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p><img decoding="async" loading="lazy" class="alignright size-full wp-image-3305" title="Jeff Dean" src="/uploads/2010/11/jeff.jpg" alt="" width="135" height="175" srcset=""/>Google 公司的 <a href="https://research.google.com/people/jeff/" target="_blank"><strong>Jeff Dean</strong></a> 在Stanford大学做了一个非常 <a href="http://stanford-online.stanford.edu/courses/ee380/101110-ee380-300.asx" target="_blank"><strong>精彩的演讲</strong></a>（视频未墙）。我觉得我们每一个人都应该去看一看这个视频，当然，没有字幕，需要不错的听力，当然，我不可能全部翻译出来，因为我也不是完全能听懂，下面是一些相关的Notes，供你参夸，并欢迎牛人指证。</p>
<ul>
<li>比较了从1999年到2010年十年来的搜索量的变化。搜索量增加了 1000 倍，而搜索速度快了5 倍。1999年，一个网页的更新最多需要一个月到两个月，而今天，只需要几秒钟，足足加快了5w倍。</li>
<li>一开始，这些大量的查询产生了大约30GB的I/O量。2004年，他们考虑过全部重写infrastructure。</li>
<li>讨论了一些关于变量长度字节对齐的东西。</li>
<li>今天的MapReduce 有400万个作业，处理将近1000PB的数据，130PB的中间数据，还有45PB的输出数据。（1PB =1024TB）关于 MapReduce （Google云计算的精髓） 的一些统计，见下图：</li>
<li><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3302" title="Mapreduce Stats" src="/uploads/2010/11/mapreducestats.jpg" alt="" width="575" height="426" srcset="" sizes="(max-width: 575px) 100vw, 575px"/></li>
</ul>
<p> <a href="/articles/3301.html#more-3301" class="more-link">…</a></p><a href="/articles/3301.html#more-3301" class="more-link">
</a><p class="read-more"><a href="/articles/3301.html#more-3301" class="more-link"></a><a class="btn btn-default" href="/articles/3301.html"> 阅读全文<span class="screen-reader-text"> Read More</span></a></p>
<p></p>
<div id="post-ratings-3301-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3288" class="post-content post-3288 post type-post status-publish format-standard hentry category-misc category-tools tag-bitkeeper tag-cvs tag-git tag-scm tag-subversion tag-verison-control">
<header class="entry-header">
<span class="screen-reader-text">版本管理器的发展史</span>
<h2 class="entry-title">
<a href="/articles/3288.html" rel="bookmark">版本管理器的发展史</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3288.html" title="08:50" rel="bookmark"><time class="entry-date" datetime="2010-11-17T08:50:48+08:00" pubdate="">2010年11月17日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3288.html#comments" class="comments-link">25 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 17,258 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>以前本站发布过<a rel="bookmark" href="/articles/3100.html">编程语言进化</a>，<a rel="bookmark" href="/articles/3097.html">Windows的达尔文进化图</a>，今天在网上看到版本管理器的进化图，转过来，源文链接如下：</p>
<p><a href="https://codicesoftware.blogspot.com/2010/11/version-control-timeline.html" target="_blank">http://codicesoftware.blogspot.com/2010/11/version-control-timeline.html</a> (墙)</p>
<p style="text-align: center;"><a href="https://coolshell.cn/wp-content/uploads/2010/11/scmhistory.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3289" title="版本管理器的演化图" src="/uploads/2010/11/scmhistory.png" alt="" width="640" height="410" srcset="" sizes="(max-width: 640px) 100vw, 640px"/></a></p>
<p>这张图上分成了四个时期：</p>
<p> <a href="/articles/3288.html#more-3288" class="more-link">…</a></p><a href="/articles/3288.html#more-3288" class="more-link">
</a><p class="read-more"><a href="/articles/3288.html#more-3288" class="more-link"></a><a class="btn btn-default" href="/articles/3288.html"> 阅读全文<span class="screen-reader-text"> Read More</span></a></p>
<p></p>
<div id="post-ratings-3288-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3281" class="post-content post-3281 post type-post status-publish format-standard hentry category-misc category-career tag-programmer tag-58">
<header class="entry-header">
<span class="screen-reader-text">架构师给程序员的一封信</span>
<h2 class="entry-title">
<a href="/articles/3281.html" rel="bookmark">架构师给程序员的一封信</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3281.html" title="09:12" rel="bookmark"><time class="entry-date" datetime="2010-11-16T09:12:04+08:00" pubdate="">2010年11月16日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3281.html#comments" class="comments-link">19 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 24,922 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>下面的邮件是某Architect发给他的Engineering团队的（<a href="http://blog.kapilkaisare.info/from-an-architect-to-a-programmer?c=1" target="_blank">来源</a>），我觉得挺不错的，翻译过来，我相信我们所有的程序员都能从中学到很多东西。下面是这封邮件——</p>
<div>
<p style="padding-left: 30px;">每次当我开始做新的东西是我就会很兴奋。就算在软件圈里做了20年以后，每当开始新的旅程里，我都觉得我心中有一些东西不吐不快。这是我们大家一起的旅程。我强烈地相信我们详细规划的过程是很有乐趣的，富有挑战的和丰富多彩的。我想让这个旅程让你们难忘，并且能增添你们所有人的阅历。</p>
<p style="padding-left: 30px;">这看起来有些唯心主义，不过，我想制订我的工作日程，我们的技术策略，以及你们密切合作的进度。这样一来，当你们做了什么相当不错的事，我们所有人都可以受益。我相当的尊重第一个工程师和他们的代码。</p>
<p style="padding-left: 30px;">1. 代码是王。文档仅随其后 。所以，代码一定要和文档一致，并可以正确执行。</p>
<p style="padding-left: 30px;">2. 测试，测试，测试。</p>
<p style="padding-left: 30px;">3. 单元测试非常关键 。每一个在单元测试之后发现的bug需要开发人员双倍的开销。记住，我宁可增加你的薪水，也不愿意把这些钱发给另一个QA团队然后你再修正bug。因此，如果你的代码满是bug的话，我不得不把钱付给更多的人，而你也只能分得很小的一块饼。</p>
<p style="padding-left: 30px;">4. 写下有效率的代码，不但是让人读得有效率，而且也是让CPU执行 地有效率。对于坏代码永远不会善罢甘休。</p>
<p style="padding-left: 30px;">5. 多了解今天工作需要之外的事情。你不仅仅要知道今天干什么，还要知道明天需要什么。</p>
<p style="padding-left: 30px;"> <a href="/articles/3281.html#more-3281" class="more-link">…</a></p><a href="/articles/3281.html#more-3281" class="more-link">
</a><p class="read-more"><a href="/articles/3281.html#more-3281" class="more-link"></a><a class="btn btn-default" href="/articles/3281.html"> 阅读全文<span class="screen-reader-text"> Read More</span></a></p>
<p></p>
</div>
<div id="post-ratings-3281-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3277" class="post-content post-3277 post type-post status-publish format-standard hentry category-story tag-captcha tag-429">
<header class="entry-header">
<span class="screen-reader-text">超强的验证码</span>
<h2 class="entry-title">
<a href="/articles/3277.html" rel="bookmark">超强的验证码</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3277.html" title="18:36" rel="bookmark"><time class="entry-date" datetime="2010-11-08T18:36:50+08:00" pubdate="">2010年11月08日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3277.html#comments" class="comments-link">26 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 19,689 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>大家看看这个网站吧。最强的验证码——把看到的东西画出来。</p>
<p><a href="http://www.geee.net/contact.htm" target="_blank">http://www.geee.net/contact.htm</a></p>
<p style="text-align: center;"><a href="http://www.geee.net/contact.htm"><img decoding="async" class=" wp-image-3278 aligncenter" title="无敌的验证码" src="/uploads/2010/11/capcha.jpg" alt="" srcset=""/></a></p>
<p>某些网友们还是做了一些尝试：</p>
<p> <a href="/articles/3277.html#more-3277" class="more-link">…</a></p><a href="/articles/3277.html#more-3277" class="more-link">
</a><p class="read-more"><a href="/articles/3277.html#more-3277" class="more-link"></a><a class="btn btn-default" href="/articles/3277.html"> 阅读全文<span class="screen-reader-text"> Read More</span></a></p>
<p></p>
<div id="post-ratings-3277-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3270" class="post-content post-3270 post type-post status-publish format-standard hentry category-techarticle category-misc tag-book tag-ebook tag-pythondev tag-windows tag-windows-phone-7">
<header class="entry-header">
<span class="screen-reader-text">两本电子书</span>
<h2 class="entry-title">
<a href="/articles/3270.html" rel="bookmark">两本电子书</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3270.html" title="11:47" rel="bookmark"><time class="entry-date" datetime="2010-11-08T11:47:09+08:00" pubdate="">2010年11月08日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3270.html#comments" class="comments-link">10 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 15,364 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p><a href="http://learnpythonthehardway.org/static/LearnPythonTheHardWay.pdf" target="_blank"><strong>Learn Python The Hard Way (pdf)</strong></a></p>
<p style="text-align: center;"><strong> </strong></p>
<figure id="attachment_3272" aria-describedby="caption-attachment-3272" style="width: 245px" class="wp-caption aligncenter"><a href="http://learnpythonthehardway.org/static/LearnPythonTheHardWay.pdf"><img decoding="async" loading="lazy" class="size-full wp-image-3272" title="Learn Python The Hard Way" src="/uploads/2010/11/Learn-Python-The-Hard-Way.jpg" alt="" width="245" height="320" srcset="" sizes="(max-width: 245px) 100vw, 245px"/></a><figcaption id="caption-attachment-3272" class="wp-caption-text">Learn Python The Hard Way</figcaption></figure>
<p><a href="http://download.microsoft.com/download/5/0/A/50A39509-D015-410F-A8F2-A5511E5A988D/Microsoft_Press_ebook_Programming_Windows_Phone_7_PDF.pdf" target="_blank"><strong>Programming Windows Phone 7 (Charles Petzold)</strong></a></p>
<figure id="attachment_3271" aria-describedby="caption-attachment-3271" style="width: 245px" class="wp-caption aligncenter"><a href="http://download.microsoft.com/download/5/0/A/50A39509-D015-410F-A8F2-A5511E5A988D/Microsoft_Press_ebook_Programming_Windows_Phone_7_PDF.pdf"><img decoding="async" loading="lazy" class="size-full wp-image-3271" title="Programming Windows Phone 7 by Charles Petzold" src="/uploads/2010/11/Free-Ebook-Programming-Windows-Phone-7-by-Charles-Petzold.jpg" alt="" width="245" height="299" srcset=""/></a><figcaption id="caption-attachment-3271" class="wp-caption-text">Programming Windows Phone 7 by Charles Petzold</figcaption></figure>
<div id="post-ratings-3270-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3267" class="post-content post-3267 post type-post status-publish format-standard hentry category-webdev category-misc category-story tag-flash tag-game tag-html">
<header class="entry-header">
<span class="screen-reader-text">游戏Flash vs HTML5</span>
<h2 class="entry-title">
<a href="/articles/3267.html" rel="bookmark">游戏Flash vs HTML5</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3267.html" title="11:16" rel="bookmark"><time class="entry-date" datetime="2010-11-05T11:16:25+08:00" pubdate="">2010年11月05日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3267.html#comments" class="comments-link">13 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 8,385 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>下面这个网页上做一个乒乓游戏，左边是Flash，右边是HTML5，很有趣。这也算是一个Flash和HTML5通讯的例子吧。</p>
<p style="text-align: center;"><a href="http://labs.codecomputerlove.com/FlashVsHtml5/" target="_blank">http://labs.codecomputerlove.com/FlashVsHtml5/</a></p>
<p style="text-align: center;">
</p><p style="text-align: left;"><a href="http://labs.codecomputerlove.com/FlashVsHtml5/"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3268" title="flash vs html5" src="/uploads/2010/11/flash_vs_html5.jpg" alt="" width="521" height="347" srcset="" sizes="(max-width: 521px) 100vw, 521px"/></a></p>
<div id="post-ratings-3267-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3258" class="post-content post-3258 post type-post status-publish format-standard hentry category-cplusplus category-misc category-tools tag-c tag-cpptempl tag-ctemplate tag-hapax tag-java">
<header class="entry-header">
<span class="screen-reader-text">C++的字符串格式化库</span>
<h2 class="entry-title">
<a href="/articles/3258.html" rel="bookmark">C++的字符串格式化库</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3258.html" title="08:59" rel="bookmark"><time class="entry-date" datetime="2010-11-02T08:59:06+08:00" pubdate="">2010年11月02日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3258.html#comments" class="comments-link">11 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 10,655 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>这里向大家介绍一个C++的字符串格式化库，叫cpptempl，这个库支持对字符串格式的条件，循环，变量插入。看上去很不错，只不过其是基于boost库的。</p>
<p>下面是一个例子：</p>
<pre data-enlighter-language="c" class="EnlighterJSRAW">// The text template
wstring text = L"I heart {$place}!" ;
// Data to feed the template engine
cpptempl::data_map data ;
// {$place} => Okinawa
data[L"place"] = cpptempl::make_data(L"Okinawa");
// parse the template with the supplied data dictionary
wstring result = cpptempl::parse(text, data) ;</pre>
<p>输出结果是：</p>
<blockquote><p>I heart Okinawa!</p></blockquote>
<p>是不是很方便？让我们看一个更复杂的例子：</p>
<p> <a href="/articles/3258.html#more-3258" class="more-link">…</a></p><a href="/articles/3258.html#more-3258" class="more-link">
</a><p class="read-more"><a href="/articles/3258.html#more-3258" class="more-link"></a><a class="btn btn-default" href="/articles/3258.html"> 阅读全文<span class="screen-reader-text"> Read More</span></a></p>
<p></p>
<div id="post-ratings-3258-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<article id="post-3254" class="post-content post-3254 post type-post status-publish format-standard hentry category-misc tag-face-detection tag-javascript tag-423">
<header class="entry-header">
<span class="screen-reader-text">一个人脸识别的Javascript</span>
<h2 class="entry-title">
<a href="/articles/3254.html" rel="bookmark">一个人脸识别的Javascript</a>
</h2>
<div class="entry-meta">
<h5 class="entry-date"><i class="fa fa-calendar-o"></i> <a href="/articles/3254.html" title="08:57" rel="bookmark"><time class="entry-date" datetime="2010-11-01T08:57:53+08:00" pubdate="">2010年11月01日 </time></a><span class="byline"><span class="sep"></span><i class="fa fa-user"></i>
<span class="author vcard"><a class="url fn n" href="/haoel" title="View all posts by 陈皓" rel="author">陈皓</a></span></span> <i class="fa fa-comments-o"></i><span class="screen-reader-text">评论 </span> <a href="/articles/3254.html#comments" class="comments-link">24 条评论</a> <i class="fa fa-users" style="margin-left:10px;"></i> 13,086 人阅读</h5>
</div>
</header>
<div class="entry-content">
<p>这里有一个<a href="http://liuliu.me/detect/detect.html" target="_blank">人脸识别的Javascript</a>，感觉挺酷的。识别的还是很不错的，网友们在做了很多的<a href="http://www.reddit.com/r/programming/comments/dy81y/my_notsoslow_face_detector_in_javascript/" target="_blank">测试</a>，对于动画片里的人员很不准，而且，照片质量要好一点的会准一点。下面是一些识别结果：</p>
<p style="text-align: center;"><img decoding="async" loading="lazy" class="aligncenter" src="http://i.imgur.com/jpDEK.jpg" alt="" width="326" height="298"/></p>
<p>一个递归式的图</p>
<p> <a href="/articles/3254.html#more-3254" class="more-link">…</a></p><a href="/articles/3254.html#more-3254" class="more-link">
</a><p class="read-more"><a href="/articles/3254.html#more-3254" class="more-link"></a><a class="btn btn-default" href="/articles/3254.html"> 阅读全文<span class="screen-reader-text"> Read More</span></a></p>
<p></p>
<div id="post-ratings-3254-loading" class="post-ratings-loading"><img src="https://coolshell.cn/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image"/>Loading...</div>
</div>
<footer class="entry-footer">
</footer>
</article>
<nav class="navigation posts-navigation" role="navigation">
<h2 class="screen-reader-text">Posts navigation</h2>
<div class="nav-links">
<div class="row">
<div class="wp-pagenavi" role="navigation">
<span class="pages">第 35 / 74 页</span><a class="first" aria-label="First Page" href="/">« 首页</a><a class="previouspostslink" rel="prev" aria-label="上一页" href="/page/34.html">«</a><span class="extend">...</span><a class="smaller page" title="第 10 页" href="/page/10.html">10</a><a class="smaller page" title="第 20 页" href="/page/20.html">20</a><span class="extend">...</span><a class="page smaller" title="第 31 页" href="/page/31.html">31</a><a class="page smaller" title="第 32 页" href="/page/32.html">32</a><a class="page smaller" title="第 33 页" href="/page/33.html">33</a><a class="page smaller" title="第 34 页" href="/page/34.html">34</a><span aria-current="page" class="current">35</span><a class="page larger" title="第 36 页" href="/page/36.html">36</a><a class="page larger" title="第 37 页" href="/page/37.html">37</a><a class="page larger" title="第 38 页" href="/page/38.html">38</a><a class="page larger" title="第 39 页" href="/page/39.html">39</a><a class="page larger" title="第 40 页" href="/page/40.html">40</a><span class="extend">...</span><a class="larger page" title="第 50 页" href="/page/50.html">50</a><a class="larger page" title="第 60 页" href="/page/60.html">60</a><a class="larger page" title="第 70 页" href="/page/70.html">70</a><span class="extend">...</span><a class="nextpostslink" rel="next" aria-label="下一页" href="/page/36.html">»</a><a class="last" aria-label="Last Page" href="/page/74.html">末页 »</a>
</div>
</div>
</div>
</nav>
</main>
</div>
</div>
</div>
</div>
</div>
</body></html>