-/tutorial at master · saviour2008/- · GitHub

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
vscode插件
code runner
auto import

小程序接口设计反向代理
https://www.iyouhun.com/post-55.html/

common.js/AMD/CMD浅解
https://www.cnblogs.com/chenguangliang/p/5856701.html

移动端遮罩滚动
https://uedsky.com/2016-06/mobile-modal-scroll/

自定义字体的生成
https://blog.csdn.net/jaywcjlove/article/details/78540081
https://www.fontsquirrel.com/tools/webfont-generator

webGL网站
https://www.eventstudio.jp/
http://www.hewebgl.com/article/getarticle/27

sea.js
http://awei.oss-cn-shenzhen.aliyuncs.com/libs.html

定位width和height
https://www.cnblogs.com/SharkChilli/p/6915211.html

css动画组件
https://blog.csdn.net/qq_33740308/article/details/79630431
GSAP 动效库丰富 https://github.com/greensock/GreenSock-JS    http://greensock.com/

magicScroll
http://scrollmagic.io/examples/advanced/anchor_link_scrolling.html

相关scroll和动效插件
https://blog.csdn.net/wangji5850/article/details/51005063

skrollr也是其中滚动组件库，2014年开始不更新
https://blog.csdn.net/lx583274568/article/details/53389519
https://github.com/Prinzhorn/skrollr
https://blog.csdn.net/u011226892/article/details/9305573

实验楼，一个很好的代码和效果并存的网站
https://www.shiyanlou.com/courses/running

星空背景图
http://www.techbrood.com/?q=%E6%98%9F%E7%A9%BA

张鑫旭讲解attachEvent
https://www.zhangxinxu.com/wordpress/tag/attachevent/

typescript
在constructor方法里面用public name:string的话，相当于在class里面声明了name属性，但是如果没有public的话，就没有声明name属性

类型定义文件
*.d.ts

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "outDir": "build",
        "lib": [
            "es6"
        ]
    },
    "exclude": [
        "node_modules"
    ]
}

卸载已有的NPM依赖包
npm uninstall vue-cli -g
重新安装 npm install -g @vue-cli

指定使用包的哪个版本 npm install 依赖包名称@版本号

更新依赖包npm update 或者  指定更新某个版本npm update webpack@2.3.3  如果后面再加上--save，那么会写在package.json之中 比如npm update webpack@4.7.0 --save

npm install --save-dev是添加到 package.json 文件 devDependencies （开发环境）键下，添加到devDependencies 键下的时候，是开发时依赖，在不开发的时候，就用不到这里面的依赖包了
npm install --save是会把依赖包名称添加到 package.json 文件 dependencies （生产环境）键下，是运行时依赖，是指发布后还要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后后肯定还要依赖它们。

正常使用npm install时，会下载dependencies（生产环境）和devDependencies（开发环境）中的模块，当使用npm install –production或者注明NODE_ENV变量值为production时，只会下载dependencies（生产环境）中的模块。

版本号特殊字符（推荐使用~符号）

1.默认情况下，当用--save或者--save-dev安装一个模块时，npm通过脱字符(^)来限定所安装模块的主版本号，而该脱字符对于不同的版本号有不同的更新机制

^1.2.1 代表的更新版本范围为 >=1.2.1 && < 2.0.0  （也就是说当有大版本号的时候，用^代表大版本号上限就是目前大版本号数字+1）
^0.2.1 代表的更新版本范围为 >=0.2.1 && < 0.3.0  （也就是说这时候大版本号为0，也就是没有大版本号的时候，有中版本号用^代表中版本号上限就是中版本号数字+1）
^0.0.2 代表的更新版本范围为 0.0.2（相当于锁定为了0.0.2版本）

2.波浪号(~)是限定模块的次要版本，（以下规则测试方法同上，便不一 一测试）

~1.5.1允许安装版本号大于1.5.1但小于1.6.0版本的模块
~0.5.1允许安装版本号为0.6.0

3.当主版本号/次版本号/修订版本号为X or x or *时，那么update或install是会下载该分支最新的版本号

(*)跟新或安装模块时会安装>=0.0.0的最新版本
1.x 表示的更新范围为>=1.0.0&&< 2.0.0
1.2.x 表示的更新范围为>=1.2.0&&< 1.3.0

关于commonjs的一些知识点，用于nodejs（注意node版本号）
https://www.cnblogs.com/littlebirdlbw/p/5670633.html
(AMD对应require.js，CMD对应的是sea.js，ES6Module对应的是[import，export]，commonjs对应的是node写法[通过require来加载模块；通过exports和module.exports来暴露模块中的内容])