-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
601 lines (539 loc) · 23.8 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
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
<!DOCTYPE html>
<!-- 两栏模版 -->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<title>库乐君的笔记本</title>
<link rel="canonical" href="http://jerry9926.github.io/">
<link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/particles.min.js"></script>
</head>
<body>
<div class="container my-container">
<div class="side-bar">
<!--Sidebar content-->
<div class="head-wrapper">
<img src="/assets/images/ui/icon.jpg" alt="head-icon">
</div>
<h1 class="title">库乐君的笔记本</h1>
<h2 class="decs">所谓文艺，不过是多走一些路，多看一些风景罢了</h2>
<ul class="nav">
<li><a href="/">首页</a></li>
<li><a href="/ios/" title="查看更多文章">ios 6</a>
</li>
<li><a href="/编程相关/" title="查看更多文章">编程相关 4</a>
</li>
<li><a href="/web前端/" title="查看更多文章">web前端 15</a>
</li>
</ul>
</div>
<div class="content-contain">
<!--Body content-->
<div class="home">
<h1 class="page-heading">文章列表</h1>
<ul class="post-list">
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2018/06/27/%E5%85%B3%E4%BA%8E%E5%87%A0%E4%B8%AAmeta%E6%A0%87%E7%AD%BE.html">关于几个meta标签</a>
</h2>
<p>在老项目里面遇到几个meta标签，不太清除作用。现在查阅一些资料，写这个读书笔记。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2018/06/27/%E5%85%B3%E4%BA%8E%E5%87%A0%E4%B8%AAmeta%E6%A0%87%E7%AD%BE.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：html</span>
<span class="post-meta">发布时间：2018-06-27</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2018/04/25/%E5%85%B3%E4%BA%8Ethis%E3%80%81apply%E5%92%8Ccall.html">关于this、apply和call</a>
</h2>
<p>js里面的this总是容易出错的地方。来理解一下this、apply和call。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2018/04/25/%E5%85%B3%E4%BA%8Ethis%E3%80%81apply%E5%92%8Ccall.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：Javascript</span>
<span class="post-meta">发布时间：2018-04-25</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2018/03/01/%E3%80%8Ajavascript%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E8%BF%B7%E4%BD%A0%E4%B9%A6%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0.html">《javascript正则表达式迷你书》读书笔记</a>
</h2>
<p>最近看了一本电子书《javascript正则表达式迷你书》，里面的讲解比较通俗易懂。把之前零散的知识点整理下来，写这个读书笔记。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2018/03/01/%E3%80%8Ajavascript%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E8%BF%B7%E4%BD%A0%E4%B9%A6%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：正则表达式</span>
<span class="post-meta">发布时间：2018-03-01</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2018/01/19/%E8%AE%B0%E4%B8%80%E6%AC%A1%E6%89%93%E5%8C%85%E8%84%9A%E6%9C%AC%E4%BC%98%E5%8C%96.html">记一次打包脚本优化</a>
</h2>
<p>之前在执行打包脚本的时候，发现在运行的过程中，程序有长时间的等待。并且等待的时机是在一个gulp任务完成后，而不是等待任务执行。于是开始了一次优化之旅。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2018/01/19/%E8%AE%B0%E4%B8%80%E6%AC%A1%E6%89%93%E5%8C%85%E8%84%9A%E6%9C%AC%E4%BC%98%E5%8C%96.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：Gulp工具</span>
<span class="post-meta">发布时间：2018-01-19</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2017/11/27/%E7%BB%84%E4%BB%B6%E4%B8%AD%E4%BD%BF%E7%94%A8v-model.html">组件中使用v-model</a>
</h2>
<p>vue中表单可以使用v-model实现双向绑定。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2017/11/27/%E7%BB%84%E4%BB%B6%E4%B8%AD%E4%BD%BF%E7%94%A8v-model.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：vueJavascript</span>
<span class="post-meta">发布时间：2017-11-27</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2017/10/10/%E6%89%A9%E5%B1%95echarts%E5%9B%BE%E8%A1%A8%E7%B1%BB%E5%9E%8B.html">扩展echarts图表类型</a>
</h2>
<p>
背景
之前有这样一个需求，显示一个世界地图，在地图上面的某些城市的位置上面显示出来当地的某项数据值。数值的显示的形式是，从下往上飘。（有点像冒烟一样）。静态图效果如图。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2017/10/10/%E6%89%A9%E5%B1%95echarts%E5%9B%BE%E8%A1%A8%E7%B1%BB%E5%9E%8B.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：echartsJavascript</span>
<span class="post-meta">发布时间：2017-10-10</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2017/09/29/%E7%94%9F%E6%88%90%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84%E7%9A%84%E5%B0%8F%E5%B7%A5%E5%85%B7.html">生成目录结构的小工具</a>
</h2>
<p>npm工具 tree-directory
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2017/09/29/%E7%94%9F%E6%88%90%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84%E7%9A%84%E5%B0%8F%E5%B7%A5%E5%85%B7.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：node工具</span>
<span class="post-meta">发布时间：2017-09-29</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2017/09/14/Babel%E5%B0%8F%E8%AE%B0.html">Babel小记</a>
</h2>
<p>简单使用Babel转换ES6语法。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2017/09/14/Babel%E5%B0%8F%E8%AE%B0.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：Babel</span>
<span class="post-meta">发布时间：2017-09-14</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2017/09/05/%E5%9C%A8express%E4%B8%AD%E4%BD%BF%E7%94%A8markdown.html">在express中使用markdown</a>
</h2>
<p>之前在github的博客中已经使用过markdown语法。markdown语法简单，适合技术文章和说明文档。这次项目中的文档希望使用markdown来写，把文档放在express之中。记录一下使用过程。
</p>
<p><a href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2017/09/05/%E5%9C%A8express%E4%B8%AD%E4%BD%BF%E7%94%A8markdown.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：编程相关 </span>
<span class="post-meta"> 标签：expressmarkdown</span>
<span class="post-meta">发布时间：2017-09-05</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2017/07/05/Swagger+Node%E6%90%AD%E5%BB%BAAPI%E6%96%87%E6%A1%A3%E7%B3%BB%E7%BB%9F.html">Swagger+Node搭建API文档系统</a>
</h2>
<p>在公司做了个小型的web项目，使用node做后端。提供API渐渐增加，希望有一个API的文档方便查阅，于是找到了swagger。用swaager为原来的node项目搭建API文档系统。
</p>
<p><a href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2017/07/05/Swagger+Node%E6%90%AD%E5%BB%BAAPI%E6%96%87%E6%A1%A3%E7%B3%BB%E7%BB%9F.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：编程相关 </span>
<span class="post-meta"> 标签：node工具</span>
<span class="post-meta">发布时间：2017-07-05</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2017/03/10/jekyll+githubpage%E6%A0%87%E7%AD%BE%E9%A1%B5404.html">jekyll + github page标签页404</a>
</h2>
<p>关于jekyll+githubpage的标签页的问题，终于解决掉了，记录一下。
</p>
<p><a href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2017/03/10/jekyll+githubpage%E6%A0%87%E7%AD%BE%E9%A1%B5404.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：编程相关 </span>
<span class="post-meta"> 标签：jekyll</span>
<span class="post-meta">发布时间：2017-03-10</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2017/03/07/%E5%8E%9F%E7%94%9Fjavascript%20API%E5%AE%9E%E7%8E%B0HTML5%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%A8%E5%B1%8F.html">原生javascript API实现HTML5浏览器全屏</a>
</h2>
<p>
在网上摘录的原生javascript API实现HTML5浏览器全屏方案，记录一下。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2017/03/07/%E5%8E%9F%E7%94%9Fjavascript%20API%E5%AE%9E%E7%8E%B0HTML5%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%A8%E5%B1%8F.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：Javascript</span>
<span class="post-meta">发布时间：2017-03-07</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2016/12/29/webpack%E5%85%A5%E9%97%A8%E7%AC%94%E8%AE%B0.html">webpack入门笔记</a>
</h2>
<p>什么是WebPack
WebPack是模块打包机，它的做的事情就是：分析你的项目结构，找到Javascript模块以及其他一些浏览器不能直接运行的拓展语言（Scss、TypeScript等），并将其打包为浏览器可以运行的格式。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2016/12/29/webpack%E5%85%A5%E9%97%A8%E7%AC%94%E8%AE%B0.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：webpack工具</span>
<span class="post-meta">发布时间：2016-12-29</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2016/11/28/%E5%85%B3%E4%BA%8Eline-height.html">line-height的一些知识点</a>
</h2>
<p>1. 基本定义
line-height 可以有5种值
normal：body{line-height:normal;}
inherit：body{line-height:inherit;}
百分比：body{line-height:120%;}
长度（px、em等）：body{line-height:25px;}
纯数字：body{line-height:1.2}
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2016/11/28/%E5%85%B3%E4%BA%8Eline-height.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：CSS</span>
<span class="post-meta">发布时间：2016-11-28</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2016/11/18/ES6%E5%AD%A6%E4%B9%A0-Promise.html">ES6学习-Promise</a>
</h2>
<p>近期学习的ES6，关于Promise的部分。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2016/11/18/ES6%E5%AD%A6%E4%B9%A0-Promise.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：ES6</span>
<span class="post-meta">发布时间：2016-11-18</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2016/11/16/ES6%E5%AD%A6%E4%B9%A0-%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC.html">ES6学习-解构赋值</a>
</h2>
<p>近期学习的ES6，关于解构赋值的部分。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2016/11/16/ES6%E5%AD%A6%E4%B9%A0-%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：ES6</span>
<span class="post-meta">发布时间：2016-11-16</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2016/02/17/%E7%94%A8javascript%E8%8E%B7%E5%8F%96viewport(window)%E5%AE%BD%E9%AB%98.html">用javacript获取viewport(window)宽高</a>
</h2>
<p>CSS媒体查询和javascript的window宽度不相等
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2016/02/17/%E7%94%A8javascript%E8%8E%B7%E5%8F%96viewport(window)%E5%AE%BD%E9%AB%98.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：JavacriptCSS</span>
<span class="post-meta">发布时间：2016-02-17</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/web%E5%89%8D%E7%AB%AF/2016/02/05/CSS%E5%B8%83%E5%B1%80%E6%A0%B8%E5%BF%83%E6%A6%82%E5%BF%B5%EF%BC%9A%E7%9B%92%E6%A8%A1%E5%9E%8B.html">CSS布局核心概念：盒模型</a>
</h2>
<p>盒模型
页面上的每一个元素被看做一个矩形框，这个框由内容、内边距、边框、外边距组成。
</p>
<p><a href="/web%E5%89%8D%E7%AB%AF/2016/02/05/CSS%E5%B8%83%E5%B1%80%E6%A0%B8%E5%BF%83%E6%A6%82%E5%BF%B5%EF%BC%9A%E7%9B%92%E6%A8%A1%E5%9E%8B.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：web前端 </span>
<span class="post-meta"> 标签：CSS</span>
<span class="post-meta">发布时间：2016-02-05</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/ios/2015/08/27/%E5%85%B3%E4%BA%8E%E7%BA%A6%E6%9D%9FfirstItem%E5%92%8CsecondItem.html">关于约束firstItem和secondItem</a>
</h2>
<p>今天在一个autolayout 的问题上面，发现了约束里面的firstItem和secondItem的区别。
先看看定义是怎么说的
</p>
<p><a href="/ios/2015/08/27/%E5%85%B3%E4%BA%8E%E7%BA%A6%E6%9D%9FfirstItem%E5%92%8CsecondItem.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：ios </span>
<span class="post-meta"> 标签：AutoLayout</span>
<span class="post-meta">发布时间：2015-08-27</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/2015/05/19/markdown%E5%B8%B8%E7%94%A8%E8%AF%AD%E6%B3%95%E5%A4%87%E5%BF%98.html">Markdown常用语法备忘</a>
</h2>
<p>2015-05-19-markdown常用语法备忘.markdown
</p>
<p><a href="/2015/05/19/markdown%E5%B8%B8%E7%94%A8%E8%AF%AD%E6%B3%95%E5%A4%87%E5%BF%98.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类： </span>
<span class="post-meta"> 标签：</span>
<span class="post-meta">发布时间：2015-05-19</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/ios/2015/05/14/%E5%8D%95%E4%BE%8B%E7%9A%84%E4%B8%A4%E7%A7%8D%E5%86%99%E6%B3%95.html">单例的两种写法</a>
</h2>
<p>第一种，使用GCD，利用dispatch_once方法。
dispatch_once函数如下：
</p>
<p><a href="/ios/2015/05/14/%E5%8D%95%E4%BE%8B%E7%9A%84%E4%B8%A4%E7%A7%8D%E5%86%99%E6%B3%95.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：ios </span>
<span class="post-meta"> 标签：</span>
<span class="post-meta">发布时间：2015-05-14</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/ios/2015/05/06/%E5%88%A9%E7%94%A8NSSortDescriptor%E7%BB%99NSArray%E6%8E%92%E5%BA%8F.html">利用NSSortDescriptor给NSArray排序</a>
</h2>
<p>利用NSSortDescriptor排序，可以对数组里面的对象的某一个属性来进行排序。
NSSortDescriptor的组成，key建，ascending升序。另外还有一个属性，关于排序的值之间的比较，这是一个可选参数。默认情况下， 是一个简单的对比排序，也可以通过一个选择器（SEL）或者比较器（NSComparator）而发生改变。
*任何时候当你在为面向用户的字符串排序时，一定要加入localizedStandardCompare:选择器，它将根据当前语言环境的语言规则进行排序（语言环境可能会根据大小写，变音符号等等的顺序而发生改变）。
假设有一组数据，反应投票的情况，voteInfo，有投票人(NSString *)name、投票时间(NSInteger)time、投票结果(BOOL)result
</p>
<p><a href="/ios/2015/05/06/%E5%88%A9%E7%94%A8NSSortDescriptor%E7%BB%99NSArray%E6%8E%92%E5%BA%8F.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：ios </span>
<span class="post-meta"> 标签：NSArray</span>
<span class="post-meta">发布时间：2015-05-06</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/ios/2015/04/27/%E3%80%90%E7%BF%BB%E8%AF%91%E3%80%91%E5%88%B6%E4%BD%9C%E6%97%A0%E9%99%90%E5%BE%AA%E7%8E%AF%E7%9A%84%E6%BB%9A%E5%8A%A8%E8%A7%86%E5%9B%BE.html">【翻译】制作无限循环的滚动视图</a>
</h2>
<p>在给iPhone应用做翻页功能的时候，很多时候需要页面无限循环。例如，你有一个小的画册要显示，你想要滑过所有内容，然后从最后一个可以滑到开始那个。用户可以继续滑动只要他们想滑，在一个视图的内容同一个方向可以一直滑动。
这里有两个思路可以做到这个效果：
</p>
<p><a href="/ios/2015/04/27/%E3%80%90%E7%BF%BB%E8%AF%91%E3%80%91%E5%88%B6%E4%BD%9C%E6%97%A0%E9%99%90%E5%BE%AA%E7%8E%AF%E7%9A%84%E6%BB%9A%E5%8A%A8%E8%A7%86%E5%9B%BE.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：ios </span>
<span class="post-meta"> 标签：UIScrollView</span>
<span class="post-meta">发布时间：2015-04-27</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/ios/2015/04/17/UITableViewCell%E9%87%8CUIButton%E7%9A%84%E9%80%89%E4%B8%AD%E6%80%81.html">UITableViewCell里UIButton的选中态</a>
</h2>
<p>在iOS6中，tableViewCell中有UIButton。cell被选中的时候，button会显示高亮状态，如果不希望这样，需要重写cell的setHightlighted和setSelected方法
</p>
<p><a href="/ios/2015/04/17/UITableViewCell%E9%87%8CUIButton%E7%9A%84%E9%80%89%E4%B8%AD%E6%80%81.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：ios </span>
<span class="post-meta"> 标签：UITableView</span>
<span class="post-meta">发布时间：2015-04-17</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2015/04/17/Jekyll%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4%E5%A4%87%E5%BF%98.html">Jekyll常用命令备忘</a>
</h2>
<p>Jekyll常用命令备忘
</p>
<p><a href="/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/2015/04/17/Jekyll%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4%E5%A4%87%E5%BF%98.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：编程相关 </span>
<span class="post-meta"> 标签：jekyll</span>
<span class="post-meta">发布时间：2015-04-17</span>
</p>
</li>
<li>
<h2>
<a class="post-link" href="/ios/2015/02/26/OC%E8%8E%B7%E5%8F%96%E4%BB%8A%E5%A4%A9%E6%97%A5%E6%9C%9F%E7%9A%84%E6%97%B6%E9%97%B4%E6%88%B3.html">2015-02-26-OC获取今天日期的时间戳</a>
</h2>
<p>这个方法是用来计算今天的日期（零时零分）的时间戳。
</p>
<p><a href="/ios/2015/02/26/OC%E8%8E%B7%E5%8F%96%E4%BB%8A%E5%A4%A9%E6%97%A5%E6%9C%9F%E7%9A%84%E6%97%B6%E9%97%B4%E6%88%B3.html">阅读更多>></a></p>
<p class="clearfix">
<span class="post-meta"> 分类：ios </span>
<span class="post-meta"> 标签：</span>
<span class="post-meta">发布时间：2015-02-26</span>
</p>
</li>
</ul>
<!-- <p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p> -->
</div>
<!--Footer content-->
<footer class="site-footer">
<div class="wrapper">
<p class="footer-heading">Copyright © 2017 - <a href="/">库乐君的笔记本</a> - Base on <a href="http://github.com">Github</a> & <a href="http://jekyllrb.com">Jekyll</a></p>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?075085658c25fed7cc4d8789f23c6519";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>
</div>
</div>
<div id="particles-js"></div>
</body>
<script>
particlesJS('particles-js',
{
"particles": {
"number": {
"value": 50,
"density": {
"enable": true,
"value_area": 550
}
},
"color": {
"value": "#3385ff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.25,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 5,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#3385ff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 3,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 100,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 100,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true,
"config_demo": {
"hide_card": false,
"background_color": "#b61924",
"background_image": "",
"background_position": "50% 50%",
"background_repeat": "no-repeat",
"background_size": "cover"
}
}
);
</script>
</html>