File tree Expand file tree Collapse file tree 2 files changed +20
-17
lines changed Expand file tree Collapse file tree 2 files changed +20
-17
lines changed Original file line number Diff line number Diff line change 1
- doc# frontend-basic
2
- 前端基础知识汇总
1
+ # 前端基础知识汇总
3
2
4
3
## 如何提升技能 - 刻意练习
5
4
- 具有定义明确的特定目标
5
+ > 定义明确的目标,刻意有效的指导你的练习。
6
+ > 比如你在练习钢琴,比起漫无目的的练下去,制定”以合适的速度弹完曲子,连续弹2次,不犯任何错误“这样的目标,会好很多。
7
+ > 如果没有这样的目标,根本没有办法判断练习是不是有效。
8
+ > 如果没有达到目标,那么到底是在哪些环节出了问题,下次弹的时候着重注意这方面。解决一个个小问题之后,最终达成自己的目标。
9
+
6
10
- 专注
11
+
12
+ > 多任务并行“是很多人所追求的一个方向。我原来也是这个观点的拥护者,觉得边看动漫边做设计,是一件一举两得的事情。但是,实践下来之后,效率常常低的可怕。动漫看的时候基本上不带脑子的,更不用说那些复杂任务的并行了
13
+
7
14
- 包含反馈
15
+
16
+ > 我们练习的目的是为了提高某一方面的水平或技能,是向着更好的方向去努力的,因此这种练习必须,也应当包含反馈。
17
+
8
18
- 需要走出舒适区
9
19
20
+ > 就像前面提到的,如果你做一件事情很熟练了,你会陷入一种自动完成的状态。这种状态,不需要怎么努力就能完成现有的工作。也正因为这样,只是在重复旧的东西,进步也无从谈起。
21
+
10
22
## 大纲
11
23
1 . JS基础篇 (ECMA 262标准)
12
24
1 . [ 变量类型和计算] ( doc/ch01.md )
@@ -30,6 +42,7 @@ doc# frontend-basic
30
42
1 . ES6语法
31
43
1 . 原型的高级应用
32
44
1 . 异步的高级应用
45
+
33
46
1 . 流程控制中的是是非非 callback promise generator co async/await
34
47
1 . 虚拟DOM
35
48
1 . Vue/React
Original file line number Diff line number Diff line change @@ -115,23 +115,19 @@ var getName = function(){
115
115
}
116
116
```
117
117
118
-
119
-
120
- 实际上相当于
118
+ 实际上相当于
121
119
122
120
```
123
121
var getName = function(){
124
122
console.log( obj1.name );
125
123
}
126
124
```
127
125
128
-
129
126
130
- 2. 用来模拟 Function.prototype.bind 指定函数内部的 this 指向
131
-
132
- ** 3. 借用其他对象的方法, 可以模拟实现继承**
133
127
128
+ 2. 用来模拟 Function.prototype.bind 指定函数内部的 this 指向
134
129
130
+ 3. 借用其他对象的方法, 可以模拟实现继承**
135
131
136
132
```
137
133
1 var A = function(name){
@@ -148,21 +144,15 @@ var getName = function(){
148
144
12 console.log( b.getName() ); // 输出: 2B铅笔
149
145
```
150
146
151
-
152
-
153
-
154
-
155
- 借用 Array.prototype 对象上的方法,对参数列表 arguments 这个类数组对象,进行数组对象方法的调用
147
+ 借用 Array.prototype 对象上的方法,对参数列表 arguments 这个类数组对象,进行数组对象方法的调用
156
148
157
149
```
158
150
1 (function(){
159
151
2 Array.prototype.push.call( arguments, 3);
160
152
3 console.log( arguments ); // 输出: [1, 2, 3]
161
- 4 })(1, 2);
153
+ 4 })(1, 2);
162
154
```
163
155
164
-
165
-
166
156
** 三、ECMAScript 5 中的 bind() 方法可以将函数绑定到一个对象上**
167
157
168
158
```
You can’t perform that action at this time.
0 commit comments