-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1371 lines (661 loc) · 34.7 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
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Paddy的前端随笔</title>
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<meta name="author" content="Paddy">
<meta name="description" content="JS | CSS | HTML | 前端 | code">
<meta property="og:type" content="website">
<meta property="og:title" content="Paddy的前端随笔">
<meta property="og:url" content="https://paddywang.github.io/index.html">
<meta property="og:site_name" content="Paddy的前端随笔">
<meta property="og:description" content="JS | CSS | HTML | 前端 | code">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Paddy的前端随笔">
<meta name="twitter:description" content="JS | CSS | HTML | 前端 | code">
<link rel="icon" href="/img/logo-50X50-01.png">
<link rel="apple-touch-icon" href="/img/logo-200X200-01.png">
<link rel="apple-touch-icon-precomposed" href="/img/logo-200X200-01.png">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<div>
<div id="imglogo">
<a href="/"><img src="/img/logo-200X200-004.png" alt="Paddy的前端随笔" title="Paddy的前端随笔"/></a>
</div>
<div id="textlogo">
<h1 class="site-name"><a href="/" title="Paddy的前端随笔">Paddy的前端随笔</a></h1>
<h2 class="blog-motto"></h2>
</div>
<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
</a></div>
<nav class="animated">
<ul>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/links">Links | 链接</a></li>
<li><a href="/about">Introduction | 简介</a></li>
<li>
<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
<label>Search</label>
<input type="search" id="search" name="q" autocomplete="off" maxlength="20" placeholder="搜索" />
<input type="hidden" name="q" value="site:paddywang.github.io">
</form>
</li>
</ul>
</nav>
</div>
</header>
<div id="container">
<div id="main">
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/08/16/js-electron-base/" title="JS 之 【Electron】 实现跨平台客户端开发" itemprop="url">
<h1 itemprop="name">JS 之 【Electron】 实现跨平台客户端开发</h1>
<p itemprop="description" >强大的 JS 再次放大招了，构建跨平台桌面应用
该文档为填坑+实现涉及到基础应用的搭建、打包、版本增量更新不涉及深入的技术(毕竟也是刚接触)不涉及 Linux 系统不涉及代码签名不涉及应用分发
关于 electronElectron是由Github开发，用HTML，C</p>
<time datetime="2019-08-16T00:48:53.000Z" itemprop="datePublished">2019-08-16</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/07/30/HTML5-的设计原理/" title="HTML5 的设计原理" itemprop="url">
<h1 itemprop="name">HTML5 的设计原理</h1>
<p itemprop="description" >不记得什么时候收藏的这篇文章，今天突然翻到了，于是就分享出来了原稿不是本人，翻译也不是本人，只是简单的分享
今天我想跟大家谈一谈HTML5的设计。主要分两个方面：一方面，当然了，就是HTML5。我可以站在这儿只讲HTML5，但我并不打算这样做，因为如果你想了解HTML5的话</p>
<time datetime="2019-07-30T12:58:05.000Z" itemprop="datePublished">2019-07-30</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/07/26/【Angular】之 $inject 实现原理(03)/" title="【Angular】之 $inject 实现原理(03)" itemprop="url">
<h1 itemprop="name">【Angular】之 $inject 实现原理(03)</h1>
<p itemprop="description" >@license AngularJS v1.4.8本次没有涉及到源码只是对源码的梳理
Angular 实现依赖注入的基本思路是这样的:
首先有个用于存依赖项和依赖值的映射表
有个专门获取函数参数的方法 annotate
统一处理依赖注入的多种方式
从函数的参</p>
<time datetime="2019-07-26T01:15:00.000Z" itemprop="datePublished">2019-07-26</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/07/25/What【Angular】init-before/" title="What Angular init before do ?" itemprop="url">
<h1 itemprop="name">What Angular init before do ?</h1>
<p itemprop="description" >启动 angular 之前都做了什么 ?
@license AngularJS v1.4.8
该代码块基于源码进行了删减该代码块仅用于学习 分享 交流只梳理了代码的初始化，具体方法是干什么的等到后续说明
在启动angular之前，会做一些初始化工作
第一步 绑定 J</p>
<time datetime="2019-07-25T04:41:13.000Z" itemprop="datePublished">2019-07-25</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/07/15/【Angular】之 $http 服务 源码解读(02)/" title="【Angular】 之 $http 服务 源码解读(02)" itemprop="url">
<h1 itemprop="name">【Angular】 之 $http 服务 源码解读(02)</h1>
<p itemprop="description" >$http 服务的实现细节解读
@license AngularJS v1.4.8
该代码块基于源码进行了删减该代码块仅用于学习 分享 交流
12345678910111213141516171819202122232425262728293031323334353637</p>
<time datetime="2019-07-15T13:21:56.000Z" itemprop="datePublished">2019-07-15</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/07/03/【Angular】之 $q 实现 promise 源码解读(01)/" title="【Angular】之 $q 实现 promise 源码解读(01)" itemprop="url">
<h1 itemprop="name">【Angular】之 $q 实现 promise 源码解读(01)</h1>
<p itemprop="description" >全面解读 angular 的 $q 机制
@license AngularJS v1.4.8
该代码块基于源码进行了删减该代码块仅用于学习 分享 交流为了代码的清晰，修改了部分非核心代码，并且删除了所有的异常处理以下为 angular $q 的核心代码
123456789</p>
<time datetime="2019-07-03T06:12:50.000Z" itemprop="datePublished">2019-07-03</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2019/03/02/20190302-随笔/" title="20190302-随笔-前端系统开发月报" itemprop="url">
<h1 itemprop="name">20190302-随笔-前端系统开发月报</h1>
<p itemprop="description" >前端系统开发月报开发背景1234对之前的系统更新升级目前有几套不同端的系统不同的入口，不同的前端页面，统一的接口，统一的数据库单页面应用系统
路由设计12345678URL -&gt; 先由服务端统一路由 -&gt; 然后交给前端处理目前设计了两种路由： /t 开头的有导航</p>
<time datetime="2019-03-02T09:02:08.000Z" itemprop="datePublished">2019-03-02</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/03/30/【算法】判断回文数/" title="【算法】判断回文数" itemprop="url">
<h1 itemprop="name">【算法】判断回文数</h1>
<p itemprop="description" >判断一个整数是否是回文数
@param {number} x@return {boolean}
12345678910111213141516var isPalindrome = function(x) &#123; /** * 首先将数字反转 然后判断是否相等 </p>
<time datetime="2017-03-30T14:43:15.000Z" itemprop="datePublished">2017-03-30</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/03/30/【算法】乘积最大的三个数/" title="【算法】乘积最大的三个数" itemprop="url">
<h1 itemprop="name">【算法】乘积最大的三个数</h1>
<p itemprop="description" >给定一个包含整数的无序数组，要求找出乘积最大的三个数e.g:[-1, -8, 3, 5, -7, 4] =&gt; [-8, 5, -7][3, 9, -10, 5, 1, -1] =&gt; [3, 9, 5]
12345678910111213141516171819202</p>
<time datetime="2017-03-30T14:42:11.000Z" itemprop="datePublished">2017-03-30</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/03/30/【算法】整数反转/" title="【算法】整数反转" itemprop="url">
<h1 itemprop="name">【算法】整数反转</h1>
<p itemprop="description" >整数反转Example1: x = 123, return 321Example2: x = -123, return -321@param {number} x@return {number}
12345678910111213141516171819202122232425</p>
<time datetime="2017-03-30T13:49:34.000Z" itemprop="datePublished">2017-03-30</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/03/28/【算法】两项之和/" title="【算法】两项之和" itemprop="url">
<h1 itemprop="name">【算法】两项之和</h1>
<p itemprop="description" >Tow Num
给定一个整数数组，返回两个数的和为指定目标的索引时间复杂度 O(n)e.g:Given nums = [2, 7, 11, 15], target = 9,Because nums[0] + nums[1] = 2 + 7 = 9,return [0, 1].le</p>
<time datetime="2017-03-28T14:30:33.000Z" itemprop="datePublished">2017-03-28</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/03/28/【算法】最大连续子序列和/" title="【算法】最大连续子序列和" itemprop="url">
<h1 itemprop="name">【算法】最大连续子序列和</h1>
<p itemprop="description" >已知一个无序整数数组，求数组中连续子序列的最大值时间复杂度 O(n)e.g:[-9, -3, -1, -4, -7, -8] =&gt; -1[2, -1, 0, 3, 8, -5, 9, -12, 10] =&gt; 21
12345678910111213141516171</p>
<time datetime="2017-03-28T13:37:38.000Z" itemprop="datePublished">2017-03-28</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/02/24/【JS】循环性能测试/" title="JS-循环性能测试" itemprop="url">
<h1 itemprop="name">JS-循环性能测试</h1>
<p itemprop="description" >在前端做一直在做数据处理相关的工作，数据处理中循环是必不可少的今天突发奇想做个 for forEach while 的性能测试
通过 while 生成一个 10000/1000000/10000000 的数组(100000000 的时候，我在 8G Mac mini 的 Chr</p>
<time datetime="2017-02-24T14:52:51.000Z" itemprop="datePublished">2017-02-24</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2017/02/20/移动端开发总结-1/" title="移动端开发总结-1" itemprop="url">
<h1 itemprop="name">移动端开发总结-1</h1>
<p itemprop="description" >添加到主屏后的标题（IOS）1&lt;meta name="apple-mobile-web-app-title" content="标题"&gt;
启用 WebApp 全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）</p>
<time datetime="2017-02-20T13:06:00.000Z" itemprop="datePublished">2017-02-20</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/07/14/JavaScript语言精粹-随笔/" title="JavaScript语言精粹-随笔" itemprop="url">
<h1 itemprop="name">JavaScript语言精粹-随笔</h1>
<p itemprop="description" >JavaScript 语言精粹随笔
author: PaddyWang
不愧是大师 Douglas 的作品
每读一遍都有不同的收获
更加严谨而又有艺术的代码风格
添加类型拓展方法12345678910Function.prototype.extend = function(</p>
<time datetime="2016-07-14T14:55:53.000Z" itemprop="datePublished">2016-07-14</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/07/10/【JS】总结-01/" title="【JS】MVC & MVVM & oop & prototype & scope chain & closure & recursion & DOM & BOM" itemprop="url">
<h1 itemprop="name">【JS】MVC & MVVM & oop & prototype & scope chain & closure & recursion & DOM & BOM</h1>
<p itemprop="description" >JavaScript 高级
简述
从 MVC 到 MVVM
再从面向对象编程到原型、作用域链、闭包、递归、DOM 和 BOM
MVC &amp; MVVM &amp; oop &amp; prototype &amp; scope chain &amp; closure &amp</p>
<time datetime="2016-07-10T08:25:11.000Z" itemprop="datePublished">2016-07-10</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/07/10/前端模块化开发/" title="前端模块化开发" itemprop="url">
<h1 itemprop="name">前端模块化开发</h1>
<p itemprop="description" >模块化模块化开发思想
将一个产品看成一系列功能模块的组合
就是按照功能模块划分来进行代码的编写
最终将各个模块组合在一块
大到可以是一个集成模块 用户模块、商品模块、登录、注册…
小到可以是一个 增、删、查、改
各个模块之间是相互独立的
即开发时互不干扰
由各个模块又可以组成新</p>
<time datetime="2016-07-10T07:54:22.000Z" itemprop="datePublished">2016-07-10</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/07/06/前端模块化思想/" title="前端模块化思想" itemprop="url">
<h1 itemprop="name">前端模块化思想</h1>
<p itemprop="description" >模块化模块化开发思想
将一个产品看成一系列功能模块的组合
就是按照功能模块划分来进行代码的编写
最终将各个模块组合在一块
大到可以是一个集成模块 用户模块、商品模块、登录、注册…
小到可以是一个 增、删、查、改
各个模块之间是相互独立的
即开发时互不干扰
由各个模块又可以组成新</p>
<time datetime="2016-07-06T15:29:58.000Z" itemprop="datePublished">2016-07-06</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/07/06/前端兼容性/" title="前端兼容性" itemprop="url">
<h1 itemprop="name">前端兼容性</h1>
<p itemprop="description" >前端兼容性问题
对于前端来说兼容性问题就是浏览器的兼容问题
有不同浏览器的兼容问题
也有相同浏览器的不同版本的兼容问题
一共分为两大类的兼容问题：
和页面渲染相关的 HTML 和 CSS 兼容问题
和 JS 引擎相关的 JS 解析 ： DOM 和 BOM
HTML 兼容
这</p>
<time datetime="2016-07-06T15:20:20.000Z" itemprop="datePublished">2016-07-06</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/05/05/【CSS】less的基本使用/" title="【Less】的基本使用" itemprop="url">
<h1 itemprop="name">【Less】的基本使用</h1>
<p itemprop="description" >less简介CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。
作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也</p>
<time datetime="2016-05-05T01:41:56.000Z" itemprop="datePublished">2016-05-05</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/05/03/【JS】中String的高级API/" title="【String】的高级API" itemprop="url">
<h1 itemprop="name">【String】的高级API</h1>
<p itemprop="description" >JS中String的高级操作String（高级API）
字符串索引操作
charAt()
指定索引位置字符 = str.charAt(index);
charCodeAt()
指定索引位置字符ASCII = str.charCodeAt(index);
indexOf()
</p>
<time datetime="2016-05-03T14:45:43.000Z" itemprop="datePublished">2016-05-03</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/05/01/【JS】中的原型/" title="JS 中的【原型】" itemprop="url">
<h1 itemprop="name">JS 中的【原型】</h1>
<p itemprop="description" >在 Javascript 中可以说原型是在原生开发中比较重要的一个概念
要想在原生 JS 开发中得心应手，必须熟悉原型、原型对象、原型属性之间的关系
还要熟悉原型链，以及原型链搜索原则
原型属性prototype在js中每当我们创建一个函数的时候就会有一个prototype（原型</p>
<time datetime="2016-05-01T04:55:47.000Z" itemprop="datePublished">2016-05-01</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/23/【JS】中的作用域与作用域链/" title="JS 中的【作用域】与【作用域链】" itemprop="url">
<h1 itemprop="name">JS 中的【作用域】与【作用域链】</h1>
<p itemprop="description" >简介
作用域是每一门编程语言重要的一部分，它决定了一个变量的有权访问
在JavaScript 中作用域又是面试常考的一个知识点
总结一下关于作用域的知识点：
从字面上来看作用域就是起作用的区域
即 ：在函数执行时起作用的区域
先了解两个概念：
块级作用域
词法作用域
块</p>
<time datetime="2016-04-23T14:32:42.000Z" itemprop="datePublished">2016-04-23</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/20/【JS】中的闭包/" title="JS 中的【闭包】" itemprop="url">
<h1 itemprop="name">JS 中的【闭包】</h1>
<p itemprop="description" >从字面上来理解闭包就是封闭的包裹
可以理解为受到保护的区域
即： 函数内部定义的变量，函数外部无法访问
产生闭包的原因：js的词法作用域
有时候往往在一个作用域中需要访问另一作用域中的变量
即：跨链访问
闭包的作用的就是进行跨链访问
走一个demo：123function fn(</p>
<time datetime="2016-04-20T14:42:52.000Z" itemprop="datePublished">2016-04-20</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/15/【JS】中的递归/" title="JS 中的【递归】" itemprop="url">
<h1 itemprop="name">JS 中的【递归】</h1>
<p itemprop="description" >所谓递归就是自己调用自己
递归思想就是：将问题归结为已经解决的问题
实现递归的过程：
什么时候递归
什么时候跳出
知识点：arguments.callee 就是当前函数的引用
上几个demo：
求n!123456function fn(n)&#123; if(n &</p>
<time datetime="2016-04-15T14:23:19.000Z" itemprop="datePublished">2016-04-15</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/06/移动Web开发/" title="移动Web开发" itemprop="url">
<h1 itemprop="name">移动Web开发</h1>
<p itemprop="description" >viewport用于承载页面的视口，可以进行网页的缩放
viewport（视口）就相当于一张照片纸，浏览器窗口就相当于一个相框，网页就相当于照片上的图案。viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般</p>
<time datetime="2016-04-06T15:40:25.000Z" itemprop="datePublished">2016-04-06</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/06/【JS】数组的操作/" title="【数组】的操作" itemprop="url">
<h1 itemprop="name">【数组】的操作</h1>
<p itemprop="description" >增
push()
插入后数组长度 = 数组.push(元素);
返回数组长度；插入一个元素到数组最后面（改变原数组）
unshift()
插入后数组长度 = 数组.unshift(元素)；
返回数组长度；插入一个元素到数组最前面（改变原数组）12345678var arr </p>
<time datetime="2016-04-06T02:10:57.000Z" itemprop="datePublished">2016-04-06</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/05/模板引擎/" title="模板引擎" itemprop="url">
<h1 itemprop="name">模板引擎</h1>
<p itemprop="description" >模板引擎Template模板引擎实现基本原理首先体验一下 进行简单实现// 目标 将字符串里的带有&lt;%= %&gt;标识符的替换成对应的数据
var str = &apos;大家好！我是&lt;%= name %&gt;, 今年&lt;%= age %&gt;岁&ap</p>
<time datetime="2016-04-05T15:25:18.000Z" itemprop="datePublished">2016-04-05</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/04/02/响应式布局/" title="响应式布局" itemprop="url">
<h1 itemprop="name">响应式布局</h1>
<p itemprop="description" >响应式布局响应式布局即一个页面可以兼容多种终端设备
说白了就是页面随着屏幕尺寸的改变来自适应
移动Web开发与响应式布局相比较：
域名以 m. 开头
移动Web开发只适配于移动设备
一般采用百分比布局
一般是在已有PC端页面的基础上扩充
多采用通栏
较响应式布局来说开发成本低</p>
<time datetime="2016-04-02T15:09:30.000Z" itemprop="datePublished">2016-04-02</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/25/【JS】DOM操作/" title="【DOM】 操作" itemprop="url">
<h1 itemprop="name">【DOM】 操作</h1>
<p itemprop="description" >作为前端工程师如果不会 DOM 操作恐怕要被笑掉大牙了
频繁的 DOM 操作会降低网站的性能
一个有经验的后台开发和一个没有经验的后台开发在性能上可能不会相差太大
但是一个有经验的前端开发和一个没有经验的前端开发在性能上可以相差百倍
因此合理的 DOM 操作非常重要
DOM节点访</p>
<time datetime="2016-03-25T15:01:19.000Z" itemprop="datePublished">2016-03-25</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/15/【JS】中的数据转换/" title="JS 中的【数据转换】" itemprop="url">
<h1 itemprop="name">JS 中的【数据转换】</h1>
<p itemprop="description" >JavaScript 中的数据类型
基本数据类型
string
number
boolean
复杂数据类型
Object
Function
Date
Array
在 js 中变量的声明很随便
var可以声明任意数据类型的变量
而且不同数据类型的变量可以赋值和转换
字符串</p>
<time datetime="2016-03-15T05:31:16.000Z" itemprop="datePublished">2016-03-15</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/12/【JS】日期对象（Date）和定时器/" title="日期对象【Date】和【定时器】" itemprop="url">
<h1 itemprop="name">日期对象【Date】和【定时器】</h1>
<p itemprop="description" >可以说日期对象在前端开发过程中是个至关重要的对象
时间就是一个标识
日期对象（Date）
日期对象创建
var date = new Date();
本地当前日期
=&gt; Fri Jan 29 2016 11:01:20 GMT+0800 (中国标准时间)
var da</p>
<time datetime="2016-03-12T14:51:35.000Z" itemprop="datePublished">2016-03-12</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/11/【JS】值类型与引用类型/" title="JS 中的【值类型】与【引用类型】" itemprop="url">
<h1 itemprop="name">JS 中的【值类型】与【引用类型】</h1>
<p itemprop="description" >理解值类型和引用类型在JavaScript中进行数据操作的时候可以将其划分为值类型和引用类型
值类型值类型即按值传递的数据类型包括：string、number、boolean、null、undefined特点：值类型的名和值存储在同一内存空间中在值类型进行赋值的时候，其实是将其进</p>
<time datetime="2016-03-11T04:51:03.000Z" itemprop="datePublished">2016-03-11</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/10/使用hexo在GitHub上搭建自己的博客/" title="使用hexo在GitHub上搭建自己的博客" itemprop="url">
<h1 itemprop="name">使用hexo在GitHub上搭建自己的博客</h1>
<p itemprop="description" >hexo
分享一个快速、简洁且高效的博客框架
你看到的这个博客就是通过以下方式搭建的
安装 hexo安装前的准备
hexo 是依赖于 Node 和 Git 环境运行的
所有在安装 hexo 之前先安装：
Node
Git
npm 全局工具安装
安装好 Node 和 Git</p>
<time datetime="2016-03-10T10:12:57.000Z" itemprop="datePublished">2016-03-10</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/06/【Git】的基本使用/" title="【Git】的基本使用" itemprop="url">
<h1 itemprop="name">【Git】的基本使用</h1>
<p itemprop="description" >123456789101112131415161718192021222324252627282930313233343536373839404142# 用户信息配置git config --global user.name "username"git config --glob</p>
<time datetime="2016-03-06T10:33:07.000Z" itemprop="datePublished">2016-03-06</time>
</a>
</section>
<section class="post" itemscope itemprop="blogitem">
<a href="/2016/03/05/【CSS】常用选择器/" title="【CSS】常用选择器" itemprop="url">
<h1 itemprop="name">【CSS】常用选择器</h1>
<p itemprop="description" >基本选择器
类选择器
.class
id 选择器
#id
标签选择器
div
通配符
*
关系选择器
并集选择器
div, p, ul, li