極客小俊

你不用拼過聰明人，你只需要拼過那些懶人 你就一定會(huì)超越大部分人!

腳手架 是指什么?

前端開發(fā)中提到的“腳手架”是一個(gè)形象的比喻，比喻各類語言的前期工作環(huán)境。

在軟件開發(fā)上（當(dāng)然也包括前端開發(fā)）的腳手架指的就是：有人幫你把這個(gè)開發(fā)過程中要用到的工具、環(huán)境都配置好了，你就可以方便地直接開始做開發(fā)，專注你的業(yè)務(wù)，而不用再花時(shí)間去配置這個(gè)開發(fā)環(huán)境，這個(gè)開發(fā)環(huán)境就是腳手架。比如vue.js就有個(gè)vue-cli腳手架，基于node.js的開發(fā)環(huán)境，作者幫你把開發(fā)環(huán)境大部分東西都配置好了，你把腳手架下載下來就可以直接開發(fā)了，不用再考慮搭建這些工具環(huán)境。

W3C 是什么?

W3C是World Wide Web Consortium的縮寫，表示的是“萬維網(wǎng)聯(lián)盟”。

W3C是WEB技術(shù)領(lǐng)域，國際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。主要工作是發(fā)展WEB規(guī)范。

SPA是什么?

百度官方的解釋是: 單頁Web應(yīng)用（single page web application，SPA），就是只有一張Web頁面的應(yīng)用，是加載單個(gè)HTML 頁面并在用戶與應(yīng)用程序交互時(shí)動(dòng)態(tài)更新該頁面的Web應(yīng)用程序。

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

單頁Web應(yīng)用（single page web application，SPA）是當(dāng)今網(wǎng)站開發(fā)技術(shù)的弄潮兒，很多傳統(tǒng)網(wǎng)站都在或者已經(jīng)轉(zhuǎn)型為單頁Web應(yīng)用，新的單頁Web應(yīng)用網(wǎng)站（包括移動(dòng)平臺上的）也如雨后春筍般涌現(xiàn)在人們的面前，如Gmail、Evernote、Trello等。如果你是一名Web開發(fā)人員，卻還沒開發(fā)過或者甚至是沒有聽說過單頁應(yīng)用，那你已經(jīng)Out很久了。單頁Web應(yīng)用和前端工程師們息息相關(guān)，因?yàn)橹饕淖兏锇l(fā)生在瀏覽器端，用到的技術(shù)其實(shí)還是HTML+CSS+JavaScript，所有的瀏覽器都原生支持，當(dāng)然有的瀏覽器因?yàn)榫邆湟恍└呒壧匦裕瑥亩沟脝雾揥eb應(yīng)用的用戶體驗(yàn)更上一層樓。關(guān)于單頁應(yīng)用的優(yōu)點(diǎn)和缺點(diǎn)，網(wǎng)上講解的文章有很多，這里就不展開論述了。 單頁Web應(yīng)用，顧名思義，就是只有一張Web頁面的應(yīng)用。瀏覽器一開始會(huì)加載必需的HTML、CSS和JavaScript，之后所有的操作都在這張頁面上完成，這一切都由JavaScript來控制。因此，單頁Web應(yīng)用會(huì)包含大量的JavaScript代碼，復(fù)雜度可想而知，模塊化開發(fā)和設(shè)計(jì)的重要性不言而喻

第一次進(jìn)入頁面時(shí)會(huì)請求一個(gè)html文件，刷新清除一下，切換到其他組件，此時(shí)路徑也相應(yīng)變化，但是并沒有新的html文件請求，頁面內(nèi)容卻變化了。（MPA）每一次頁面跳轉(zhuǎn)的時(shí)候，后臺服務(wù)器都會(huì)返回一個(gè)新的html文檔，這種類型的網(wǎng)站也就是多頁網(wǎng)站，也叫多頁應(yīng)用。

CDN是什么?

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

