diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
commit | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch) | |
tree | a9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/zh-tw/glossary/spa/index.html | |
parent | 074785cea106179cb3305637055ab0a009ca74f2 (diff) | |
download | translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2 translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip |
initial commit
Diffstat (limited to 'files/zh-tw/glossary/spa/index.html')
-rw-r--r-- | files/zh-tw/glossary/spa/index.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/files/zh-tw/glossary/spa/index.html b/files/zh-tw/glossary/spa/index.html new file mode 100644 index 0000000000..7bf0e740dc --- /dev/null +++ b/files/zh-tw/glossary/spa/index.html @@ -0,0 +1,38 @@ +--- +title: SPA +slug: Glossary/SPA +translation_of: Glossary/SPA +--- +<p><span class="seoSummary">單頁應用(SPA,Single-page application)是一種 Web app 開發實作。它能在使用網站時,只載入一個頁面;並在網頁更新時,透過 JavaScript API 如 {{domxref("XMLHttpRequest")}} 與 <a href="/zh-TW/docs/Web/API/Fetch_API">Fetch</a> 同步更新部份網頁。</span></p> + +<p>SPA 能讓用戶在使用網站時,不用從伺服器載入整個頁面,所以會提升性能與動態體驗。相對地,在 {{Glossary("SEO")}}、狀態與路由管理、還有性能監控方面,都會是需要考慮的劣勢。</p> + +<h2 id="參見">參見</h2> + +<h3 id="一般知識">一般知識</h3> + +<p>以下為訪間最熱門的 SPA:</p> + +<ul> + <li><a href="http://angular.io/">Angular</a></li> + <li><a href="https://reactjs.org/">React</a></li> + <li><a href="https://vuejs.org/">Vue.JS</a></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>維基百科 + <ol> + <li>{{Interwiki("wikipedia", "單頁應用程式")}}</li> + </ol> + </li> + <li><a href="/zh-TW/docs/Glossary">術語表</a> + <ol> + <li>{{Glossary("API")}}</li> + <li>{{Glossary("AJAX")}}</li> + <li>{{Glossary("JavaScript")}}</li> + </ol> + </li> + <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">理解 JavaScript 前端框架</a></li> +</ol> +</section> |