web前端面試題

時間：2022-11-24 08:17:54 面試技巧我要投稿

相關推薦

2017web前端面試題

　　web前端工程師想要取得面試成功，面試前了解面試題目很有必要，2017年的前端面試問題你知道有哪些嗎?以下是陽光網小編幫你們整理的2017web前端面試題，一起來學習啦。

2017web前端面試題

　　2017web前端面試題(一)

　　1、為什么要初始化CSS樣式。

　　因為瀏覽器的兼容問題，不同瀏覽器對有些標簽的默認值是不同的，如果沒對CSS初始化往往會出現瀏覽器之間的頁面顯示差異。

　　當然，初始化樣式會對SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化。

　　*最簡單的初始化方法就是： * {padding: 0; margin: 0;} 。

　　2、Doctype作用? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?

　　(1)、聲明位于文檔中的最前面，處于標簽之前。告知瀏覽器的解析器，用什么文檔類型規范來解析這個文檔。

　　(2)、嚴格模式的排版和 JS 運作模式是以該瀏覽器支持的最高標準運行。

　　(3)、在混雜模式中，頁面以寬松的向后兼容的'方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。

　　(4)、DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。

　　3、CSS 選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?

　　(1)、id選擇器( # myid)

　　(2)、類選擇器(.myclassname)

　　(3)、標簽選擇器(div, h1, p)

　　(4)、相鄰選擇器(h1 + p)

　　(5)、子選擇器(ul< li)

　　(6)、后代選擇器(li a)

　　(7)、通配符選擇器( * )

　　(8)、屬性選擇器(a[rel = “external”])

　　(9)、偽類選擇器(a: hover, li: nth – child)

　　* 可繼承：font-size font-family color, ul li dl dddt;

　　* 不可繼承：border padding margin width height ;

　　* 優先級就近原則，樣式定義最近者為準;

　　* 載入樣式以最后載入的定位為準;

　　優先級為:

　　!important > id> class > tag

　　important 比內聯優先級高

　　4、如何居中div，如何居中一個浮動元素?

　　確定容器的寬高寬500 高 300 的層。

　　設置層的外邊距

　　.div {

　　Width:500px ; height:300px;//高度可以不設

　　Margin: -150px 0 0 -250px;

　　position:relative;相對定位

　　background-color:pink;//方便看效果

　　left:50%;

　　top:50%;

　　}

　　2017web前端面試題(二)

　　1、css的基本語句構成是?

　　選擇器{屬性1:值1;屬性2:值2;„„} 例如：div{margin-top:10px;border:1px solid #ccc}

　　2、前端頁面由哪三層構成，分別是什么?作用是什么?

　　網頁分成三個層次，即：結構層、表示層、行為層。

　　網頁的結構層(structural layer)由 HTML 或 XHTML 之類的標記語言負責創建。標簽，也就是那些出現在尖括號里的單詞，對網頁內容的語義含義做出了描述，但這些標簽不包含任何關于如何顯示有關內容的信息。例如，P 標簽表達了這樣一種語義：“這是一個文本段。” 網頁的'表示層(presentation layer)由 CSS 負責創建。 CSS 對“如何顯示有關內容”的問題做出了回答。

　　網頁的行為層(behavior layer)負責回答“內容應該如何對事件做出反應”這一問題。這是Javascript語言和 DOM 主宰的領域。

　　3、你做的頁面在哪些流覽器測試過?

　　IE內核瀏覽器：360，傲游，搜狗，世界之窗，騰訊TT。

　　非IE內核瀏覽器：firefox opera safari chrome 。

　　4、著名的前端框架都有哪些的呢?

　　布局框架：bootstrap、easy UI等。

　　Js動效框架：jquery、angular.js等。

　　5、做一個網頁設計師或者前端工程師，平常訪問學習的IT網站都有哪些?

　　(1)、W3C *shool

　　(2)、segme*tFault

　　(3)、cs*n

　　(4)、知呼論壇

　　(5)、博*園

　　6、切圖工作是UI設計師來做?還是前端工程師來做?

　　對于app工程師，也就是ios和Android工程師，大多由UI設計師來完成切圖。

　　對于web前端工程師，也就是PC端、瀏覽端，大多有web前端工程師自己完成切圖。

　　2017web前端面試題(三)

　　1、切圖工程師、前端工程師、UI設計師、美工、網頁設計師區別是什么?

　　(1)、UI設計師俗稱美工，不過UI設計師工作高端、名字大氣、工資上檔次，不過大多公司都稱呼UI為美工，你也不要介意的，不管他們怎么稱呼的，反正就是做網站設計圖的就OK，別人怎么稱呼不重要的了，只要你拿了高工資就是UI設計師了。

　　UI的主要任務是設計。了解用戶的意圖，分析網站配色，基本布局。繪制出一個網站效果圖。 UI需要掌握的知識體系應該包括網頁設計，UI(User Interface)用戶界面人機交互、操作邏輯、界面美觀的整體設計，UED(user experience design)用戶體驗設計–簡單來說就是如何使得網站更加便于交互。

　　(2)、前端開發：

　　美工在完成設計效果圖之后，由前端開發人員將其制作成為適合瀏覽器查看的HTML頁面。由于現在移動互聯網的大規模流行，加上各個不同廠商的瀏覽器的激烈競爭，前端開發的主要任務簡單來說就是使網頁在不同瀏覽器不同分辨率不同設備上提供相似或相近的瀏覽體驗。

　　前端開發需要掌握的知識體系主要是兼容性問題的解決，流暢完美的交互體驗。具體到技術細節上就是HTML，CSS，JavaScript，各大公司各種不同內核的瀏覽器、各種各樣的JS庫、簡單的與后臺交互的知識。

　　(3)、后臺開發：

　　前臺開發完成之后，就是后臺程序員的工作了，相比較前端來說，后臺更像傳統意義上的程序員。后臺的工作簡單來說就是網頁文件對數據庫的增刪改查。

　　后臺需要掌握的知識體系應該包括，編程基礎，基本HTML語言，至少一門主流網頁語言(C#，C++，JAVA，PHP等)，數據庫的操作等等。

　　(4)、 UI設計師和網頁設計師有什么區別?

　　其實網頁設計，分出來有兩塊，一個是UI設計，一個是web前端。UI設計自然要懂的更多的是PS，FW，AI，CD等制圖軟件，還有一些比較優秀的網頁設計理念，切圖等相關知識。

　　web前端，需要的html+css+javascript，通過這三個東西把設計圖轉換成代碼。這一步所實現的就是設計圖的靜態化，也就是變成了網頁形式。

　　網頁設計師，是個很泛的概念，不過一般指的會偏重UI設計。稍微關注過網頁設計領域的公司，有點規模的，招人都會寫得比較詳細，例如招UI設計師，或者招web前端工程師。你找工作的時候，都找這些名稱比較規范的，因為起碼他們會區別職位的不同。一定要找的時候看清楚是UI設計師，不是找前端或者美工的'，前端更多的寫較高級的代碼的，會比設計懂的知識點更多的，美工其實就是淘寶裝修店鋪或者說簡單的PS照片的，就是會玩美圖秀秀或者PS簡單的繪圖就可以的了，UI設計師才是咱們的IT行業“高大上”職位。

　　(5)、UI設計師：

　　“UI”的本義是用戶界面，是英文User和interface的縮寫。UI設計師簡稱UID(User Interface Designer)，指從事對軟件的人機交互、操作邏輯、界面美觀的整體設計工作的人。

　　UI設計師的涉及范圍包括商用平面設計、高級網頁設計、移動應用界面設計及部分包裝設計，是目前中國信息產業中最為搶手的人才之一。

　　UI設計師的特點是：工資高、發展前景好，會一些簡單的前端知識代碼，做手機端和PC端的網站設計圖。

　　2、UI設計師的工作內容是什么?

　　(1)、負責軟件界面的美術設計、創意工作和制作工作;

　　(2)、根據各種相關軟件的用戶群，提出構思新穎、有高度吸引力的創意設計;

　　(3)、對頁面進行優化，使用戶操作更趨于人性化;

　　(4)、維護現有的應用產品;

　　(5)、收集和分析用戶對于GUI的需求。

　　3、UI設計師需要會使用的工具的簡稱都有哪些?

　　以下一些工具的簡稱，大家應該有一定的了解，以免被問到咱們只知道簡稱。