Skip to content

Commit 65cdf8e

Browse files
phodalphodal
committed
[ch14] init
1 parent 778c3e9 commit 65cdf8e

3 files changed

Lines changed: 111 additions & 28 deletions

File tree

‎chapters/chapter-14.md‎

Lines changed: 40 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,40 @@
1-
详解从零设计、开发一个前端应用
1+
从零开发一个前端应用有多难？
22
===
33

4-
了解真实世界的需求
5-
---
4+
工作一段时候后，总会经历要从零创建一个前端应用的经历。
5+
6+
需要相当多的探索
67

7-
分析设计图
8+
个人经历
89
---
910

10-
确认技术方案
11+
刚开始的时候，自己一点点的构建添加各种需要的东西。
12+
13+
后来，懒了，便找个模板，改吧，改吧，就用上了。
14+
15+
代码只是其中的一小代码，还需要设计一系列的流程。
16+
17+
如 workflow，
18+
19+
webpack、rollup、tsc ？
20+
21+
gulp、grunt、npm ?
22+
23+
react、angular、vue.js ？
24+
25+
还需要考虑部署方案，自动部署，还是集成式？
26+
27+
而这些设计都不能脱离原始的需求，因此我们必须明白业务到底要的是什么系统。
28+
29+
真实世界的需求
1130
---
1231

13-
选择技术栈
32+
stepping 完成建模？
33+
34+
可这是后端的工作~~，2333。
35+
36+
37+
确认技术方案
1438
---
1539

1640
搭建构建系统
@@ -28,10 +52,18 @@
2852

2953
如一些 Related Fields 前端需要的可能是扁平的结果，但是未来可能需要更多的值
3054

31-
实现后台接口
55+
实现功能
3256
---
3357

34-
对接应用，编写测试
58+
### 分析设计图
59+
60+
我的意思是：切图。
61+
62+
### 实现功能
63+
64+
### 编写测试
65+
66+
对接应用
3567
---
3668

3769
上线

‎ebook.md‎

Lines changed: 40 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1763,19 +1763,43 @@ if(response && response.data && response.data.length > 0){}
17631763

17641764
总之，API 使用的第一原则：不要『相信』前端提供的数据，不要『相应』后台返回的数据。
17651765

1766-
详解从零设计、开发一个前端应用
1766+
从零开发一个前端应用有多难？
17671767
===
17681768

1769-
了解真实世界的需求
1770-
---
1769+
工作一段时候后，总会经历要从零创建一个前端应用的经历。
1770+
1771+
需要相当多的探索
17711772

1772-
分析设计图
1773+
个人经历
17731774
---
17741775

1775-
确认技术方案
1776+
刚开始的时候，自己一点点的构建添加各种需要的东西。
1777+
1778+
后来，懒了，便找个模板，改吧，改吧，就用上了。
1779+
1780+
代码只是其中的一小代码，还需要设计一系列的流程。
1781+
1782+
如 workflow，
1783+
1784+
webpack、rollup、tsc ？
1785+
1786+
gulp、grunt、npm ?
1787+
1788+
react、angular、vue.js ？
1789+
1790+
还需要考虑部署方案，自动部署，还是集成式？
1791+
1792+
而这些设计都不能脱离原始的需求，因此我们必须明白业务到底要的是什么系统。
1793+
1794+
真实世界的需求
17761795
---
17771796

1778-
选择技术栈
1797+
stepping 完成建模？
1798+
1799+
可这是后端的工作~~，2333。
1800+
1801+
1802+
确认技术方案
17791803
---
17801804

17811805
搭建构建系统
@@ -1793,10 +1817,18 @@ if(response && response.data && response.data.length > 0){}
17931817

17941818
如一些 Related Fields 前端需要的可能是扁平的结果，但是未来可能需要更多的值
17951819

1796-
实现后台接口
1820+
实现功能
17971821
---
17981822

1799-
对接应用，编写测试
1823+
### 分析设计图
1824+
1825+
我的意思是：切图。
1826+
1827+
### 实现功能
1828+
1829+
### 编写测试
1830+
1831+
对接应用
18001832
---
18011833

18021834
上线

‎index.html‎

