首先，我們來(lái)看看山姆大叔所主張的 SPA（單頁(yè)應(yīng)用）開(kāi)發(fā)模式。SPA 意為 Single Page Application，指的是在一個(gè)頁(yè)面內(nèi)完成數(shù)據(jù)的處理、頁(yè)面的切換、數(shù)據(jù)的展示等功能，而不用每次刷新整個(gè)頁(yè)面。使用 SPA 可以提高網(wǎng)站性能和用戶(hù)體驗(yàn)。
// 山姆大叔根據(jù)自己的經(jīng)驗(yàn)提供了一個(gè)名為 Sammy.js 的框架，用于實(shí)現(xiàn) SPA
var app = Sammy('body', function() {
this.get('#/', function() {
// 處理主頁(yè)
});
this.get('#/about', function() {
// 處理關(guān)于頁(yè)
});
this.get('#/blog/:id', function() {
// 處理博客詳情頁(yè)
});
});
app.run();Sammy.js 的特點(diǎn)在于只需要引入一個(gè) js 文件，就可以很方便地做到路由控制、模板引擎和 Ajax 等功能，從而大幅度降低開(kāi)發(fā)成本。
相比于傳統(tǒng)開(kāi)發(fā)模式的直接刷新跳轉(zhuǎn)，SAP 模式的優(yōu)勢(shì)在于用戶(hù)可以無(wú)縫地切換頁(yè)面，而在不同頁(yè)面之間的數(shù)據(jù)交互也會(huì)變得更加順暢。
除了 SPA，在山姆大叔的 SuoerAgent.js 中，你可以發(fā)現(xiàn)另一種超級(jí)神奇的模式：鏈?zhǔn)秸{(diào)用。
superagent
.get('http://www.example.com/search')
.query({ query: 'Manny' })
.end((err, res) =>{
// 處理返回結(jié)果
});像這樣使用鏈?zhǔn)秸{(diào)用的目的是為了讓代碼看起來(lái)更加優(yōu)雅。在實(shí)際開(kāi)發(fā)中，我們常常需要向服務(wù)器請(qǐng)求數(shù)據(jù)、對(duì)數(shù)據(jù)進(jìn)行處理，再渲染至網(wǎng)頁(yè)中，若采用普通的回調(diào)嵌套方式則會(huì)顯得十分混亂。而通過(guò)使用鏈?zhǔn)秸{(diào)用的方式，可以將不同的操作銜接起來(lái)，直觀地展示程序的邏輯。
另外，Sammy.js 和 SuperAgent.js 都具有高度的擴(kuò)展性，開(kāi)發(fā)者可以根據(jù)自己的需求自由定制 API 接口、路由管理和數(shù)據(jù)模塊等功能，滿足不同的項(xiàng)目需求。
總體來(lái)說(shuō)，山姆大叔在 JavaScript 的開(kāi)發(fā)體系中發(fā)揮著不可替代的作用，無(wú)論 SPA 還是鏈?zhǔn)秸{(diào)用，都為前端的技術(shù)演進(jìn)帶來(lái)了不少的樂(lè)趣和便利。我們相信，在不久的將來(lái)，山姆大叔還將為我們帶來(lái)更多的技術(shù)驚喜。