解決因分布、帶寬、服務(wù)器性能帶來的訪問延遲問題，適用于站點(diǎn)加速、點(diǎn)播、直播等場景。使用戶可就近取得所需內(nèi)容，解決 Internet網(wǎng)絡(luò)擁擠的狀況，提高用戶訪問網(wǎng)站的響應(yīng)速度和成功率?？刂茣r(shí)延無疑是現(xiàn)代信息科技的重要指標(biāo)，CDN的意圖就是盡可能的減少資源在轉(zhuǎn)發(fā)、傳輸、鏈路抖動(dòng)等情況下順利保障信息的連貫性。CDN就是扮演者護(hù)航者和加速者的角色，更快準(zhǔn)狠的觸發(fā)信息和觸達(dá)每一個(gè)用戶，帶來更為極致的使用體驗(yàn)。再通俗點(diǎn)說就是在網(wǎng)速一定的前提下，CDN就像網(wǎng)絡(luò)中快遞員小哥

Hack css是什么?

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

Hack技術(shù)的原理利用CSS中的優(yōu)先級以及CSS Hack技術(shù)，來實(shí)現(xiàn)“不同瀏覽器”對應(yīng)“不同CSS”的需求。

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

GPU&CPU 在前端開發(fā)中的重要性

顯卡的處理器稱為圖形處理器（GPU），它是顯卡的“心臟”，與CPU類似，只不過GPU是專為執(zhí)行復(fù)雜的數(shù)學(xué)和幾何計(jì)算而設(shè)計(jì)的。默認(rèn)情況下，網(wǎng)頁的渲染使用的是CPU。如果有了GPU來處理圖形任務(wù)，那么CPU就可以執(zhí)行其他更多系統(tǒng)任務(wù)，從而提升計(jì)算機(jī)整體性能。

GPU加速的主要用途主要用于CSS3技術(shù)中，提升二維動(dòng)畫的渲染速度。

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

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

Sprite是什么?

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

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

缺點(diǎn)：png圖片本身大小會(huì)超過jpg，解決辦法，盡量吧小的圖片轉(zhuǎn)成baseurl， 在吧精靈圖壓縮

ERP是什么?

(企業(yè)資源計(jì)劃——Enterprise Resource Planning)

ERP是針對: 物資資源管理（物流）、人力資源管理（人流）、財(cái)務(wù)資源管理（財(cái)流）、信息資源管理（信息流）集成一體化的企業(yè)管理軟件或者系統(tǒng)。ERP的核心管理思想就是實(shí)現(xiàn)對整個(gè)供應(yīng)鏈的有效管理

OA是什么?

(辦公自動(dòng)化——Office Automation)

是現(xiàn)代利用電腦進(jìn)行全自動(dòng)的辦公，目的是提高效率。

CMS是什么?

內(nèi)容管理系統(tǒng)——Content Management System

它具有許多基于模板的優(yōu)秀設(shè)計(jì)，可以加快網(wǎng)站開發(fā)的速度和減少開發(fā)的成本。CMS其實(shí)是一個(gè)很廣泛的稱呼，從一般的博客程序，新聞發(fā)布程序，到綜合性的網(wǎng)站管理程序都可以被稱為內(nèi)容管理系統(tǒng)。

CRM是什么?

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

GIS是什么?

地理信息系統(tǒng)（Geographic Information System或 Geo－Information system，GIS）有時(shí)又稱為“地學(xué)信息系統(tǒng)”。一般來說是和地圖應(yīng)用相關(guān)的項(xiàng)目

API是什么?

API（Application Programming Interface,應(yīng)用程序編程接口）是一些預(yù)先定義的函數(shù)，目的是提供應(yīng)用程序與開發(fā)人員基于某軟件或硬件得以訪問一組例程的能力，而又無需訪問源碼，或理解內(nèi)部工作機(jī)制的細(xì)節(jié)。

SDK是什么?

SDK（Software Development Kit）軟件開發(fā)工具包，是一個(gè)相當(dāng)廣泛的名詞，可以這么說輔助開發(fā)某一類軟件的相關(guān)文檔，范例和工具的集合都可以叫做“SDK”。SDK是一系列文件的組合，它為軟件的開發(fā)提供了一個(gè)平臺。

JDK是什么?

JDK（Java Development Kit）Java 開發(fā)工具包，是針對Java開發(fā)的產(chǎn)品。JDK是SDK的一個(gè)子集，因?yàn)樗情_發(fā)java程序的一個(gè)平臺，開發(fā)其他程序的SDK可以沒有JDK。比如你下載了一個(gè)軟件平臺eclipse-SDK-3.2.2-win32.zip，它本身里面是沒有JDK的。但是只要開發(fā)Java程序就必須使用JDK（Java EE和Java SE）

