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