|
7 | 7 |
|
8 | 8 | --- |
9 | 9 | ## JavaScript基础知识剖析 |
10 | | -#### 01 变量与原型 |
| 10 | + |
| 11 | +#### 01 JavaScrpit-变量与原型 |
| 12 | + |
11 | 13 | * [01-01](https://github.com/TYRMars/JSlearn#01-01) `变量类型和计算(1)` |
12 | 14 | * [01-02](https://github.com/TYRMars/JSlearn#01-02) `变量类型和计算(2)` |
13 | 15 | * [01-03](https://github.com/TYRMars/JSlearn#01-03) `变量类型和计算(3)-JSON的理解` |
|
16 | 18 | * [01-06](https://github.com/TYRMars/JSlearn#01-06) `原型链` |
17 | 19 | * [01-07](https://github.com/TYRMars/JSlearn#01-07) `instanceof` |
18 | 20 | * [01-08](https://github.com/TYRMars/JSlearn#01-08) `知识点小结 & 解决问题` |
19 | | -#### 02 |
| 21 | + |
| 22 | +#### 02 JavaScrpit-作用域与闭包 |
| 23 | + |
20 | 24 | * [02-01](https://github.com/TYRMars/JSlearn#02-01) `作用域和闭包-执行上下文` |
21 | 25 | * [02-02](https://github.com/TYRMars/JSlearn#02-02) `作用域和闭包-this` |
22 | 26 | * [02-03](https://github.com/TYRMars/JSlearn#02-03) `作用域和闭包-作用域` |
23 | 27 | * [02-04](https://github.com/TYRMars/JSlearn#02-04) `作用域和闭包-闭包` |
24 | 28 | * [02-05](https://github.com/TYRMars/JSlearn#02-05) `知识点小结 & 解决问题` |
25 | | -#### 03 |
| 29 | + |
| 30 | +#### 03 JavaScrpit-异步与单线程 |
| 31 | + |
26 | 32 | * [03-01](https://github.com/TYRMars/JSlearn#03-01) `异步和单线程-什么是异步` |
27 | 33 | * [03-02](https://github.com/TYRMars/JSlearn#03-02) `异步和单线程-单线程` |
28 | 34 | * [03-03](https://github.com/TYRMars/JSlearn#03-03) `其他知识点-日期和Math` |
29 | 35 | * [03-04](https://github.com/TYRMars/JSlearn#03-04) `其他知识点-数组和对象的API` |
30 | | -#### 04 |
| 36 | + |
| 37 | +#### 04 JavaScrpit-WebAPI基础 |
| 38 | + |
31 | 39 | * [04-01](https://github.com/TYRMars/JSlearn#04-01) `从基础知识到JS-Web-API` |
32 | 40 | * [04-02](https://github.com/TYRMars/JSlearn#04-02) `DOM本质` |
33 | 41 | * [04-03](https://github.com/TYRMars/JSlearn#04-03) `DOM节点操作` |
34 | 42 | * [04-04](https://github.com/TYRMars/JSlearn#04-04) `DOM结构操作` |
35 | 43 | * [04-05](https://github.com/TYRMars/JSlearn#04-05) `DOM知识总结` |
36 | 44 | * [04-06](https://github.com/TYRMars/JSlearn#04-06) `BOM知识点` |
37 | | -#### 05 |
| 45 | + |
| 46 | +#### 05 JavaScrpit-WebAPI扩展 |
| 47 | + |
38 | 48 | * [05-01](https://github.com/TYRMars/JSlearn#05-01) `事件-知识点` |
39 | 49 | * [05-02](https://github.com/TYRMars/JSlearn#05-02) `Ajax-XMLHttpRequest` |
40 | 50 | * [05-03](https://github.com/TYRMars/JSlearn#05-03) `存储` |
41 | | -#### 06 |
| 51 | + |
| 52 | +#### 06 JavaScrpit-模块化 |
| 53 | + |
42 | 54 | * [06-01](https://github.com/TYRMars/JSlearn#06-01) `模块化` |
43 | 55 | * [06-02](https://github.com/TYRMars/JSlearn#06-02) `模块化-AMD` |
44 | 56 | * [06-03](https://github.com/TYRMars/JSlearn#06-03) `模块化-CommonJS` |
45 | | -#### 07 |
| 57 | + |
| 58 | +#### 07 JavaScrpit-工程化 |
| 59 | + |
46 | 60 | * [07-01](https://github.com/TYRMars/JSlearn#07-01) `上线回滚-上线回滚流程` |
47 | | -#### 08 JS算法 |
| 61 | + |
| 62 | +#### 08 JavaScrpit-算法 |
| 63 | + |
48 | 64 | * [08-01](https://github.com/TYRMars/JSlearn#08-01) `JavaScript算法测试函数` |
49 | 65 | * [08-02](https://github.com/TYRMars/JSlearn#08-02) `JavaScript算法-冒泡排序` |
50 | 66 | * [08-03](https://github.com/TYRMars/JSlearn#08-03) `JavaScript算法-选择排序` |
51 | | -#### 09 函数应用 |
52 | | -* [09-01](https://github.com/TYRMars/JSlearn#09-01) `函数应用` |
53 | 67 |
|
54 | | ---- |
| 68 | +#### 09 JavaScrpit-函数应用 |
| 69 | +* [09-01](https://github.com/TYRMars/JSlearn#09-01) `函数应用` |
55 | 70 |
|
56 | | -## JS小练习 |
57 | | -* JSDemo JS小程序 |
| 71 | +#### add JavaScrpit-JS插件 |
| 72 | +* JSDemo |
58 | 73 | * JDMenu 京东无延迟菜单 |
59 | 74 | * DatePicker组件开发 |
60 | 75 | * 手风琴效果开发 |
61 | 76 |
|
62 | | -## 知识点学习 |
| 77 | +--- |
| 78 | + |
| 79 | +# 知识点学习 |
| 80 | + |
| 81 | + |
63 | 82 | ## 01-01 |
64 | 83 | ### 变量类型和计算(1) |
65 | 84 | * JS中使用typeof能得到的哪些类型 |
@@ -1841,7 +1860,7 @@ function setGap(arr) { |
1841 | 1860 | ## 08-06 |
1842 | 1861 | ### JavaScript算法-归并排序 |
1843 | 1862 |
|
1844 | | -<p align="center"><img src="http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144591.gif"/></p> |
| 1863 | +<p align="center"><img src="http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144591.gif" /></p> |
1845 | 1864 |
|
1846 | 1865 | * 归并排序 |
1847 | 1866 |
|
@@ -2038,29 +2057,44 @@ function setGap(arr) { |
2038 | 2057 | * |
2039 | 2058 | --- |
2040 | 2059 |
|
2041 | | -### JSDemo JS小程序 |
| 2060 | +## add-01 |
| 2061 | +### JSDemo JS小插件 |
2042 | 2062 | #### |
| 2063 | + |
| 2064 | + |
| 2065 | +## add-02 |
2043 | 2066 | ### JDMenu 京东无延迟菜单 |
2044 | 2067 | #### 1.开发普通二级菜单 |
| 2068 | + |
2045 | 2069 | * 事件代理方式进行绑定 |
2046 | 2070 | * `mouseenter`和`mouseover`的区别: |
2047 | 2071 | * 使用`mouseover/mouseout`时候,如果鼠标移动到子元素上,即便没有离开父元素,也会触发父元素的`mouseout`事件; |
2048 | 2072 | * 使用`mouseenter/mouseleave`时,如果鼠标没有离开父元素,在其子元素上任意移动,也不会触发`mouseleave`事件; |
| 2073 | + |
2049 | 2074 | #### 2.加入延迟优化 |
2050 | 2075 | * 切换子菜单的时候,用`setTimeout`设置延迟 |
2051 | 2076 | * `debounce`去抖o((⊙﹏⊙))o.技术: |
2052 | 2077 | * 在事件被频繁触发时买只执行一次 |
| 2078 | + |
2053 | 2079 | #### 3.基于用户行为预测的切换技术 |
| 2080 | + |
2054 | 2081 | * 跟踪鼠标的移动 |
2055 | 2082 | * 用鼠标当前位置,和鼠标上一次位置与子菜单上下边缘形成的三角区域进行比较 |
| 2083 | + |
| 2084 | +## add-03 |
2056 | 2085 | ### DatePicker组件开发 |
2057 | 2086 | #### 1.基础页面制作 |
| 2087 | + |
2058 | 2088 | * 标头 |
2059 | 2089 | * 身体 |
| 2090 | + |
2060 | 2091 | #### 2.数据部分 |
| 2092 | + |
2061 | 2093 | * 渲染当月日历表格 |
2062 | 2094 | * 用于点击时取日期值 |
| 2095 | + |
2063 | 2096 | ##### 日期对象 |
| 2097 | + |
2064 | 2098 | * `newDate(year,month-1,date)` |
2065 | 2099 | * 月份需要-1 |
2066 | 2100 | * 越界自动进退位 |
|
0 commit comments