JDK(Java Development Kit)又稱J2SDK(Java2 Software Development Kit)，是Java開發(fā)工具包，它提供了Java的開發(fā)環(huán)境(提供了編譯器javac等工具，用于將java文件編譯為class文件)和運(yùn)行環(huán)境(提 供了JVM和Runtime輔助包，用于解析class文件使其得到運(yùn)行)。如果你下載并安裝了JDK，那么你不僅可以開發(fā)Java程序，也同時(shí)擁有了運(yùn)行Java程序的平臺。JDK是整個(gè)Java的核心，包括了Java運(yùn)行環(huán)境(JRE)，一堆Java工具tools.jar和Java標(biāo)準(zhǔn)類庫 (rt.jar)

JRE是什么?

JRE(Java Runtime Enviroment)是Java的運(yùn)行環(huán)境。面向Java程序的使用者，而不是開發(fā)者。如果你僅下載并安裝了JRE，那么你的系統(tǒng)只能運(yùn)行Java程序。JRE是運(yùn)行Java程序所必須環(huán)境的集合，包含JVM標(biāo)準(zhǔn)實(shí)現(xiàn)及 Java核心類庫。它包括Java虛擬機(jī)、Java平臺核心類和支持文件。它不包含開發(fā)工具(編譯器、調(diào)試器等)。

IDE是什么?

IDE（Integrated Development Environment，簡稱IDE，集成開發(fā)環(huán)境）是一種輔助程序開發(fā)人員開發(fā)軟件的應(yīng)用軟件。如 Sublime, Webstrom, Visual Studio,Eclipse等。

算法是什么?

對特定問題的解決步驟。菜譜就是一種算法。

數(shù)據(jù)結(jié)構(gòu)是什么?

數(shù)據(jù)的內(nèi)部構(gòu)成稱為數(shù)據(jù)結(jié)構(gòu)。數(shù)據(jù)結(jié)構(gòu)是信息的一種組織方式，其目的是為了提高算法的效率。

遍歷 指是什么?

在數(shù)據(jù)結(jié)構(gòu)中有遍歷這個(gè)概念，簡單點(diǎn)就是將數(shù)據(jù)的所有節(jié)點(diǎn)都查詢一遍。

回調(diào)函數(shù) 是什么?

回調(diào)指： 函數(shù)A作為參數(shù)傳入函數(shù)B，函數(shù)B 在某個(gè)時(shí)候調(diào)用函數(shù)A，函數(shù)A 則為回調(diào)?；卣{(diào)函數(shù)常常簡稱為回調(diào)。

同步和異步 是什么意思?

同步編程

即是一種典型的請求-響應(yīng)模型，當(dāng)請求調(diào)用一個(gè)函數(shù)或方法后，需等待其響應(yīng)返回，然后執(zhí)行后續(xù)代碼。

異步編程

不同于同步編程的請求-響應(yīng)模式，其是一種事件驅(qū)動(dòng)編程，請求調(diào)用函數(shù)或方法后，無需立即等待響應(yīng)，可以繼續(xù)執(zhí)行其他任務(wù)，而之前任務(wù)響應(yīng)返回后可以通過狀態(tài)、通知和回調(diào)來通知調(diào)用者。

同步是阻塞模式，異步是非阻塞模式。

比喻如下同步就是你叫我去吃飯，我聽到了就和你去吃飯；如果沒有聽到，你就不停的叫，直到我告訴你聽到了，才一起去吃飯。異步就是你叫我，然后自己去吃飯，我得到消息后可能立即走，也可能等到下班才去吃飯。

Stylus、Less、Sass是什么?

三個(gè)都是是 CSS 的預(yù)處理框架。

stylus是相比less、sass更簡潔一點(diǎn)

Less 和 Sass 都是 CSS 的預(yù)處理工具，提供了很多 CSS 沒有的功能，如混入、變量、運(yùn)算、函數(shù)、嵌套、顏色處理等。

ECMAScript是什么?

ECMAscript根據(jù)MCMA-262標(biāo)準(zhǔn)，實(shí)現(xiàn)的通用腳本語言規(guī)范 是一種語法標(biāo)準(zhǔn)

javascript 是通用的跨平臺腳本語言，他遵守ECMA262的標(biāo)準(zhǔn)，換句話說就是ECMAscript的方言，其他的還有微軟的jscript等。

總之;ECMAscript可以理解為是JavaScript的一個(gè)標(biāo)準(zhǔn),一種腳本語言的標(biāo)準(zhǔn)化規(guī)范

Yarn、npm、cnpm是什么意思?

Yarn是由Facebook、Google、Exponent 和 Tilde 聯(lián)合推出了一個(gè)新的 JS 包管理工具 ，正如官方文檔中寫的，Yarn 是為了彌補(bǔ) npm 的一些缺陷而出現(xiàn)的。

npm是Node軟件包管理器

npm是nodejs官方未nodejs定制的一個(gè)工具，是Node.js的包管理器，是Node Packaged Modules的簡稱，通過npm可以下載安裝nodejs的模塊包，nodejs有很多優(yōu)秀的模塊包可以讓開發(fā)這快速開發(fā)。是為了幫助Node解決依賴包的安裝問題NPM屬于Node模塊的管理器

cnpm是淘寶團(tuán)隊(duì)做的國內(nèi)鏡像，因?yàn)閚pm的服務(wù)器位于國外可能會(huì)影響安裝。淘寶鏡像與官方同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步。

