Skip to content

Commit bf30daa

Browse files
FredWeFredWe
committed
Merge pull request #2 from li-xinyang/master
Sync from remote
2 parents c347a79 + efec2e5 commit bf30daa

File tree

169 files changed

+4151
-666
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

169 files changed

+4151
-666
lines changed

‎AUTHORS‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
Li Xinyang <lixinyang1026@gmail.com>
2+
Li Xinyang <lixinyang1026@Gmail.com>
3+
rwang23 <des.renfei.wang@gmail.com>
4+
hcy003 <chenyu19921103@gmail.com>
5+
Fred.W. <robert.wei.176@gmail.com>
6+
tinglin92 <tinglin1992@gmail.com>
7+
Tinglin <tinglin1992@gmail.com>
8+
Sylvia Zhang <rszhang89@gmail.com>
9+
leikn <leikn@users.noreply.github.com>
10+
The Gitter Badger <badger@gitter.im>
11+
Osub <814566123@qq.com>
12+
Chenyu <chenyu19921103@gmail.com>
13+
nifanle <nifanle7@163.com>

‎README.md‎

Lines changed: 26 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,31 @@
2121
|第一章|页面制作|![](http://progressed.io/bar/100)|
2222
|第二章|JavaScript 程序设计|![](http://progressed.io/bar/100)|
2323
|第三章|DOM 编程|![](http://progressed.io/bar/100)|
24-
|第四章|页面构架|![](http://progressed.io/bar/0)|
25-
|第五章|前端产品构架|![](http://progressed.io/bar/0)|
24+
|第四章|页面构架|![](http://progressed.io/bar/50)|
25+
|第五章|前端产品构架|![](http://progressed.io/bar/50)|
26+
27+
### 写作进程贡献者列表
28+
29+
```
30+
project : FEND_Note
31+
repo age : 6 weeks
32+
active : 33 days
33+
commits : 301
34+
files : 551
35+
authors :
36+
269 Li Xinyang 89.4%
37+
8 rwang23 2.7%
38+
5 hcy003 1.7%
39+
4 Fred.W. 1.3%
40+
4 tinglin92 1.3%
41+
3 Tinglin 1.0%
42+
2 leikn 0.7%
43+
2 Sylvia Zhang 0.7%
44+
1 Chenyu 0.3%
45+
1 The Gitter Badger 0.3%
46+
1 nifanle 0.3%
47+
1 Osub 0.3%
48+
```
2649

2750
### 相关链接
2851

@@ -31,4 +54,4 @@
3154
<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>.
3255

3356
<!-- Place this tag right after the last button or just before your close body tag. -->
34-
<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
57+
<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>

‎_book/AUTHORS‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
Li Xinyang <lixinyang1026@gmail.com>
2+
Li Xinyang <lixinyang1026@Gmail.com>
3+
rwang23 <des.renfei.wang@gmail.com>
4+
hcy003 <chenyu19921103@gmail.com>
5+
Fred.W. <robert.wei.176@gmail.com>
6+
tinglin92 <tinglin1992@gmail.com>
7+
Tinglin <tinglin1992@gmail.com>
8+
Sylvia Zhang <rszhang89@gmail.com>
9+
leikn <leikn@users.noreply.github.com>
10+
The Gitter Badger <badger@gitter.im>
11+
Osub <814566123@qq.com>
12+
Chenyu <chenyu19921103@gmail.com>
13+
nifanle <nifanle7@163.com>

‎_book/Booklist.html‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
<body>
3535

3636

37-
<div class="book" data-level="6" data-basepath="." data-revision="Thu Jul 02 2015 00:21:38 GMT+0800 (SGT)">
37+
<div class="book" data-level="6" data-basepath="." data-revision="Sat Jul 04 2015 12:37:35 GMT+0800 (SGT)">
3838

3939

4040
<div class="book-summary">
@@ -887,9 +887,17 @@
887887

888888
</li>
889889

890-
<li class="chapter " data-level="4.2" >
890+
<li class="chapter " data-level="4.2" data-path="chapter4/02_layout.html">
891891

892-
<span><b>4.2.</b> 布局解决方案</span>
892+
893+
<a href="./chapter4/02_layout.html">
894+
<i class="fa fa-check"></i>
895+
896+
<b>4.2.</b>
897+
898+
布局解决方案
899+
</a>
900+
893901

894902

895903
</li>
@@ -1165,6 +1173,10 @@ <h2 id="javascript">JavaScript</h2>
11651173

11661174
<script src="gitbook/app.js"></script>
11671175

1176+
1177+
<script src="gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
1178+
1179+
11681180
<script>
11691181
require(["gitbook"], function(gitbook) {
11701182
var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};

‎_book/chapter1/00_intro.html‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<body>
3737

3838

39-
<div class="book" data-level="1" data-basepath=".." data-revision="Thu Jul 02 2015 00:21:38 GMT+0800 (SGT)">
39+
<div class="book" data-level="1" data-basepath=".." data-revision="Sat Jul 04 2015 12:37:35 GMT+0800 (SGT)">
4040

4141

4242
<div class="book-summary">
@@ -889,9 +889,17 @@
889889

890890
</li>
891891

892-
<li class="chapter " data-level="4.2" >
892+
<li class="chapter " data-level="4.2" data-path="chapter4/02_layout.html">
893893

894-
<span><b>4.2.</b> 布局解决方案</span>
894+
895+
<a href="../chapter4/02_layout.html">
896+
<i class="fa fa-check"></i>
897+
898+
<b>4.2.</b>
899+
900+
布局解决方案
901+
</a>
902+
895903

896904

897905
</li>
@@ -1167,6 +1175,10 @@ <h2 id="%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E6%A6%82%E8%BF%B0">&#x524D
11671175

11681176
<script src="../gitbook/app.js"></script>
11691177

1178+
1179+
<script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
1180+
1181+
11701182
<script>
11711183
require(["gitbook"], function(gitbook) {
11721184
var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};

‎_book/chapter1/01_01_tool_panel_view.html‎

Lines changed: 20 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<body>
3737

3838

39-
<div class="book" data-level="1.1.1" data-basepath=".." data-revision="Thu Jul 02 2015 00:21:38 GMT+0800 (SGT)">
39+
<div class="book" data-level="1.1.1" data-basepath=".." data-revision="Sat Jul 04 2015 12:37:35 GMT+0800 (SGT)">
4040

4141

4242
<div class="book-summary">
@@ -889,9 +889,17 @@
889889

890890
</li>
891891

892-
<li class="chapter " data-level="4.2" >
892+
<li class="chapter " data-level="4.2" data-path="chapter4/02_layout.html">
893893

894-
<span><b>4.2.</b> 布局解决方案</span>
894+
895+
<a href="../chapter4/02_layout.html">
896+
<i class="fa fa-check"></i>
897+
898+
<b>4.2.</b>
899+
900+
布局解决方案
901+
</a>
902+
895903

896904

897905
</li>
@@ -1151,12 +1159,12 @@ <h3 id="%E5%B7%A5%E5%85%B7-%E9%9D%A2%E6%9D%BF-%E8%A7%86%E5%9B%BE">&#x5DE5;&#x517
11511159
<tr>
11521160
<td>&#x77E9;&#x5F62;&#x9009;&#x6846;&#x5DE5;&#x5177;</td>
11531161
<td style="text-align:center"><img src="../img/H/hwa_01.png" alt=""></td>
1154-
<td></td>
1162+
<td>&#x9700;&#x5C06;&#x81EA;&#x52A8;&#x9009;&#x62E9;&#x8C03;&#x81F3;&#x9009;&#x62E9;&#x56FE;&#x5C42;</td>
11551163
</tr>
11561164
<tr>
11571165
<td>&#x9B54;&#x68D2;&#x5DE5;&#x5177;</td>
11581166
<td style="text-align:center"><img src="../img/H/hwa_05.png" alt=""></td>
1159-
<td>&#xFF08;&#x5BB9;&#x5DEE; Tolerance &#x8D8A;&#x5C0F;&#x9009;&#x62E9;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x8D8A;&#x5C0F;&#xFF09;</td>
1167+
<td>&#xFF08;&#x5BB9;&#x5DEE; Tolerance &#x8D8A;&#x5C0F;&#x9009;&#x62E9;&#x7684;&#x8303;&#x56F4;&#x5C31;&#x8D8A;&#x5C0F;&#xFF09;&#x6D88;&#x9664;&#x952F;&#x9F7F;&#x53EF;&#x4EE5;&#x8BA9;&#x9009;&#x62E9;&#x533A;&#x57DF;&#x5149;&#x6ED1;</td>
11601168
</tr>
11611169
<tr>
11621170
<td>&#x526A;&#x88C1;&#x5DE5;&#x5177;</td>
@@ -1166,16 +1174,17 @@ <h3 id="%E5%B7%A5%E5%85%B7-%E9%9D%A2%E6%9D%BF-%E8%A7%86%E5%9B%BE">&#x5DE5;&#x517
11661174
<tr>
11671175
<td>&#x5207;&#x7247;&#x5DE5;&#x5177;</td>
11681176
<td style="text-align:center"><img src="../img/H/hwa_07.png" alt=""></td>
1169-
<td></td>
1177+
<td>&#x5728;&#x88C1;&#x526A;&#x5DE5;&#x5177;&#x5206;&#x652F;&#x4E0B;</td>
11701178
</tr>
11711179
<tr>
11721180
<td>&#x7F29;&#x653E;&#x5DE5;&#x5177;</td>
11731181
<td style="text-align:center"><img src="../img/H/hwa_34.png" alt=""></td>
1174-
<td></td>
1182+
<td><code>Ctrl+&#x52A0;&#x53F7;</code>&#x4E0E;<code>Ctrl+&#x51CF;&#x53F7;</code> &#x6216;&#x8005; <code>alt+&#x9F20;&#x6807;&#x6ED1;&#x8F6E;</code></td>
11751183
</tr>
11761184
<tr>
11771185
<td>&#x53D6;&#x8272;&#x5668;</td>
11781186
<td style="text-align:center"><img src="../img/H/hwa_31.png" alt=""></td>
1187+
<td></td>
11791188
</tr>
11801189
</tbody>
11811190
</table>
@@ -1223,6 +1232,10 @@ <h3 id="%E5%B8%B8%E7%94%A8%E5%BF%AB%E6%8D%B7%E9%94%AE">&#x5E38;&#x7528;&#x5FEB;&
12231232

12241233
<script src="../gitbook/app.js"></script>
12251234

1235+
1236+
<script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
1237+
1238+
12261239
<script>
12271240
require(["gitbook"], function(gitbook) {
12281241
var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};

‎_book/chapter1/01_02_measurement_and_color.html‎

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<body>
3737

3838

39-
<div class="book" data-level="1.1.2" data-basepath=".." data-revision="Thu Jul 02 2015 00:21:38 GMT+0800 (SGT)">
39+
<div class="book" data-level="1.1.2" data-basepath=".." data-revision="Sat Jul 04 2015 12:37:35 GMT+0800 (SGT)">
4040

4141

4242
<div class="book-summary">
@@ -889,9 +889,17 @@
889889

890890
</li>
891891

892-
<li class="chapter " data-level="4.2" >
892+
<li class="chapter " data-level="4.2" data-path="chapter4/02_layout.html">
893893

894-
<span><b>4.2.</b> 布局解决方案</span>
894+
895+
<a href="../chapter4/02_layout.html">
896+
<i class="fa fa-check"></i>
897+
898+
<b>4.2.</b>
899+
900+
布局解决方案
901+
</a>
902+
895903

896904

897905
</li>
@@ -1131,26 +1139,29 @@ <h1>
11311139
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
11321140
<h3 id="%E6%B5%8B%E9%87%8F%E5%8F%8A%E5%8F%96%E8%89%B2">&#x6D4B;&#x91CF;&#x53CA;&#x53D6;&#x8272;</h3>
11331141
<p>&#x6240;&#x6709;&#x80FD;&#x63A5;&#x53D7;&#x6570;&#x5B57;&#x7684;&#x5C5E;&#x6027;&#x90FD;&#x9700;&#x8981;&#x6D4B;&#x91CF;&#x5E76;&#x5C3D;&#x53EF;&#x80FD;&#x767E;&#x5206;&#x767E;&#x7684;&#x8FD8;&#x539F;&#x8BBE;&#x8BA1;&#x7A3F;&#x3002;</p>
1142+
<h4 id="%E6%B5%8B%E9%87%8F">&#x6D4B;&#x91CF;</h4>
11341143
<ul>
11351144
<li>&#x5BBD;&#x5EA6;&#xFF0C;&#x9AD8;&#x5EA6; (width, height)</li>
11361145
<li>&#x5185;&#x5916;&#x8FB9;&#x8DDD; (padding, margin)</li>
11371146
<li>&#x8FB9;&#x6846; (border)</li>
11381147
<li>&#x5B9A;&#x4F4D; (position)</li>
11391148
<li>&#x6587;&#x5B57;&#x5927;&#x5C0F; (font-size)</li>
1140-
<li>&#x884C;&#x9AD8; (line-height)</li>
1149+
<li>&#x884C;&#x9AD8; (line-height)&#xFF0C;&#x5176;&#x4E3A;&#x7B2C;&#x4E00;&#x884C;&#x7684;&#x5E95;&#x7AEF;&#x5230;&#x7B2C;&#x4E8C;&#x884C;&#x7684;&#x5E95;&#x7AEF;&#x3002;</li>
11411150
<li>&#x80CC;&#x666F;&#x4F4D;&#x7F6E; (background-position)</li>
11421151
</ul>
11431152
<p>NOTE: &#x6D4B;&#x91CF;&#x65F6;&#x5C3D;&#x53EF;&#x80FD;&#x653E;&#x5927;&#x753B;&#x5E03;&#x4EE5;&#x51CF;&#x5C11;&#x8BEF;&#x5DEE;&#x3002;&#x91CF;&#x53D6;&#x6587;&#x5B57;&#x662F;&#x4E3A;&#x4E86;&#x51CF;&#x5C11;&#x8BEF;&#x5DEE;&#x5C3D;&#x91CF;&#x9009;&#x53D6;&#x5C3A;&#x5BF8;&#x5927;&#x7684;&#x6587;&#x5B57;&#x8FDB;&#x884C;&#x6D4B;&#x91CF;&#x3002;</p>
11441153
<p><img src="../img/P/photoshop-measure&amp;colorSelection.png" alt=""></p>
11451154
<p><strong>&#x9009;&#x6846;&#x5DE5;&#x5177;&#x7684;&#x591A;&#x7528;&#x9014;</strong>&#xFF0C;&#x589E;&#xFF08;Shift&#xFF09;&#x51CF;&#xFF08;Alt&#xFF09;&#x4EE5;&#x53CA;&#x4EA4;&#x53C9;&#x9009;&#x62E9;&#xFF08;Shift + Alt&#xFF09;&#x3002;&#x5DE6;&#x53F3;&#xFF08;&#x6216;&#x4E0A;&#x4E0B;&#xFF09;&#x4F7F;&#x7528;&#x5206;&#x79BB;&#x9009;&#x6846;&#x9009;&#x62E9;&#x53EF;&#x4EE5;&#x5F97;&#x5230;&#x6574;&#x4E24;&#x4E2A;&#x5206;&#x79BB;&#x8FB9;&#x6846;&#x7684;&#x8DDD;&#x79BB;&#x603B;&#x503C;&#x3002;</p>
11461155
<p><img src="../img/T/rect-selection-tool.gif" alt=""></p>
1156+
<h4 id="%E5%8F%96%E8%89%B2">&#x53D6;&#x8272;</h4>
11471157
<p>&#x6240;&#x6709;&#x80FD;&#x63A5;&#x53D7;&#x989C;&#x8272;&#x7684;&#x5C5E;&#x6027;&#x90FD;&#x9700;&#x8981;&#x53D6;&#x8272;&#x3002;</p>
11481158
<ul>
11491159
<li>&#x8FB9;&#x6846;&#x8272;</li>
11501160
<li>&#x80CC;&#x666F;&#x8272;</li>
11511161
<li>&#x6587;&#x5B57;&#x8272;</li>
11521162
</ul>
1153-
<p>NOTE: &#x4F7F;&#x7528;&#x9B54;&#x68D2;&#x5DE5;&#x5177;&#x53EF;&#x4EE5;&#x8FC5;&#x901F;&#x8BC6;&#x522B;&#x80CC;&#x666F;&#x8272;&#x662F;&#x5426;&#x6CA1;<em>&#x7EBF;&#x6027;</em>&#x6E10;&#x53D8;&#x7684;&#x65B9;&#x6CD5;&#x3002;Mac OS X &#x63A8;&#x8350;&#x4F7F;&#x7528; <strong>Sip</strong> &#x53EF;&#x5728; Mac App Store &#x514D;&#x8D39;&#x4E0B;&#x8F7D;&#x3002;</p>
1163+
<p>NOTE&#xFF1A;&#x4F7F;&#x7528;&#x9B54;&#x68D2;&#x5DE5;&#x5177;&#x53EF;&#x4EE5;&#x8FC5;&#x901F;&#x8BC6;&#x522B;&#x80CC;&#x666F;&#x8272;&#x662F;&#x5426;&#x6CA1;<em>&#x7EBF;&#x6027;</em>&#x6E10;&#x53D8;&#x7684;&#x65B9;&#x6CD5;&#x3002;Mac OS X &#x63A8;&#x8350;&#x4F7F;&#x7528; <strong>Sip</strong> &#x53EF;&#x5728; Mac App Store &#x514D;&#x8D39;&#x4E0B;&#x8F7D;&#x3002;
1164+
NOTE+&#xFF1A;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#x9B54;&#x68D2;&#x5DE5;&#x5177;&#x6765;&#x5224;&#x65AD;&#x989C;&#x8272;&#x662F;&#x5426;&#x4E3A;&#x6E10;&#x53D8;&#x3002;</p>
11541165

11551166

11561167
</section>
@@ -1172,6 +1183,10 @@ <h3 id="%E6%B5%8B%E9%87%8F%E5%8F%8A%E5%8F%96%E8%89%B2">&#x6D4B;&#x91CF;&#x53CA;&
11721183

11731184
<script src="../gitbook/app.js"></script>
11741185

1186+
1187+
<script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
1188+
1189+
11751190
<script>
11761191
require(["gitbook"], function(gitbook) {
11771192
var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};

‎_book/chapter1/01_03_slice.html‎

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<body>
3737

3838

39-
<div class="book" data-level="1.1.3" data-basepath=".." data-revision="Thu Jul 02 2015 00:21:38 GMT+0800 (SGT)">
39+
<div class="book" data-level="1.1.3" data-basepath=".." data-revision="Sat Jul 04 2015 12:37:35 GMT+0800 (SGT)">
4040

4141

4242
<div class="book-summary">
@@ -889,9 +889,17 @@
889889

890890
</li>
891891

892-
<li class="chapter " data-level="4.2" >
892+
<li class="chapter " data-level="4.2" data-path="chapter4/02_layout.html">
893893

894-
<span><b>4.2.</b> 布局解决方案</span>
894+
895+
<a href="../chapter4/02_layout.html">
896+
<i class="fa fa-check"></i>
897+
898+
<b>4.2.</b>
899+
900+
布局解决方案
901+
</a>
902+
895903

896904

897905
</li>
@@ -1134,7 +1142,7 @@ <h3 id="%E5%88%87%E5%9B%BE">&#x5207;&#x56FE;</h3>
11341142
<li><strong>&#x5185;&#x5BB9;&#x6027;&#x56FE;&#x7247;</strong> &#x6307;&#x7684;&#x662F;&#x56FE;&#x7247;&#x5728;&#x9875;&#x9762;&#x662F;&#x4F5C;&#x4E3A;&#x5185;&#x5BB9;&#x5B58;&#x5728;&#xFF0C;&#x5982;&#x9875;&#x9762;&#x4E2D;&#x7684;&#x6D77;&#x62A5;&#x3002;</li>
11351143
<li><strong>&#x4FEE;&#x9970;&#x6027;&#x56FE;&#x7247;</strong> &#x6307;&#x7684;&#x662F;&#x56FE;&#x7247;&#x5728;&#x9875;&#x9762;&#x4E2D;&#x8D77;&#x4FEE;&#x9970;&#x4F5C;&#x7528;&#xFF0C;&#x5982;&#x9875;&#x9762;&#x4E2D;&#x7684;&#x80CC;&#x666F;&#x548C;&#x56FE;&#x6807;&#x3002;</li>
11361144
</ul>
1137-
<p>&#x4FEE;&#x9970;&#x6027;&#x56FE;&#x6807;&#x548C;&#x5185;&#x5BB9;&#x6027;&#x56FE;&#x7247;&#x9700;&#x8981;&#xFF08;&#x5728; HTML &#x7684; <code>&lt;img&gt;</code> &#x4E4B;&#x4E2D;&#xFF0C;&#x53EA;&#x9700;&#x7AD9;&#x4F4D;&#x4E0D;&#x9700;&#x5207;&#x56FE;&#xFF09;&#x5207;&#x51FA;&#x3002;&#x5207;&#x51FA;&#x7684;&#x5185;&#x5BB9;&#x6027;&#x56FE;&#x7247;&#x5E94;&#x4FDD;&#x5B58;&#x4E3A; <code>*.jpg</code> &#x683C;&#x5F0F;&#xFF0C;&#x800C;&#x4FEE;&#x9970;&#x6027;&#x56FE;&#x7247;&#x56E0;&#x4FDD;&#x5B58;&#x4E3A; <code>png24</code>&#xFF08;IE6 &#x4E0D;&#x652F;&#x6301;&#x534A;&#x900F;&#x660E;&#xFF09; &#x6216; <code>png8</code> &#x5B83;&#x4EEC;&#x4E0D;&#x652F;&#x6301;&#x5168;&#x900F;&#x660E;&#x3002;</p>
1145+
<p>&#x4FEE;&#x9970;&#x6027;&#x56FE;&#x6807;&#x548C;&#x5185;&#x5BB9;&#x6027;&#x56FE;&#x7247;&#x9700;&#x8981;&#xFF08;&#x5728; HTML &#x7684; <code>&lt;img&gt;</code> &#x4E4B;&#x4E2D;&#xFF0C;&#x53EA;&#x9700;&#x7AD9;&#x4F4D;&#x4E0D;&#x9700;&#x5207;&#x56FE;&#xFF09;&#x5207;&#x51FA;&#x3002;&#x5207;&#x51FA;&#x7684;&#x5185;&#x5BB9;&#x6027;&#x56FE;&#x7247;&#x5E94;&#x4FDD;&#x5B58;&#x4E3A; <code>*.jpg</code> &#x683C;&#x5F0F;&#xFF0C;&#x800C;&#x4FEE;&#x9970;&#x6027;&#x56FE;&#x7247;&#x56E0;&#x4FDD;&#x5B58;&#x4E3A; <code>png24</code>&#xFF08;IE6 &#x4E0D;&#x652F;&#x6301;&#x534A;&#x900F;&#x660E;&#xFF0C;Alpha &#x900F;&#x660E;&#xFF09; &#x6216; <code>png8</code> &#x5B83;&#x4EEC;&#x5747;&#x652F;&#x6301;&#x5168;&#x900F;&#x660E;&#x3002;</p>
11381146
<p><strong>&#x9690;&#x85CF;&#x6587;&#x5B57;</strong>&#xFF0C;&#x65B9;&#x6CD5;&#x4E00;&#xFF0C;&#x76F4;&#x63A5;&#x5728;&#x56FE;&#x5C42;&#x4E2D;&#x9690;&#x85CF;&#x6587;&#x5B57;&#x56FE;&#x5C42;&#x3002;&#x65B9;&#x6CD5;&#x4E8C;&#xFF08;&#x4E24;&#x79CD;&#xFF0C;&#x5206;&#x522B;&#x5E94;&#x5BF9;&#x4E8E;&#x7EAF;&#x8272;&#x548C;&#x6709;&#x80CC;&#x666F;&#x9700;&#x8981;&#x9690;&#x85CF;&#x6587;&#x672C;&#x7684;&#x60C5;&#x51B5;&#xFF09;&#x5982;&#x4E0B;&#x56FE;&#x6240;&#x793A;&#xFF0C;&#x4F7F;&#x7528;&#x81EA;&#x7531;&#x53D8;&#x6362;&#x3002;</p>
11391147
<p><img src="../img/B/btn-remove-text.gif" alt=""></p>
11401148
<p><strong>PNG24</strong>&#x5207;&#x56FE;&#x65B9;&#x6CD5;</p>
@@ -1195,6 +1203,10 @@ <h5 id="%E7%AC%AC%E5%9B%9B%E6%AD%A5%EF%BC%9A%E4%B8%80%E8%BE%B9%E7%BC%96%E5%86%99
11951203

11961204
<script src="../gitbook/app.js"></script>
11971205

1206+
1207+
<script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
1208+
1209+
11981210
<script>
11991211
require(["gitbook"], function(gitbook) {
12001212
var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};

‎_book/chapter1/01_04_save_image.html‎

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<body>
3737

3838

39-
<div class="book" data-level="1.1.4" data-basepath=".." data-revision="Thu Jul 02 2015 00:21:38 GMT+0800 (SGT)">
39+
<div class="book" data-level="1.1.4" data-basepath=".." data-revision="Sat Jul 04 2015 12:37:35 GMT+0800 (SGT)">
4040

4141

4242
<div class="book-summary">
@@ -889,9 +889,17 @@
889889

890890
</li>
891891

892-
<li class="chapter " data-level="4.2" >
892+
<li class="chapter " data-level="4.2" data-path="chapter4/02_layout.html">
893893

894-
<span><b>4.2.</b> 布局解决方案</span>
894+
895+
<a href="../chapter4/02_layout.html">
896+
<i class="fa fa-check"></i>
897+
898+
<b>4.2.</b>
899+
900+
布局解决方案
901+
</a>
902+
895903

896904

897905
</li>
@@ -1142,7 +1150,7 @@ <h4 id="%E4%BF%9D%E5%AD%98%E6%A0%BC%E5%BC%8F%E7%9A%84%E9%80%89%E6%8B%A9">&#x4FDD
11421150
<p>&#x4FDD;&#x5B58;&#x7C7B;&#x578B;&#x4E00;&#xFF1A;&#x8272;&#x5F69;&#x4E30;&#x5BCC;&#x5207;&#x65E0;&#x900F;&#x660E;&#x8981;&#x6C42;&#x65F6;&#x4FDD;&#x5B58;&#x4E3A; <code>JPG</code> &#x683C;&#x5F0F;&#x5E76;&#x9009;&#x7528;&#x65F6;&#x5019;&#x7684;&#x54C1;&#x8D28;&#xFF08;&#x901A;&#x5E38;&#x4F7F;&#x7528;&#x54C1;&#x8D28; 80 &#xFF09;&#x3002;</p>
11431151
<p>&#x4FDD;&#x5B58;&#x7C7B;&#x578B;&#x4E8C;&#xFF1A;&#x56FE;&#x7247;&#x8272;&#x5F69;&#x4E0D;&#x4E30;&#x5BCC;&#xFF0C;&#x4E0D;&#x4F26;&#x900F;&#x660E;&#x4E0E;&#x5426;&#x4E00;&#x5F8B;&#x4FDD;&#x5B58;&#x4E3A; <code>PNG8</code> &#x683C;&#x5F0F;&#xFF08;256&#x989C;&#x8272;&#xFF0C;&#x9700;&#x7279;&#x6B8A;&#x8BBE;&#x7F6E;&#x5982;&#x4E0B;&#x56FE;&#xFF0C;&#x9700;&#x8BBE;&#x7F6E;<code>&#x6742;&#x8FB9;&#xFF1A;&#x65E0;</code> <code>&#x65E0;&#x4EFF;&#x8272;</code>&#xFF09;&#x3002;</p>
11441152
<p><img src="../img/P/photoshop-saveFormat.png" alt=""></p>
1145-
<p>&#x4FDD;&#x5B58;&#x7C7B;&#x578B;&#x4E09;&#xFF1A;&#x56FE;&#x7247;&#x6709;&#x534A;&#x900F;&#x660E;&#x7684;&#x8981;&#x6C42;&#xFF0C;&#x4FDD;&#x5B58;&#x4E3A; <code>PNG24</code> &#x683C;&#x5F0F;&#xFF08;&#x4E0D;&#x5BF9;&#x56FE;&#x7247;&#x8FDB;&#x884C;&#x538B;&#x7F29;&#xFF09;&#x3002;</p>
1153+
<p>&#x4FDD;&#x5B58;&#x7C7B;&#x578B;&#x4E09;&#xFF1A;&#x56FE;&#x7247;&#x6709;&#x534A;&#x900F;&#x660E;&#xFF08;Alpha &#x900F;&#x660E;&#xFF09;&#x7684;&#x8981;&#x6C42;&#xFF0C;&#x4FDD;&#x5B58;&#x4E3A; <code>PNG24</code> &#x683C;&#x5F0F;&#xFF08;&#x4E0D;&#x5BF9;&#x56FE;&#x7247;&#x8FDB;&#x884C;&#x538B;&#x7F29;&#xFF09;&#x3002;</p>
11461154
<p>&#x4FDD;&#x5B58;&#x7C7B;&#x578B;&#x56DB;&#xFF1A;&#x4FDD;&#x7559; PSD &#x6E90;&#x6587;&#x4EF6;&#xFF0C;&#x4EE5;&#x5907;&#x4E0D;&#x65F6;&#x4E4B;&#x9700;&#x3002;</p>
11471155
<h5 id="%E5%A6%82%E4%BD%95%E4%BF%9D%E5%AD%98">&#x5982;&#x4F55;&#x4FDD;&#x5B58;</h5>
11481156
<p>&#x4E00;&#x822C;&#x4F7F;&#x7528;&#x300E;&#x5B58;&#x50A8;&#x4E8E; Web &#x6240;&#x7528;&#x683C;&#x5F0F;&#x300F;&#x83DC;&#x5355;&#xFF08;Alt + Shift + Ctrl + S&#xFF09;&#x4FDD;&#x5B58;</p>
@@ -1176,6 +1184,10 @@ <h3 id="%E5%9B%BE%E7%89%87%E4%BF%AE%E6%94%B9%E4%B8%8E%E7%BB%B4%E6%8A%A4">&#x56FE
11761184

11771185
<script src="../gitbook/app.js"></script>
11781186

1187+
1188+
<script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
1189+
1190+
11791191
<script>
11801192
require(["gitbook"], function(gitbook) {
11811193
var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};

0 commit comments

Comments
 (0)