专业名词
W3C
W3C 是World Wide Web Consortium 的缩写，表示的是“万维网联盟”。
W3C 是WEB 技术领域，国际中立性技术标准机构。主要工作是发展WEB 规范。
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 技术的原理
280
利用CSS 中的优先级以及CSS Hack 技术，来实现“不同浏览器”对应“不同CSS”的需求。
Hack 的种类
CSS Hack 主要针对IE 浏览器，可以分为3 种表现形式：
● 属性前缀法：CSS 属性上添加Hack（*height: 300px;）；
● 选择器前缀法：在选择器上添加Hack（*html { }）；
● 条件注释法：头部引用Hack（）。
GPU&CPU
显卡的处理器称为图形处理器（GPU），它是显卡的“心脏”，与CPU 类似，只不过GPU 是专为执行复杂的数学和几何计算而设计的。
默认情况下，网页的渲染使用的是CPU。如果有了GPU 来处理图形任务，那么CPU 就可以执行其他更多系统任务，从而提升计算机整体性能。
GPU 加速的主要用途
主要用于CSS3 技术中，提升二维动画的渲染速度。
GPU 加速的触发方法
为动画DOM 元素添加如下CSS3 样式。
-webkit-transform:transition3d(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 的用途
例如：检测当前访问设备的类型（移动设备还是桌端设备），并根据具体情况实现“重定向”。
281
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.
282
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。