SPA
單頁Web應用（single page web application，SPA），就是只有一張Web頁面的應用，是加載單個HTML 頁面并在用戶與應用程序交互時動態更新該頁面的Web應用程序。

特點
速度：更好的用戶體驗，讓用戶在web app感受native app的速度和流暢，
MVC：經典MVC開發模式，前后端各負其責。
ajax：重前端，業務邏輯全部在本地操作，數據都需要通過AJAX同步、提交。
路由：在URL中采用#號來作為當前視圖的地址,改變#號后的參數，頁面并不會重載。

單頁Web應用（single page web application，SPA）是當今網站開發技術的弄潮兒，很多傳統網站都在或者已經轉型為單頁Web應用，新的單頁Web應用網站（包括移動平臺上的）也如雨后春筍般涌現在人們的面前，如Gmail、Evernote、Trello等。如果你是一名Web開發人員，卻還沒開發過或者甚至是沒有聽說過單頁應用，那你已經Out很久了。
單頁Web應用和前端工程師們息息相關，因為主要的變革發生在瀏覽器端，用到的技術其實還是HTML+CSS+JavaScript，所有的瀏覽器都原生支持，當然有的瀏覽器因為具備一些高級特性，從而使得單頁Web應用的用戶體驗更上一層樓。關于單頁應用的優點和缺點，網上講解的文章有很多，這里就不展開論述了。 單頁Web應用，顧名思義，就是只有一張Web頁面的應用。瀏覽器一開始會加載必需的HTML、CSS和JavaScript，之后所有的操作都在這張頁面上完成，這一切都由JavaScript來控制。因此，單頁Web應用會包含大量的JavaScript代碼，復雜度可想而知，模塊化開發和設計的重要性不言而喻

CDN
簡單地說，CDN是一個經策略性部署的整體系統，包括分布式存儲、負載均衡、網絡請求的重定向和內容管理4個要件，而內容管理和全局的網絡流量管理(Traffic Management)是CDN的核心所在。通過用戶就近性和服務器負載的判斷，CDN確保內容以一種極為高效的方式為用戶的請求提供服務。

解決因分布、帶寬、服務器性能帶來的訪問延遲問題，適用于站點加速、點播、直播等場景。使用戶可就近取得所需內容，解決 Internet網絡擁擠的狀況，提高用戶訪問網站的響應速度和成功率。
控制時延無疑是現代信息科技的重要指標，CDN的意圖就是盡可能的減少資源在轉發、傳輸、鏈路抖動等情況下順利保障信息的連貫性。
CDN就是扮演者護航者和加速者的角色，更快準狠的觸發信息和觸達每一個用戶，帶來更為極致的使用體驗。
再通俗點說就是在網速一定的前提下，CDN就像網絡中快遞員小哥

https://www.zhihu.com/question/37353035/answer/175217812

Hack
Hack，英文含義為“修改”。由于不同的瀏覽器對CSS的支持程度不同，同樣CSS的樣式代碼在不同瀏覽器當中的表現可能出現不一致。為了讓所有瀏覽器樣式統一，有時需要為某種瀏覽器設置不同于其他瀏覽器的“專屬樣式”。

Hack技術的原理
利用CSS中的優先級以及CSS Hack技術，來實現“不同瀏覽器”對應“不同CSS”的需求。

Hack的種類
CSS Hack主要針對IE瀏覽器，可以分為3種表現形式：
● 屬性前綴法：CSS屬性上添加Hack（*height: 300px;）；
● 選擇器前綴法：在選擇器上添加Hack（*html { }）；
● 條件注釋法：頭部引用Hack（<!–[if lt IE 8]–>）。

GPU&CPU
顯卡的處理器稱為圖形處理器（GPU），它是顯卡的“心臟”，與CPU類似，只不過GPU是專為執行復雜的數學和幾何計算而設計的。
默認情況下，網頁的渲染使用的是CPU。如果有了GPU來處理圖形任務，那么CPU就可以執行其他更多系統任務，從而提升計算機整體性能。

GPU加速的主要用途
主要用于CSS3技術中，提升二維動畫的渲染速度。

GPU加速的觸發方法
為動畫DOM元素添加如下CSS3樣式。
-webkit-transform:translate3d(0,0,0)；
-webkit-transform:translateZ(0);
兩種方法都會開啟GPU硬件加速模式，從而讓瀏覽器在渲染動畫時從CPU轉向GPU。

