-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
665 lines (343 loc) · 16.4 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
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>美拓blog | 做个有趣的人</title>
<meta name="author" content="独孤逸辰">
<meta name="description" content="互联网开发者，金融爱好者,关注农业民生。">
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta property="og:site_name" content="美拓blog"/>
<meta property="og:image" content="/favicon.ico"/>
<link href="/favicon.ico" rel="icon">
<link rel="alternate" href="/atom.xml" title="美拓blog" type="application/atom+xml">
<link rel="stylesheet" href="/css/style.css" media="screen" type="text/css">
</head>
<body>
<div class="blog">
<div class="content">
<header>
<div class="site-branding">
<h1 class="site-title">
<a href="/">美拓blog</a>
</h1>
<p class="site-description">做个有趣的人</p>
</div>
<nav class="site-navigation">
<ul>
<li><a href="/">主页</a></li>
<li><a href="/archives">归档</a></li>
<li><a href="/about">关于</a></li>
</ul>
</nav>
</header>
<main class="site-main posts-loop">
<article >
<h3 class="article-title"><a href="/2013/07/26/e6-89-8b-e6-9c-ba-e7-ab-af-e6-b5-8f-e8-a7-88-e5-99-a8-fixed-e5-ae-9a-e4-bd-8d-e9-97-ae-e9-a2-98/"><span>手机端浏览器 fixed 定位问题</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2013/07/26/e6-89-8b-e6-9c-ba-e7-ab-af-e6-b5-8f-e8-a7-88-e5-99-a8-fixed-e5-ae-9a-e4-bd-8d-e9-97-ae-e9-a2-98/" rel="bookmark">
<time class="entry-date published" datetime="2013-07-26T14:44:14.000Z">
2013-07-26
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>首先说下开发模式，刚刚开始接触，基本沿用web端开发方式，目前开发模式上没有找到的适合的，现在基本这样：</p>
<p>1，电脑nginx配置服务器<br>3，电脑和手机连同一个局域网，<br>2，android root 和 iphone越狱 来绑hosts，访问电脑配置的环境。</p>
<p>但是 UC,QQ浏览器缓存严重，根本对hosts的文件的修改无动于衷。。不得每次修改将文件更到外网修改，调试起来相当麻烦。<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/JavaScript/">JavaScript</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/android/">android</a><a href="/tags/fixed/">fixed</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2013/05/30/e8-b0-88-e4-ba-ba-e7-94-9f-ef-bc-8c-e6-89-af-e7-90-86-e6-83-b3/"><span>谈人生，扯理想</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2013/05/30/e8-b0-88-e4-ba-ba-e7-94-9f-ef-bc-8c-e6-89-af-e7-90-86-e6-83-b3/" rel="bookmark">
<time class="entry-date published" datetime="2013-05-29T19:10:59.000Z">
2013-05-30
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>上周六给老爸打电话，被老爸严厉的要求尽快解决个人问题，我知道他们的岁数大了对这些事情就看的格外着急，其实我的着急也完全来自于他们。老爸不止一次的和我说过 “一辈子很快，很容易混的”，是这样的，很快，但是我感觉和一个你不喜欢的人生活一辈子，那这辈子却注定会变得很长！<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/其他/">其他</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2012/07/24/e5-89-8d-e7-ab-af-e6-99-8b-e7-ba-a7-e4-b9-8b-e8-b7-af-e7-b3-bb-e5-88-97/"><span>前端晋级之路系列</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2012/07/24/e5-89-8d-e7-ab-af-e6-99-8b-e7-ba-a7-e4-b9-8b-e8-b7-af-e7-b3-bb-e5-88-97/" rel="bookmark">
<time class="entry-date published" datetime="2012-07-23T19:47:15.000Z">
2012-07-24
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>打算写点东西，为自己的2年前端做个总结，同时自己的也去查阅资料，了解更多的兼容问题。<br>先写一些css的吧，js的自己还不敢写啊！！<br>初步想写的有：<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/css-html/">css/html</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/css/">css</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2012/05/01/vim-e6-8f-92-e4-bb-b6-e6-a0-bc-e5-bc-8f-e5-8c-96css/"><span>vim插件 格式化css</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2012/05/01/vim-e6-8f-92-e4-bb-b6-e6-a0-bc-e5-bc-8f-e5-8c-96css/" rel="bookmark">
<time class="entry-date published" datetime="2012-05-01T06:09:36.000Z">
2012-05-01
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>前端你懂得，经常会看到线上压缩的css，js文件，然后放到编辑器里一片混乱。如果你的编辑器有格式化功能就好了！！<br>但是vim没有自带的格式化插件，但前人已经写了js的，<a href="http://www.vim.org/scripts/script.php?script_id=2727" target="_blank" rel="external">jsbeautify</a>。<br>于是我简单的写了一个美化css的。<br><a href="http://blog.meituo.net/wp-content/uploads/vim/cssbeautify.vim" target="_blank" rel="external">cssbeautify</a>。下载后放到plugin目录。<br>调用 :</p>
<p><pre><br><leader>cb<br></pre><br>对每个字符进行判断，效率很低！！有待改进。<br>目前还没有怎么使用过，格式化肯定有bug，欢迎试用然后提bug哦。</p>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/其他/">其他</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/vim/">vim</a><a href="/tags/vim插件/">vim插件</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2012/03/17/e5-9b-9e-e9-a1-be2011-ef-bc-8c-e5-b1-95-e6-9c-9b2012/"><span>回顾2011，展望2012</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2012/03/17/e5-9b-9e-e9-a1-be2011-ef-bc-8c-e5-b1-95-e6-9c-9b2012/" rel="bookmark">
<time class="entry-date published" datetime="2012-03-16T16:12:22.000Z">
2012-03-17
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>写的有点迟了，其实过年的时候就想写了，每年的梳理还是必不可少的，但是当时不知道写什么好，就迟迟未写，现在有点想法就写了。</p>
<p>20110113从第一份工作中华房产网离职，入职人人网，负责增值，爱听，开放平台，socail game，支付平台，客户端等部门的前端开发任务。2011年是忙碌的一年，是提高的一年，(blog都长草了啊)，从当年js只会用jQuery，到开始使用其他类库进行开发。这也是我从房产网离职的部分原因，不能只用jQuery开发，而要使用原生的js书写代码，提高能力，忙碌一年还是有效果的，现在jQuery都快忘光了，用jQuery的特性截至到1.3.2。<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/其他/">其他</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/生活/">生活</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2012/03/12/chrome-e6-8f-92-e4-bb-b6-google-search-result-tidy/"><span>chrome 插件 Google Search Result Tidy</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2012/03/12/chrome-e6-8f-92-e4-bb-b6-google-search-result-tidy/" rel="bookmark">
<time class="entry-date published" datetime="2012-03-11T16:53:44.000Z">
2012-03-12
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>现在经常遇到的情况google打不开，或者是google打开了，并且可以搜到结果，但是搜索到的结果打不开。<br>google打不开我无法解决，搜到了但是打不开就很郁闷了。<br>于是乎，写了个插件，来打开搜索结果的内容。<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/chrome/">chrome</a>, <a href="/categories/chrome/firefox/">firefox</a>, <a href="/categories/chrome/firefox/JavaScript/">JavaScript</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/google/">google</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2012/03/06/chrome-e6-8f-92-e4-bb-b6-e4-b9-8b-e4-ba-ba-e4-ba-ba-e7-bd-91/"><span>chrome插件之人人网</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2012/03/06/chrome-e6-8f-92-e4-bb-b6-e4-b9-8b-e4-ba-ba-e4-ba-ba-e7-bd-91/" rel="bookmark">
<time class="entry-date published" datetime="2012-03-05T17:19:39.000Z">
2012-03-06
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>很简单的小拓展程序用于chrome打开新tab 时 在 “应用程序”有人人网的快捷打开方式。</p>
<p><img src="http://blog.meituo.net/wp-content/uploads/renrenlancher/lancher.png" alt="应用程序 显示人人网图标"><br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/chrome/">chrome</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/chrome插件/">chrome插件</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2012/02/29/chrome-e7-89-88-e4-ba-ba-e4-ba-ba-e7-94-b5-e5-8f-b0-e5-8f-91-e5-b8-83/"><span>chrome版人人电台发布</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2012/02/29/chrome-e7-89-88-e4-ba-ba-e4-ba-ba-e7-94-b5-e5-8f-b0-e5-8f-91-e5-b8-83/" rel="bookmark">
<time class="entry-date published" datetime="2012-02-28T16:06:42.000Z">
2012-02-29
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p><img src="http://blog.meituo.net/wp-content/uploads/renren_radio/invoked.png" alt="" title="点击播放后"><br>最近终于有空做点东西了，学习一下新的东西，这个电台是由由首页电台改造而来，audio标签替换了的播放用的flash，用原生的localstorage 代替了flash的本地存储，分离前后端，分拆ui和逻辑部分，添加歌曲播放进度滚动条，修改在插件中蹩脚的显示逻辑。<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/chrome/">chrome</a>, <a href="/categories/chrome/JavaScript/">JavaScript</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/html5/">html5</a><a href="/tags/人人电台/">人人电台</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2011/11/16/e5-ae-9e-e7-8e-b0ie6-e4-b8-8b-e7-9a-84-e5-8d-8a-e9-80-8f-e6-98-8e-e6-95-88-e6-9e-9c-e7-9a-84-e5-85-bc-e5-ae-b9-e6-96-b9-e6-b3-95/"><span>实现IE6下的半透明效果的兼容方法</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2011/11/16/e5-ae-9e-e7-8e-b0ie6-e4-b8-8b-e7-9a-84-e5-8d-8a-e9-80-8f-e6-98-8e-e6-95-88-e6-9e-9c-e7-9a-84-e5-85-bc-e5-ae-b9-e6-96-b9-e6-b3-95/" rel="bookmark">
<time class="entry-date published" datetime="2011-11-15T18:05:22.000Z">
2011-11-16
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>IE6一直是我们前端的老大难问题，不论js，css都有大量的兼容和支持的问题，所以前端的工作量加大了，前端的价值体现了！！<br>或许火狐下作完一个网页后才完成了工作量的一半，因为还有IE系列等着你！！<br>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/css-html/">css/html</a>, <a href="/categories/css-html/IE/">IE</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/css/">css</a><a href="/tags/IE6/">IE6</a>
</span>
</div>
</div>
</article>
<article >
<h3 class="article-title"><a href="/2011/11/09/firefox-e4-b8-8breflow-e5-af-bc-e8-87-b4flash-e9-87-8d-e6-96-b0-e5-8a-a0-e8-bd-bd-e7-9a-84-e8-a7-a3-e5-86-b3-e6-96-b9-e6-b3-95/"><span>firefox下reflow导致flash重新加载的解决方法</span></a></h3>
<div class="article-top-meta">
<span class="posted-on">
<a href="/2011/11/09/firefox-e4-b8-8breflow-e5-af-bc-e8-87-b4flash-e9-87-8d-e6-96-b0-e5-8a-a0-e8-bd-bd-e7-9a-84-e8-a7-a3-e5-86-b3-e6-96-b9-e6-b3-95/" rel="bookmark">
<time class="entry-date published" datetime="2011-11-08T16:16:53.000Z">
2011-11-09
</time>
</a>
</span>
</div>
<div class="article-content">
<div class="entry">
<p>今天遇到一个bug，就是firefox下reflow导致flash重新加载，而其他浏览器就没有这样的bug。</p>
<p>过程是这样的：</p>
</div>
</div>
<div class="article-footer">
<div class="article-meta pull-left">
<span class="post-categories">
<i class="icon-categories"></i>
<a href="/categories/firefox/">firefox</a>, <a href="/categories/firefox/JavaScript/">JavaScript</a>
</span>
<span class="post-tags">
<i class="icon-tags"></i>
<a href="/tags/Firefox/">Firefox</a><a href="/tags/bug/">bug</a><a href="/tags/flash/">flash</a>
</span>
</div>
</div>
</article>
<nav class="pagination">
<a href="/page/2/" class="pagination-next">下一页</a>
</nav>
</main>
<footer class="site-footer">
<p class="site-info">
Proudly powered by <a href="https://hexo.io/" target="_blank">Hexo</a> and
Theme by <a href="https://github.com/CodeDaraW/Hacker" target="_blank">Hacker</a>
</br>
© 2016 独孤逸辰
</p>
</footer>
</div>
</div>
</body>
</html>