File tree 2 files changed +16
-11
lines changed
2 files changed +16
-11
lines changed Original file line number Diff line number Diff line change 4
4
### JavaScript 作用域
5
5
6
6
因为 JavaScript 的弱语言的特性。只有` function ` 是唯一具有块级作用域的标识符。
7
- 所以在平时的开发过程中对变量名的管理和对引入的第三方插件的管理,就成为了一个非常重要的工作。
8
7
9
- 正因为这个原因,催生出了 ` AMD 规范 ` , ` CMD 规范 ` ,和一些库文件比如: ` require.js ` 等;
8
+ 在平时的开发过程中,我们不仅会声明自己的变量,而且还会引用别人的代码或者是第三方的库。因为 ` JavaScript ` 代码是顺序执行的。后声明的变量会覆盖之前覆盖的变量。
10
9
10
+ 所以在开发过程中对声明变量管理就成为一个非常重要的工作。
11
+
12
+ 正因为这个原因,催生出了` AMD 规范 ` ,` CMD 规范 ` ,为模块化的 ` JavaScript ` 开发提供了很多的便利。
13
+
14
+
15
+ ** 这里的 demo 文件主要是通过对象的方式来管理 ` JavaScript ` 变量的作用域。**
16
+
17
+ ![ ] ( http://ww3.sinaimg.cn/large/698e22a9jw1f2eqdse4m4j20es02s3yl.jpg )
11
18
12
- ** 这里的这里的 demo 文件主要是通过对象的方式来管理 JavaScript 变量的作用域。**
13
19
14
20
代码运行结束以后,我们可以发现,将位于不同目录下的 js 文件 中包含的方法,管理在一个 js 对象中。
15
21
16
22
![ 执行结果] ( http://ww2.sinaimg.cn/large/698e22a9jw1f2dlm5pqlvj20ku09sgn6.jpg )
17
23
18
24
19
-
20
25
html 文件中这些单独引入的 js文件可以通过使用前端构建工具合并成一个 js 文件。这个 demo 仅仅是用于演示。
21
26
22
27
![ js 文件列表] ( http://ww2.sinaimg.cn/large/698e22a9jw1f2dlmhovmfj20fg049q44.jpg )
Original file line number Diff line number Diff line change 1
1
2
2
3
- ### WebComponents[ ![ Build Status] ( https://travis-ci.org/zhiqiang21/WebComponent.svg?branch=master )] ( https://travis-ci.org/zhiqiang21/WebComponent )
3
+ ### ** WebComponents** [ ![ Build Status] ( https://travis-ci.org/zhiqiang21/WebComponent.svg?branch=master )] ( https://travis-ci.org/zhiqiang21/WebComponent )
4
4
----
5
- 人是具有思想的动物。就算是很小的一件事情,多多少少都会有一些感触吧。当然写这些插件我也有我的感触:
6
- > 我能写插件,不代表我就很厉害。这代表的仅仅是一个方面。那什么叫“厉害”或者是“牛逼”呢?是炫酷的功能么?我觉的不是,这也许代表个人的思想丰富(有创意)而已。难道是严谨的代码结构?我觉的也不是,代码写的好,严谨,扩展性强,这也只能代表个人技术能力强?那么所谓的“厉害”和“牛逼”是什么呢?阿基米德说过,** “给我一个杠杆,我就能撬动地球”** 。重要的不是“杠杆”,而是那个撬动地球的“IDEA”。所以,** 能写插件不是最重要的,而是在写插件过程中解决问题的“IDEA”** 。
7
5
8
- ### 插件列表:
6
+ ### ** 插件列表:**
9
7
10
8
1 . html5-qrcode
11
9
2 . myslider
12
10
3 . lazy-load-img
13
- 4 . dragselect ----** [ todo] * *
11
+ 4 . dragselect ----* [ todo] *
14
12
5 . light-rotate
15
13
6 . JavaScript 命名空间管理插件
16
14
17
- ### 插件目录:
15
+ ### ** 插件简介: **
18
16
----
19
17
20
18
#### ** 1.html5-qrcode**
41
39
42
40
** 预览:**
43
41
44
- ** gif 生成图片问题,不清晰,建议下载源码查看 **
42
+ ** gif 生成问题,按钮和图片的切换不同步 **
45
43
46
44
![ 预览效果] ( http://ww1.sinaimg.cn/large/698e22a9jw1f2cdnw4jgyg20pl0es7wh.gif )
47
45
55
53
56
54
----
57
55
#### ** 4.dragselect**
56
+ * TODO*
58
57
59
58
----
60
59
#### ** 5.light-rotate**
67
66
“跑马灯”的抽奖效果。轮盘旋转完成抽奖效果。可以自定义参数:自动播放跑马灯,跑马灯旋转时间,奖品旋转时间,跑马灯旋转方向
68
67
具体使用方法和参看** [ 说明文档] ( https://github.com/zhiqiang21/WebComponent/tree/master/light-rotate/README.md ) **
69
68
69
+ ----
70
70
#### ** 6.JavaScript 命名空间管理插件**
71
71
72
72
** [ 点击查看说明文档] ( https://github.com/zhiqiang21/WebComponent/tree/master/JsNameSpaceManage/README.md ) **
You can’t perform that action at this time.
0 commit comments