0602

EkoWang · Jun 11, 2015 · f488963 · f488963
1 parent ca5b30e
commit f488963
Show file tree

Hide file tree

Showing 115 changed files with 3,000 additions and 1,513 deletions.
diff --git a/Booklist.md b/Booklist.md
@@ -1,3 +1,14 @@
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
+
+- [Booklist](#booklist)
+  - [HTML](#html)
+  - [CSS](#css)
+  - [JavaScript](#javascript)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
 # Booklist
 
 ## HTML

diff --git a/DO_NOT_OPEN/Quiz0.html b/DO_NOT_OPEN/Quiz0.html
diff --git a/DO_NOT_OPEN/Quiz1.html b/DO_NOT_OPEN/Quiz1.html
diff --git a/DO_NOT_OPEN/Quiz3.html b/DO_NOT_OPEN/Quiz3.html
diff --git a/DO_NOT_OPEN/VideoDownloadInstruction.mp4 b/DO_NOT_OPEN/VideoDownloadInstruction.mp4
diff --git a/JavascriptDesignPattern.md → ...tDesignPattern/JavascriptDesignPattern.md b/JavascriptDesignPattern.md → ...tDesignPattern/JavascriptDesignPattern.md
@@ -1,5 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
 
 - [JavaScript 程序设计](#javascript-%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1)
   - [JavaScript 介绍](#javascript-%E4%BB%8B%E7%BB%8D)
@@ -69,9 +70,9 @@
 
 前端开发三要素，`HTML`（描述网页内容），`CSS`（描述样式），`JavaScript`（控制网页行为）。JavaScript 为解释型编程语言，运行环境也很广泛。
 
-![](img/J/javascript-history.png)
+![](../img/J/javascript-history.png)
 
-![](img/J/javascript-env.png)
+![](../img/J/javascript-env.png)
 
 **JavaScript**的引入方法如下：
 
@@ -163,7 +164,7 @@ JavaScript 在语言定义中保留的字段，这些字段在语言使用中存
 
 ## 类型系统
 
-![](img/J/javascript-variable-type.jpg)
+![](../img/J/javascript-variable-type.jpg)
 
 ### 标准类型
 
@@ -301,7 +302,7 @@ p.move(2,2);
 
 **构造器对象与普通对象的区别**
 
-![](img/O/object-with-constructor-and-regular-object.png)
+![](../img/O/object-with-constructor-and-regular-object.png)
 
 1. 构造器对象原型链中的 `__proto__` 是一个 `Function.prototype` 对象的引用，因此可以调用 `Function.prototype`的属性及方法
 1. 构造器对象本身有一个 `prototype` 属性，用该构造器实例化对象时该 `prototype` 会被实例对象的 `__proto__` 所引用
@@ -648,7 +649,7 @@ var circle = {x: 1, y: 1, r: 1};
 var circleMoveRef = p.move.bind(circle, 2, 1);
 setTimeout(circleMoveRef, 1000); // {x: 3, y: 2, r: 1}
 
-// 之间使用 circleMoveRef() 效果等同于 apply()
+// 直接使用 circleMoveRef() 效果等同于 apply()
 circleMoveRef();
 ```
 
@@ -679,7 +680,7 @@ c.area();
 #### 函数参数
 
 - 形参个数不一定等于实参个数
-- 值专递
+- 值传递
 - 通过参数类型检查实现函数重载
 
 ##### arguments
@@ -709,7 +710,7 @@ function max(a, b) {
 
 函数参数的值专递是参数复制都是栈内存中的复制。
 
-![](img/M/memory-management.jpg)
+![](../img/M/memory-management.jpg)
 
 ```javascript
 // 原始类型
@@ -1009,3 +1010,5 @@ var res = encodeURIComponent(uri);
 
 ## 面向对象
 
+
+<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />This work by <a xmlns:cc="http://creativecommons.org/ns#" href="li-xinyang.com" property="cc:attributionName" rel="cc:attributionURL">Li Xinyang</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
diff --git a/LICENSE b/LICENSE
diff --git a/Progress.md b/Progress.md
@@ -1,3 +1,12 @@
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
+
+- [Javascript程序设计 16/23](#javascript%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1-1623)
+- [页面制作 39/41](#%E9%A1%B5%E9%9D%A2%E5%88%B6%E4%BD%9C-3941)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
 # Javascript程序设计 16/23
 
 |章节|课题|状态|时间戳|
@@ -26,7 +35,7 @@
 |面向对象|原型|||
 |面向对象|JS面向对象|||
 
-# 页面制作 25/41
+# 页面制作 39/41
 
 |章节|课题|状态|时间戳|
 |----|----|----|------|
@@ -56,18 +65,20 @@
 |CSS|继承, 优先, 层级|★|1506011814|
 |CSS|字体|★|1506011856|
 |CSS|对齐方式|★|1506012147|
-|CSS|格式处理|||
-|CSS|文本修饰|||
-|CSS|高级选项|||
-|CSS|盒子模型 I|||
-|CSS|盒子模型 II|||
-|CSS|背景 I|||
-|CSS|背景 II|||
-|CSS|布局 display|||
-|CSS|布局 position|||
-|CSS|布局 float|||
-|CSS|布局 flex|||
-|CSS|变形 2D|||
-|CSS|变形 3D|||
-|CSS|动画 transition|||
-|CSS|动画 animation|||
+|CSS|格式处理|★|1506031421|
+|CSS|文本修饰|★|1506031435|
+|CSS|高级选项|★|1506031436|
+|CSS|盒子模型 I|★|1506031530|
+|CSS|盒子模型 II|★|1506031531|
+|CSS|背景 I|★|1506042223|
+|CSS|背景 II|★|1506042223|
+|CSS|布局 display|★|1506051313|
+|CSS|布局 position|★|1506051313|
+|CSS|布局 float|★|1506051723
+|CSS|布局 flex|★|1506062334|
+|CSS|变形 2D|★|1506071407|
+|CSS|变形 3D|★|1506071407|
+|CSS|动画 transition|★|1506071626|
+|CSS|动画 animation|★|1506071626|
+
+<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />This work by <a xmlns:cc="http://creativecommons.org/ns#" href="li-xinyang.com" property="cc:attributionName" rel="cc:attributionURL">Li Xinyang</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
diff --git a/README.md b/README.md
@@ -1,16 +1,29 @@
-# NetEase Front-end Nanodegree Note
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
 
-![](img/C/career-path.jpg)
+- [知识体系内容记录](#%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB%E5%86%85%E5%AE%B9%E8%AE%B0%E5%BD%95)
+  - [Javascript 程序设计](#javascript-%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1)
+  - [页面制作](#%E9%A1%B5%E9%9D%A2%E5%88%B6%E4%BD%9C)
+  - [DOM 编程](#dom-%E7%BC%96%E7%A8%8B)
+  - [页面架构](#%E9%A1%B5%E9%9D%A2%E6%9E%B6%E6%9E%84)
+  - [产品前端架构](#%E4%BA%A7%E5%93%81%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84)
+- [相关资源](#%E7%9B%B8%E5%85%B3%E8%B5%84%E6%BA%90)
+- [相关链接](#%E7%9B%B8%E5%85%B3%E9%93%BE%E6%8E%A5)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
 ## 知识体系内容记录
 
+![](img/C/career-path.jpg)
+
 ### Javascript 程序设计
 
-![](http://progressed.io/bar/70?title=Progress) [详情](JavascriptDesignPattern.md)
+![](http://progressed.io/bar/70?title=Progress) [详情](JavascriptDesignPattern/JavascriptDesignPattern.md)
 
 ### 页面制作
 
-![](http://progressed.io/bar/61?title=Progress) [详情](WebCreation.md)
+![](http://progressed.io/bar/100?title=Progress) [详情](WebCreation/WebCreation.md)
 
 ### DOM 编程
 
@@ -30,4 +43,6 @@
 
 ## 相关链接
 
-- [NEC](http://nec.netease.com/) {N: nice, E: easy, C: css;}
+- [NEC](http://nec.netease.com/) {N: nice, E: easy, C: css;}
+
+<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />This work by <a xmlns:cc="http://creativecommons.org/ns#" href="li-xinyang.com" property="cc:attributionName" rel="cc:attributionURL">Li Xinyang</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.