spm、bower、Component是什么?

spm和bower、Component是前端模塊管理，作為一個(gè)靜態(tài)資源共享平臺，用來發(fā)布和共享前端模塊

spm和bower、component都是針對前端模塊化共享而提供的解決方案

CommonJS 是什么?

是以在瀏覽器環(huán)境之外構(gòu)建 javaScript 生態(tài)系統(tǒng)為目標(biāo)而產(chǎn)生的寫一套規(guī)范，主要是為了解決 javaScript 的作用域問題而定義的模塊形式，可以使每個(gè)模塊它自身的命名空間中執(zhí)行，該規(guī)范的主要內(nèi)容是，模塊必須通過 module.exports 導(dǎo)出對外的變量或者接口，通過 require() 來導(dǎo)入其他模塊的輸出到當(dāng)前模塊的作用域中；目前在服務(wù)器和桌面環(huán)境中，node.js 遵循的是 CommonJS 的規(guī)范；CommonJS 對模塊的加載時(shí)同步的；

根據(jù)CommonJS規(guī)范，一個(gè)單獨(dú)的文件就是一個(gè)模塊。加載模塊使用require方法，該方法讀取一個(gè)文件并執(zhí)行，最后返回文件內(nèi)部的exports對象?？梢岳斫鉃镃ommonJS是一種規(guī)范,是用在服務(wù)器端的，NodeJS是這種規(guī)范的實(shí)現(xiàn)。CommonJS API定義很多普通應(yīng)用程序（主要指非瀏覽器的應(yīng)用）使用的API，從而填補(bǔ)了這個(gè)空白。開發(fā)者可以使用CommonJS API編寫應(yīng)用程序，然后這些應(yīng)用可以運(yùn)行在不同的JavaScript解釋器和不同的主機(jī)環(huán)境中：①服務(wù)器端JavaScript應(yīng)用程序②命令行工具③圖形界面應(yīng)用程序④混合應(yīng)用程序

CommonJS 是一種規(guī)范 AngularJS RequireJS ReactJS SeaJS是基于這種規(guī)范上應(yīng)運(yùn)而生的框架

什么是FIS?

FIS 前端集成解決方案 Front-end Integrated Solution

fis主要做的就是優(yōu)化代碼，對源代碼進(jìn)行壓縮混淆，主要是為了解決前端的各種難題。它可以自動(dòng)替換資源路徑，對地址加hash值，壓縮打包，一鍵發(fā)布優(yōu)化后的代碼到服務(wù)器。其實(shí)和gulp、grunt、webpack能工具一樣，不過fis自己的生態(tài)功能比較完善，而且有各種場景適用方案。使用fis，支持smarty、java等后段代碼壓縮，支持模塊化開發(fā)。對前端優(yōu)化無非實(shí)現(xiàn)三點(diǎn)：資源定位內(nèi)容嵌入依賴分析