Lines changed: 31 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -241,15 +241,18 @@ <h1>我的职业是前端工程师</h1>
241241
</ul></li>
242242
<li><a href="#小结-3">小结</a></li>
243243
</ul></li>
244-
<li><a href="#详解从零设计开发一个前端应用">详解从零设计、开发一个前端应用</a><ul>
245-
<li><a href="#了解真实世界的需求">了解真实世界的需求</a></li>
246-
<li><a href="#分析设计图">分析设计图</a></li>
244+
<li><a href="#从零开发一个前端应用有多难">从零开发一个前端应用有多难？</a><ul>
245+
<li><a href="#个人经历">个人经历</a></li>
246+
<li><a href="#真实世界的需求">真实世界的需求</a></li>
247247
<li><a href="#确认技术方案">确认技术方案</a></li>
248-
<li><a href="#选择技术栈">选择技术栈</a></li>
249248
<li><a href="#搭建构建系统">搭建构建系统</a></li>
250249
<li><a href="#定义前端接口---使用-mock-server">定义前端接口 - 使用 Mock Server</a></li>
251-
<li><a href="#实现后台接口">实现后台接口</a></li>
252-
<li><a href="#对接应用编写测试">对接应用，编写测试</a></li>
250+
<li><a href="#实现功能">实现功能</a><ul>
251+
<li><a href="#分析设计图">分析设计图</a></li>
252+
<li><a href="#实现功能-1">实现功能</a></li>
253+
<li><a href="#编写测试">编写测试</a></li>
254+
</ul></li>
255+
<li><a href="#对接应用">对接应用</a></li>
253256
<li><a href="#上线">上线</a></li>
254257
</ul></li>
255258
</ul>
@@ -1420,11 +1423,23 @@ <h3 id="前端测试与-api-适配器">前端测试与 API 适配器</h3>
14201423
<p>一般来说这种工作是后台去做代码的，不得已由前端来实现时，也需要加一层相应的适配层</p>
14211424
<h2 id="小结-3">小结</h2>
14221425
<p>总之，API 使用的第一原则：不要『相信』前端提供的数据，不要『相应』后台返回的数据。</p>
1423-
<h1 id="详解从零设计开发一个前端应用">详解从零设计、开发一个前端应用</h1>
1424-
<h2 id="了解真实世界的需求">了解真实世界的需求</h2>
1425-
<h2 id="分析设计图">分析设计图</h2>
1426+
<h1 id="从零开发一个前端应用有多难">从零开发一个前端应用有多难？</h1>
1427+
<p>工作一段时候后，总会经历要从零创建一个前端应用的经历。</p>
1428+
<p>需要相当多的探索</p>
1429+
<h2 id="个人经历">个人经历</h2>
1430+
<p>刚开始的时候，自己一点点的构建添加各种需要的东西。</p>
1431+
<p>后来，懒了，便找个模板，改吧，改吧，就用上了。</p>
1432+
<p>代码只是其中的一小代码，还需要设计一系列的流程。</p>
1433+
<p>如 workflow，</p>
1434+
<p>webpack、rollup、tsc ？</p>
1435+
<p>gulp、grunt、npm ?</p>
1436+
<p>react、angular、vue.js ？</p>
1437+
<p>还需要考虑部署方案，自动部署，还是集成式？</p>
1438+
<p>而这些设计都不能脱离原始的需求，因此我们必须明白业务到底要的是什么系统。</p>
1439+
<h2 id="真实世界的需求">真实世界的需求</h2>
1440+
<p>stepping 完成建模？</p>
1441+
<p>可这是后端的工作~~，2333。</p>
14261442
<h2 id="确认技术方案">确认技术方案</h2>
1427-
<h2 id="选择技术栈">选择技术栈</h2>
14281443
<h2 id="搭建构建系统">搭建构建系统</h2>
14291444
<h2 id="定义前端接口---使用-mock-server">定义前端接口 - 使用 Mock Server</h2>
14301445
<p>按优先级有所不同</p>
@@ -1435,8 +1450,12 @@ <h2 id="定义前端接口---使用-mock-server">定义前端接口 - 使用 Moc
14351450
<li>同步后台的接口</li>
14361451
</ul>
14371452
<p>如一些 Related Fields 前端需要的可能是扁平的结果，但是未来可能需要更多的值</p>
1438-
<h2 id="实现后台接口">实现后台接口</h2>
1439-
<h2 id="对接应用编写测试">对接应用，编写测试</h2>
1453+
<h2 id="实现功能">实现功能</h2>
1454+
<h3 id="分析设计图">分析设计图</h3>
1455+
<p>我的意思是：切图。</p>
1456+
<h3 id="实现功能-1">实现功能</h3>
1457+
<h3 id="编写测试">编写测试</h3>
1458+
<h2 id="对接应用">对接应用</h2>
14401459
<h2 id="上线">上线</h2>
14411460
<section class="footnotes">
14421461
<hr />

0 commit comments

Comments
 (0)