File tree 11 files changed +50
-19
lines changed
11 files changed +50
-19
lines changed Original file line number Diff line number Diff line change @@ -1213,7 +1213,7 @@ PS:美女图就不放在github上了,这么多 star,放了也不合适。
1213
1213
1214
1214
## 我的公众号
1215
1215
1216
- 想学习<font color =#0000ff >** 代码之外的软技能** </font >?不妨关注我的微信公众号(生命团队id: ` vitateam ` )。
1216
+ 想学习<font color =#0000ff >** 代码之外的软技能** </font >?不妨关注我的微信公众号(千古壹号id: ` qianguyihao ` )。
1217
1217
1218
1218
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
1219
1219
Original file line number Diff line number Diff line change @@ -114,7 +114,7 @@ CSS盒模型和IE盒模型的区别:
114
114
115
115
上面的代码中,我们对div标签设置了边距等信息。打开google浏览器,按住F12,显示效果如下:
116
116
117
- ![ ] ( http://img.smyhvae.com/2015-10-03-css-27 .png )
117
+ ![ ] ( http://img.smyhvae.com/20151003_27 .png )
118
118
119
119
120
120
Original file line number Diff line number Diff line change @@ -86,7 +86,7 @@ CSS的定位属性有三种,分别是绝对定位、相对定位、固定定
86
86
87
87
效果:
88
88
89
- ![ ] ( http://7sby7r.com1.z0.glb.clouddn .com/2015-10-03-css-28.png )
89
+ ![ ] ( http://img.smyhvae .com/2015-10-03-css-28.png )
90
90
91
91
### 相对定位不脱标
92
92
@@ -96,7 +96,7 @@ CSS的定位属性有三种,分别是绝对定位、相对定位、固定定
96
96
97
97
### 相对定位的用途
98
98
99
- 相对定位有坑,所以如果需要做一般不用于做 “压盖”效果(把一个div放到另一个div之上)。页面中,效果极小。 就两个作用:
99
+ 如果想做 “压盖”效果(把一个div放到另一个div之上),我们一般 ** 不用 ** 相对定位来做。相对定位, 就两个作用:
100
100
101
101
- (1)微调元素
102
102
- (2)做绝对定位的参考,子绝父相
Original file line number Diff line number Diff line change 4
4
5
5
内置对象就是指这个语言自带的一些对象,供开发者使用,这些对象提供了一些常用的或是最基本而必要的功能。
6
6
7
- ** javascript的内置对象** :
7
+ ** JavaScript的内置对象** :
8
+
9
+
10
+ | 内置对象 | 对象说明 |
11
+ | :-------------| :-------------|
12
+ | Arguments | 函数参数集合|
13
+ | Array | 数组|
14
+ | Boolean | 布尔对象|
15
+ | Date | 日期时间|
16
+ | Error | 异常对象|
17
+ | Function | 函数构造器|
18
+ | Math | 数学对象|
19
+ | Number | 数值对象|
20
+ | Object | 基础对象|
21
+ | RegExp | 正则表达式对象|
22
+ | String | 字符串对象|
23
+
8
24
9
- ![ ] ( http://img.smyhvae.com/20180201_2330.png )
10
25
11
26
## 内置对象:Date
12
27
Original file line number Diff line number Diff line change @@ -1435,18 +1435,13 @@ PS:图片的url是<http://img.smyhvae.com/20180209_1245.gif>,图片较大,
1435
1435
1436
1436
1437
1437
1438
- ## 动画案例:太阳系
1439
-
1440
- 暂略。
1441
-
1442
-
1443
1438
1444
1439
1445
1440
1446
1441
1447
1442
## 我的公众号
1448
1443
1449
- 想学习<font color =#0000ff >** 代码之外的软技能** </font >?不妨关注我的微信公众号:** 生命团队 ** (id:` vitateam ` )。
1444
+ 想学习<font color =#0000ff >** 代码之外的软技能** </font >?不妨关注我的微信公众号:** 千古壹号 ** (id:` qianguyihao ` )。
1450
1445
1451
1446
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
1452
1447
Original file line number Diff line number Diff line change 122
122
123
123
打印结果:
124
124
125
- ![ ] ( http://img.smyhvae.com/20180223_2213.gif )
125
+ ![ ] ( http://img.smyhvae.com/20180223_2213.png )
126
126
127
127
128
128
### 2、目标元素
369
369
370
370
对不同获取方式的优缺点进行了比较,浏览器会** 自动以最优方式** 去获取用户地理信息:
371
371
372
- ![ ] ( http://img.smyhvae.com/20180224_2110.gif )
372
+ ![ ] ( http://img.smyhvae.com/20180224_2110.png )
373
373
374
374
375
375
### 隐私
Original file line number Diff line number Diff line change 37
37
38
38
标准盒子模型:
39
39
40
- ![ ] ( http://7sby7r.com1.z0.glb.clouddn .com/2015-10-03-css-27.jpg )
40
+ ![ ] ( http://img.smyhvae .com/2015-10-03-css-27.jpg )
41
41
42
42
IE盒子模型:
43
43
44
- ![ ] ( http://7sby7r.com1.z0.glb.clouddn .com/2015-10-03-css-30.jpg )
44
+ ![ ] ( http://img.smyhvae .com/2015-10-03-css-30.jpg )
45
45
46
46
上图显示:
47
47
Original file line number Diff line number Diff line change
1
+
2
+
3
+
4
+ - 图片的宽度,最好不要超过800px,否则在github上显示不完整,甚至无法显示。
5
+
6
+ - 建议把图片压缩后再上传。图片大小最好控制在100kb左右。比如说,[ javascript-tutorial-cn] ( https://github.com/iliakan/javascript-tutorial-cn ) 这个项目,在这方面就做得很好。
7
+
8
+ 比如` 20180223_2201.gif ` 这张图,原本是500kb,我压缩后重新上传,是200kb。
9
+
10
+ 再比如` 20180611_2130.png ` 这张图,原本是400kb,我压缩后重新上传,是200kb。
Original file line number Diff line number Diff line change @@ -182,7 +182,7 @@ PS:可以在beforeDestory里**清除定时器、或清除事件绑定**。
182
182
183
183
## 生命周期函数图解
184
184
185
- ![ ] ( http://img.smyhvae.com/20180610_2130 .png )
185
+ ![ ] ( http://img.smyhvae.com/20180611_2130 .png )
186
186
187
187
PS:图片来自网络。
188
188
Original file line number Diff line number Diff line change 1
1
2
2
3
3
4
+
5
+ ### 2018-10-26
6
+
7
+ - 前端面试图谱:< https://yuchengkai.cn/docs/zh/ >
8
+
9
+ 这个项目已经很全面了,是从面试的角度出发的。我自己的项目,是从基础入门的角度出发的。我自己的项目是,是从基础入门的角度出发的。可以起到互补的作用。
10
+
4
11
### 2018-11-27
5
12
6
- - 知识库:http://wxyyxc1992.github.io/home/#/
13
+ - 知识库:< http://wxyyxc1992.github.io/home/#/ >
7
14
8
15
页面做的很漂亮。作者92年的,在阿里。
9
16
10
17
18
+ ### 2018-12-07
19
+
20
+ - css的各种效果实现:< https://lhammer.cn/You-need-to-know-css/#/ >
11
21
22
+ css的各种效果实现(尤其是动画效果),关键时刻能救命。作者内化后输出,并贡献出来。这种也是颇为难得了。很有极客精神。
12
23
Original file line number Diff line number Diff line change @@ -13,7 +13,7 @@ PS:如果你发现文中的图片加载不出来,请尝试以下做法:
13
13
14
14
- 如果发现图片还是打不开,可以先清空浏览器的** 缓存图片** 。具体操作是:浏览器设置 -> 更多工具 -> 清除浏览数据,在弹窗中,时间范围选择“时间不限”,清除“缓存的图片和文件”。清除缓存后,再刷新页面试试。
15
15
16
- - 如果发现图片还是打不开,那可能是图片本身的问题,请微信联系我 。
16
+ - 如果发现图片还是打不开,可能是图片本身有问题。此时,欢迎提交 issues,指出具体是那张图片的问题。我看到后,会立即修复 。
17
17
18
18
19
19
维护这个项目的初衷,可以看这篇文章:[ 裸辞两个月,海投一个月,从Android转战Web前端的求职之路] ( https://www.cnblogs.com/smyhvae/p/8732781.html )
You can’t perform that action at this time.
0 commit comments