2011年底，百度web前端研發(fā)部成立F.I.S團(tuán)隊(duì)，匯集了來自各產(chǎn)品線的精英工程師，該團(tuán)隊(duì)的任務(wù)是尋找提升前端工業(yè)生產(chǎn)力水平的解決方案。經(jīng)過 1年半的努力，fis團(tuán)隊(duì)和百度眾多產(chǎn)品線共同探索出一套前端集成解決方案，解決了諸如 前端靜態(tài)資源加載優(yōu)化、頁面運(yùn)行性能優(yōu)化、基礎(chǔ)編譯工具、運(yùn)行環(huán)境模擬、js與css組件化開發(fā) 等前端領(lǐng)域開發(fā)的核心問題。如今，fis團(tuán)隊(duì)的解決方案已應(yīng)用到百度40多個(gè)產(chǎn)品線，覆蓋了從pc到無線終端的應(yīng)用，提升了前端團(tuán)隊(duì)的生產(chǎn)力水平，降低了開發(fā)成本。

什么是grunt、 gulp

前端構(gòu)建工具也可以理解為前端自動(dòng)化工具

1. 可以自動(dòng)編譯less，sass為css

2. 文件合并

3. 文件壓縮

4. 語法檢查

5. 監(jiān)聽文件變化

什么是GIT和SVN ?

簡單來說GIT和SVN都是版本管理系統(tǒng)。GIT跟SVN一樣有自己的集中式版本庫或服務(wù)器。但，GIT更傾向于被使用于分布式模式，也就是每個(gè)開發(fā)人員從中心版本庫/服務(wù)器上chect out代碼后會(huì)在自己的機(jī)器上克隆一個(gè)自己的版本庫。

GIT和SVN 屬于同一類型技術(shù)

CoffeeScript什么是?

CoffeeScript是一套JavaScript的轉(zhuǎn)譯語言，相當(dāng)于是JavaScript預(yù)編譯有點(diǎn)像css預(yù)編譯的意思

CoffeeScript 會(huì)將類似 Ruby 語法的代碼編譯成 JavaScript ?而且大部分結(jié)構(gòu)都相似，但不同的是 CoffeeScript 擁有更嚴(yán)格的語

什么是前端模塊化開發(fā)?

DuoJS

RequireJS

Sea.js

ReactJS

AngularJS

瀏覽器本身并不提供模塊管理的機(jī)制，為了調(diào)用各個(gè)模塊，有時(shí)不得不在網(wǎng)頁中，加入一大堆script標(biāo)簽。這樣就使得網(wǎng)頁體積臃腫，難以維護(hù)，還產(chǎn)生大量的HTTP請求，拖慢顯示速度，影響用戶體驗(yàn)。為了解決這個(gè)問題，前端的模塊管理器（package management）應(yīng)運(yùn)而生。它可以輕松管理各種JavaScript腳本的依賴關(guān)系，自動(dòng)加載各個(gè)模塊，使得網(wǎng)頁結(jié)構(gòu)清晰合理。不夸張地說，將來所有的前端JavaScript項(xiàng)目，應(yīng)該都會(huì)采用這種方式開發(fā)。最早也是最有名的前端模塊管理器，非RequireJS莫屬。它采用AMD格式，異步加載各種模塊。具體的用法，可以參考我寫的教程。Require.js的問題在于各種參數(shù)設(shè)置過于繁瑣，不容易學(xué)習(xí)，很難完全掌握。而且，實(shí)際應(yīng)用中，往往還需要在服務(wù)器端，將所有模塊合并后，再統(tǒng)一加載，這多出了很多工作量。

AMD、CMD 是什么?

AMD((Asynchromous Module Definition) 是 RequireJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出

CMD是SeaJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出

AMD、CMD是用在瀏覽器端的，異步的，如RequireJS 和SeaJS

AMD CMD Bower Component NPM屬于同一類型技術(shù)

如果喜歡話請 點(diǎn)贊? 評論? 收藏 一鍵三連? ?

大家的支持就是我堅(jiān)持下去的動(dòng)力!