web前端工程師 面試題

標籤：style   class   blog   java   http   ext   

　　今天剛結束一場面試（含筆試），對自己的表現不太滿意，感覺沒有發揮好應有的水平，也只能怪自己平時沒有及時積累和整理知識，準備也不充分。

　　就不扯那麼多了，下面是我面試時，沒能答上或者覺自己回答的不夠好的題目。

　　

1.position 屬性規定元素的定位類型

值	描述
absolute	產生絕對位置的元素，相對於 static 定位以外的第一個父元素進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed	產生絕對位置的元素，相對於瀏覽器視窗進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative	產生相對定位的元素，相對於其正常位置進行定位。 因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
static	預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
inherit	規定應該從父元素繼承 position 屬性的值。

  

 

 

 

 

 

 

 

 

2.border-width:

例子 1

border-width:thin medium thick 10px;

• 上邊框是細邊框
• 右邊框是中等邊框
• 下邊框是粗邊框
• 左邊框是 10px 寬的邊框

例子 2

border-width:thin medium thick;

• 上邊框是 10px
• 右邊框和左邊框是中等邊框
• 下邊框是粗邊框

 

3.引用css外部檔案的方式有哪些？有什麼區別？

　　使用@import引用外部CSS檔案
　　使用link引用外部CSS檔案 推薦此方法

 

區別1：link是XHTML標籤，除了載入CSS外，還可以定義RSS等其他事務；@import屬於CSS範疇，只能載入CSS。

區別2：link引用CSS時，在頁面載入時同時載入；@import需要頁面網頁完全載入以後載入。

區別3：link是XHTML標籤，無相容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支援。

區別4：ink支援使用Javascript控制DOM去改變樣式；而@import不支援。

 

4.主流瀏覽器的首碼是什嗎？

Firefox:-moz-box-shadow

Safari:-webkit-box-shadow

Opera:-o-box-shadow

IE:-ms-box-shadow

5.瀏覽器安全色問題的原因？解決方案？

　　因為不同瀏覽器使用核心及所支援的HTML（標準通用標記語言 (SGML)下的一個應用）等網頁語言標準不同；以及使用者用戶端的環境不同（如解析度不同）造成的顯示效果不能達到理想效果。最常見的問題就是網頁元素位置混亂，錯位。

　　目前暫沒有統一的能解決這樣的工具，最普遍的解決辦法就是不斷的在各瀏覽器間調試網頁顯示效果，通過對css樣式控制以及通過指令碼判斷並賦予不同瀏覽器的解析標準。

 

6.影響網頁載入速度的因素有哪些及最佳化方案?

　　答案引用至：http://blog.sina.com.cn/s/blog_6116a35301012ux2.html

 

7.設計模式有哪些？

可以參照《head frist 設計模式》

  一：建立型模式
          Factory 方法，抽象工廠，建造者模式，單態模式，原型模式
  二：構造型模式
          適配器模式，橋接模式，組合模式，裝飾模式，面板模式
           享元模式，代理模式
  三：行為型模式
           責任鏈模式，命令模式，解譯器模式，迭代器模式，中介者模式
           備忘錄模式，觀察者模式，狀態模式，策略模式，模版方法，訪問模式

 

8.B/S 您是用幾層結構來開發，每一層之間的關係以及為什麼要這樣分層？

　　一般都是三層，表現層（UI）、商務邏輯層（BLL）、資料訪問層（DAL）。

　　分三層是為了使項目架構體系更加清晰，而且項目參與人員的分工也可以更加明確，也有利於項目後期維護，這些都是分層的優點。

　　至於關係麼，表現層負責與使用者互動（資料互動），商務邏輯層就是表現層與資料訪問層的中間人了，指派資料訪問層進行表現層請求的邏輯性的業務處理，而資料訪問層就負責資料的直接操作了（一般只進行直接的資料操作，最好別在這層處理邏輯方面的處理，要不然與業務層交錯後後期的維護很頭疼的）。

9.什麼是JS跨域？跨域的解決方案？

 　　答案引用至：http://blog.csdn.net/macky0668/article/details/6247803

 

 最後，很感激面試的考官，問的問題都對我很有協助，還有謝謝人事的X小姐，人很好，謝謝。