對于網頁效果來說，由于如上代碼中的值設置為0，因此，并沒有真正使用3D效果，但瀏覽器卻因此開啟了GPU硬件加速模式。
GPU加速的應用場景
● 涉及大量大尺寸圖片的動畫；
● 涉及大量DOM元素的CSS3動畫。

Sprite
CSS Sprite，也有人將其稱為CSS精靈(雪碧圖)，是一種網頁圖片應用處理方式。它允許將一個頁面涉及到的所有零星圖片都合并到一張大圖當中，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。

CSS Sprite的原理
CSS Sprite與Photoshop的背景圖合并一樣，就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的background-position屬性的進行背景定位。

缺點：
png圖片本身大小會超過jpg，解決辦法，盡量吧小的圖片轉成baseurl， 在吧精靈圖壓縮

UA
UA是User Agent的縮寫。
UA是一個特殊字符串頭，使得服務器能夠識別客戶使用的操作系統及版本、CPU 類型、瀏覽器及版本、瀏覽器渲染引擎、瀏覽器語言、瀏覽器插件等。
UA的用途
例如：檢測當前訪問設備的類型（移動設備還是桌端設備），并根據具體情況實現“重定向”。

ERP：
(企業資源計劃——Enterprise Resource Planning)
ERP是針對物資資源管理（物流）、人力資源管理（人流）、財務資源管理（財流）、信息資源管理（信息流）集成一體化的企業管理軟件。ERP的核心管理思想就是實現對整個供應鏈的有效管理

OA：
(辦公自動化——Office Automation)
是現代利用電腦進行全自動的辦公，目的是提高效率。

CMS
內容管理系統——Content Management System
它具有許多基于模板的優秀設計，可以加快網站開發的速度和減少開發的成本。CMS其實是一個很廣泛的稱呼，從一般的博客程序，新聞發布程序，到綜合性的網站管理程序都可以被稱為內容管理系統。

CRM：
“客戶關系管理(CRM)是代表增進贏利、收入和客戶滿意度而設計的，企業范圍的商業戰略?！?："客戶關系管理(CRM)是代表增進
主要是管理客戶和供應商，以及管理倉庫和物料，其主要表現在客戶資料管理、聯系記錄的管理和訂單的管理等，多用于業務部門。如：記錄客戶的聯系方式，客戶的需求，客戶的交易記錄等和客戶相關的功能。但是不具有ERP的預警、分析等職能。CRM不是企業級管理系統，一般只應用于銷售部。

GIS:
地理信息系統（Geographic Information System或 Geo－Information system，GIS）有時又稱為“地學信息系統”。一般來說是和地圖應用相關的項目

IaaS:
Infrastructure-as-a-Service(基礎設施即服務)有了IaaS，你可以將硬件外包到別的地方去。IaaS公司會提供場外服務器，存儲和網絡硬件，你可以租用。節省了維護成本和辦公場地，公司可以在任何時候利用這些硬件來運行其應用。一些大的IaaS公司包括Amazon, Microsoft, VMWare, Rackspace和Red Hat.不過這些公司又都有自己的專長，比如Amazon和微軟給你提供的不只是IaaS，他們還會將其計算能力出租給你來host你的網站。

PaaS:
Platform-as-a-Service(平臺即服務)第二層就是所謂的PaaS，某些時候也叫做中間件。你公司所有的開發都可以在這一層進行，節省了時間和資源。PaaS公司在網上提供各種開發和分發應用的解決方案，比如虛擬服務器和操作系統。這節省了你在硬件上的費用，也讓分散的工作室之間的合作變得更加容易。網頁應用管理，應用設計，應用虛擬主機，存儲，安全以及應用開發協作工具等。一些大的PaaS提供者有Google App Engine,Microsoft Azure，Force.com,Heroku，Engine Yard。最近興起的公司有AppFog,Mendix和Standing Cloud.

SaaS:?
Software-as-a-Service(軟件即服務)第三層也就是所謂。這一層是和你的生活每天接觸的一層，大多是通過網頁瀏覽器來接入。任何一個遠程服務器上的應用都可以通過網絡來運行，就是SaaS了。你消費的服務完全是從網頁如Netflix,MOG,Google Apps,Box.net,Dropbox或者蘋果的iCloud那里進入這些分類。盡管這些網頁服務是用作商務和娛樂或者兩者都有，但這也算是云技術的一部分。一些用作商務的SaaS應用包括Citrix的Go To Meeting，Cisco的WebEx，Salesforce的CRM，ADP，Workday和SuccessFactors。
————————————————