web前端筆試題/面試題小結（1）

1.從輸入url到頁面加載完成發生了什麼？

（1）輸入url

（2）DNS域名解析（域名-->IP地址）

（3）瀏覽器向服務器發送HTTP請求

（4）服務器處理請求

（5）服務器返回相應文件

（6）頁面渲染

2.實現文字從右向左排列？

writing-mode:horizontal-tb | vertical-rl | vertical-lr | lr-tb | tb-rl

默認值：normal

適用於：除 <' display '> 屬性定義爲table-row-group | table-column-group | table-row | table-column以外的全部元素

取值：horizontal-tb：水平方向自上而下的書寫方式。即 left-right-top-bottom（相似IE私有值lr-tb）

           vertical-rl：垂直方向自右而左的書寫方式。即 top-bottom-right-left（相似IE私有值tb-rl）

           vertical-lr：垂直方向自左而右的書寫方式。即 top-bottom-left-right

           lr-tb：左-右，上-下。對象中的內容在水平方向上從左向右流入，後一行在前一行的下面。 全部的字形都是豎直向                      上的。這種佈局是羅馬語系使用的（IE）

           tb-rl：上-下，右-左。對象中的內容在垂直方向上從上向下流入，自右向左。後一豎行在前一豎行的左面。全角字                       符是豎直向上的，半角字符如拉丁字母或片假名順時針旋轉90度。這種佈局是東亞語系一般使用的（IE）

direction：屬性規定文本的方向

           ltr：默認，文本方向從左到右

           rtl：文本方向從右到左

           inherit：規定應該從父元素繼承direction屬性的值

3.彈性佈局？

display:flex;

六屬性：（1）flex-direction:row | row-reverse | column | column-reverse 定義主軸方向

              （2）flex-wrap:nowrap | wrap | wrap-reverse  定義如何換行

              （3）flex-flow:<flex-direction> || <flex-wrap>  定義flex-direction和flex-wrap的簡寫

              （4）justify-content:flex-start | flex-end | center | space-between | space-around 定義元                        素在主軸上如何對齊

              （5）align-items:flex-start | flex-end | center | baseline | stretch 定義元素在交叉軸上如                          何對齊

              （6）align-content:flex-start | flex-end | center | space-between | space-around | stretch                         定義多根軸線的對齊方式

               詳情見阮一峯老師http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

4.前端安全問題？

（1）XSS（Cross Site Scripting）跨站腳本攻擊：是一種在web應用中的計算機安全漏洞，它容許惡意web用戶將代碼植入到提供給其它用戶使用的頁面中。

（2）CSRF（Cross-site request forgery）跨站請求僞造：經過假裝來自受信任用戶的請求來利用受信任的網站。

（3）SQL注入：經過把SQL命令插入到web表單提交或輸入域名或頁面請求的查詢字符串，最終達到欺騙服務器執行惡意的SQL命令。