Word文檔下載
1. 哪一種語言是世界上最流行的腳步語言?
答:JavaScript是世界上最流行的腳本語言，因為你在電腦、手機、平板上瀏覽的所有的網頁，以及無數基於HTML5的手機App，交互邏輯都是由JavaScript驅動的。簡單地說，JavaScript是一種運行在瀏覽器中的解釋型的編程語言。
2.當今流行哪幾種編程方式?
答:面向過程編程、面向對象編程、面向接口編程、面向切面編程等。
3. AxureRP軟件是干什么用的?
答:AxureRP是一個專業的快速原型設計工具。Axure(發音:Ack-sure)代表美國Axure公司；RP是RapidPrototyping（快速原型）的縮寫。
AxureRP軟件允許負責定義需求和規格、設計功能和界面的專家快速創建應用軟件或網站的線框圖、流程圖、原型和規格描述文檔。它是一種快速高效的原型設計工具，同時支持多人合作設計和版本控制管理。AxureRP的用戶主要包括商業分析師、信息架構師、產品經理、信息技術顧問、用戶體驗設計師、互動設計師、用戶界面設計師等。此外，架構師和程序員也在使用Axure。
4.Visual Studio Code軟件是干什么用的?
答: Visual Studio Code（簡稱VS Code”）是Microsoft的可開源的產品，現代Web和雲應用的跨平台源代碼編輯器， 可在桌面上運行，並且可用於Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，並具有豐富的其他語言（例如C++，C＃，Java，Python，PHP，Go）和運行時（例如.NET和Unity）擴展的生態系統。
5.簡單說一下你對Html盒子模型的理解?
當對一個文檔進行布局（layout）的時候，瀏覽器的渲染引擎會將所有元素表示為一個個矩形的盒子（box）。一個盒子從里向往由四個部分組成：content、padding、border、margin
6. 請解釋一下CSS 中的 box-sizing 屬性.
CSS中的box-sizing屬性定義了引擎應該如何計算一個元素的總寬度和總高度
該屬性有三個值:
content-box :默認值，元素的 width/height 不包含padding，border，
border-box: 元素的 width/height 包含 padding，border，
inherit: 指定box-sizing 屬性的值，應該從父元素繼承
7.calc, support, media各自的含義及用法？
@support主要是用於檢測瀏覽器是否支持CSS的某個屬性，其實就是條件判斷，如果支持某個屬性，你可以寫一套樣式，如果不支持某個屬性，你也可以提供另外一套樣式作為替補。
calc() 函數用於動態計算長度值。 calc()函數支持 "+", "-", "*", "/" 運算；
@media 查詢，你可以針對不同的媒體類型定義不同的樣式。
8. Vue框架是什么?
Vue.js（/vjuː/，或簡稱為Vue）是一個用於創建用戶界面的開源JavaScript框架，也是一個創建單頁應用的Web應用框架。Vue所關注的核心是MVC模式中的視圖層，同時，它也能方便地獲取數據更新，並通過組件內部特定的方法實現視圖與模型的交互。
作者尤雨溪是在為AngularJS工作之后開發出了這一框架。他聲稱自己的思路是提取Angular中為自己所喜歡的部分，構建出一款相當輕量的框架。
9. Vue框架核心采用數據驅動。MVVM模式，簡單解釋。
MVVM表示的是 Model-View-ViewModel
Model：模型層，負責處理業務邏輯以及和服務器端進行交互
View：視圖層：負責將數據模型轉化為UI展示出來，可以簡單的理解為HTML頁面
ViewModel：視圖模型層，用來連接Model和View，是Model和View之間的通信橋梁
10. 關於CSS屬性選擇器常用的有哪些（至少說出5個）：
id選擇器
類選擇器
標簽選擇器
后代選擇器
子選擇器
相鄰同胞選擇器
……
11.請簡單說一下CSS選擇器的優先級。
！important>行間樣式>id選擇器>class選擇器>標簽選擇器>通配符
到具體的計算層⾯，優先級是由 A 、B、C、D 的值來決定的，其中它們的值計算規則如下：
如果存在內聯樣式，那么 A = 1, 否則 A = 0
B的值等於 ID選擇器出現的次數
C的值等於 類選擇器 和 屬性選擇器 和 偽類 出現的總次數
D 的值等於 標簽選擇器 和 偽元素 出現的總次數
這里舉個例子：
#nav-global > ul > li > a.nav-link
套用上面的算法，依次求出 A B C D 的值：
因為沒有內聯樣式 ，所以 A = 0
ID選擇器總共出現了1次， B = 1
類選擇器出現了1次， 屬性選擇器出現了0次，偽類選擇器出現0次，所以 C = (1 + 0 + 0) = 1
標簽選擇器出現了3次， 偽元素出現了0次，所以 D = (3 + 0) = 3
上面算出的A 、 B、C、D 可以簡記作：(0, 1, 1, 3)
知道了優先級是如何計算之后，就來看看比較規則：
從左往右依次進行比較 ，較大者優先級更高
如果相等，則繼續往右移動一位進行比較
如果4位全部相等，則后面的會覆蓋前面的
經過上面的優先級計算規則，我們知道內聯樣式的優先級最高，如果外部樣式需要覆蓋內聯樣式，就需要使用!important
11. CSS水平、垂直居中的寫法，請至少寫出2種？
水平居中
行內元素: text-align: center
塊級元素: margin: 0
autoposition:absolute +left:50%+ transform:translateX(-50%)
display:flex + justify-content: center
垂直居中
設置line-height 等於height
position：absolute +top:50%+ transform:translateY(-50%)
display:flex + align-items: center
display:table+display:table-cell + vertical-align: middle;
12. 什么是響應式網站設計?
響應式網站設計（Responsive Web design）是一種網絡頁面設計布局，頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。
描述響應式界面最著名的一句話就是“Content is like water”
大白話便是“如果將屏幕看作容器，那么內容就像水一樣”
響應式網站常見特點：
同時適配PC + 平板 + 手機等
標簽導航在接近手持終端設備時改變為經典的抽屜式導航
網站的布局會根據視口來調整模塊的大小和位置
13.Bootstrap是什么東東?
Bootstrap 是全球受歡迎的前端開源工具庫.基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。Bootstrap提供了優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。它支持 Sass 變量和 mixin、響應式柵格系統、自帶大量組件和眾多強大的 JavaScript 插件。基於 Bootstrap 提供的強大功能，能夠讓你快速設計並定制你的網站。
14.JQuery是什么東東”
jQuery是一個快速，小型且功能豐富的JavaScript庫。借助易於使用的API（可在多種瀏覽器中使用），它使HTML文檔的遍歷和操縱，事件處理，動畫和Ajax等事情變得更加簡單。兼具多功能性和可擴展性，jQuery改變了數百萬人編寫JavaScript的方式。
jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器等。
語言特點
快速獲取文檔元素
提供漂亮的頁面動態效果
創建AJAX無刷新網頁
提供對JavaScript語言的增強
增強的事件處理
更改網頁內容
15.Vue項目中的常見詞匯Babel,ESLint,SCSS解釋:
Babel: 是編寫下一代 JavaScript 的編譯器。ES2015 and beyond。Babel 默認使用一組 ES2015 語法轉換器，允許你使用新的語法，無需等待瀏覽器支持。JSX and React。Babel 內置支持 JSX，與 babel-sublime 包一起結合，將語法高亮功能帶到一個新的高度。Pluggable。Babel 支持用戶插件。允許你插入強大的 Babel 轉換層。
ESLint:在團隊協作中，為避免低級 Bug、以及團隊協作時不同代碼風格對彼此造成的困擾與影響，會預先制定編碼規范。使用 Lint 工具和代碼風格檢測工具，則可以輔助編碼規范執行，有效控制代碼質量。EsLint 則是其中一個很好的工具。
SCSS（SASS）: 它是一款強化 CSS 的輔助工具，它在 CSS 語法的基礎上增加了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、導入 (inline imports) 等高級功能，這些拓展令 CSS 更加強大與優雅。使用 Sass 以及 Sass 的樣式庫（如 Compass）有助於更好地組織管理樣式文件，以及更高效地開發項目。
16.創建Vue項目的常見指令解釋.
#查看node軟件版本
node –v
#使用node中的指令npm 安裝配置淘寶鏡像下載指令cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
#使用cnpm 從淘寶鏡像站點下載Vue腳手架，並且全局安裝。
cnpm install -g @vue/cli
#利用腳手架命令創建Vue項目
vue create hello
#開始開發版的編譯工作，並且啟動后台服務用於承載Vue項目。
npm run serve