web前端

1.行內元素有哪些?塊級元素有哪些?CSS的盒模型?
塊級元素:div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select

Css盒模型:內容,border ,margin,padding

2.CSS引入的方式有哪些? link和@import的區別是?
內聯 內嵌 外鏈 導入
區別 :同時加載
前者無兼容性,後者CSS2.1以下瀏覽器不支持
Link 支持使用javascript改變樣式,後者不可

3.CSS選擇符有哪些?優先級如何?內聯和important哪個優先級高?

標籤選擇符 類選擇符 id選擇符;id>class>標籤選擇;important

4.前端頁面有哪三層構成,分別是什麼?作用是什麼?

結構層Html,表示層CSS,行爲層js

5.css的基本語句構成是?

選擇器(屬性1:值1;屬性2:值2.....)

6.標籤上title與alt屬性的區別是什麼?

Alt 當圖片不顯示是 用文字代表。
Title 爲該屬性提供信息

7.描述css reset的作用和用途。

Reset重置瀏覽器的css默認屬性 瀏覽器的品種不同,樣式不同,然後重置,讓他們統一

8.清除浮動的幾種方式,各自的優缺點?

1.使用空標籤清除浮動 clear:both(理論上能清楚任何標籤,,,增加無意義的標籤)
2.使用overflow:auto(空標籤元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用於兼容IE)
3.使用afert僞元素清除浮動(用於非IE瀏覽器)

9.split() join() 的區別?

前者是切割成數組的形式,後者是將數組轉換成字符串

10.數組方法pop() push() unshift() shift():
Push()尾部添加 pop()尾部刪除
Unshift()頭部添加 shift()頭部刪除

11.ajax請求的時候get 和post方式的區別?

1.使用Get請求時,參數在URL中顯示,而使用Post方式,則不會顯示出來

2.使用Get請求發送數據量小,Post請求發送數據量大

Ajax應用的五個步驟:
1.建立XMLHttpRequest對象
2.設置回調函數
3.使用open方法與服務器建立鏈接
4.向服務器發送數據
5.在回調函數中針對不同響應狀態進行處理(200表示交互已完成)

3. Ajax的工作原理 ?
會話開始時,瀏覽器加載Ajax引擎,請求動作通過javascript調用ajax引擎代替,負責繪製用戶界面以及服務器的通訊,採用異步交互
4.XMLHttpRequest對象是什麼,它有哪些常用方法?
是javascript對象,Ajax的核心。 open():建立到服務器的新請求;send():向服務器發送請求;abort():退出當前請求;readyState():提供當前 HTML 的就緒狀態;responseText:服務器返回的請求響應文本。. 

5.普通B/S模式(同步)AJAX技術(異步);同步:提交請求->等待服務器處理->處理完畢返回 這個期間客戶端瀏覽器不能幹任何事,而異步則是 請求通過事件觸發->服務器處理->處理完畢;同步是阻塞模式,異步是非阻塞模式

12.call和apply的區別?

作用都是調用一個對象的一個方法,以另一個對象替換當前對象。區別是二者的參數不同

13.ajax請求時,如何解釋json數據?

使用eval parse 鑑於安全性考慮 使用parse更靠譜

14.事件委託是什麼?

利用事件冒泡的原理,讓自己的所觸發的事件,讓他的父元素代替執行

15.閉包是什麼,有什麼特性,對頁面有什麼影響?

閉包就是能夠讀取其他函數內部變量的函數。

16.javascript的本地對象,內置對象和宿主對象
本地對象爲array obj regexp等可以new實例化
內置對象爲gload Math 等不可以實例化的
宿主爲瀏覽器自帶的document,window 等

17.document load 和document ready的區別
Document.onload 是在結構和樣式加載完才執行js
Document.ready原生種沒有這個方法,jquery中有 $().ready(function)

18.JS - jQuery Event 中 load() 、 ready() 的區別?在jQuery中,要做到"等網頁載入後再執行",我們有兩種選擇 
     $(document).ready(fn) 與 $(window).load(fn)
     二者的差別在於:
        $(document).ready(fn)發生在"網頁本身的HTML"載入後就觸發,
        $(window).load(fn)則會等到"網頁HTML標籤中引用的圖檔、內嵌物件(如Flash)、IFrame"等拉哩拉雜的東西都載入後纔會觸發。適合執行一些要等待圖檔或元素全部載入纔可進行的動作

19.forward 和redirect的區別?

1.從地址欄顯示來說
forward是服務器請求資源,服務器直接訪問目標地址的URL,把那個URL的響應內容讀取過來,然後把這些內容再發給瀏覽器.瀏覽器根本不知道服務器發送的內容從哪裏來的,所以它的地址欄還是原來的地址.
redirect是服務端根據邏輯,發送一個狀態碼,告訴瀏覽器重新去請求那個地址.所以地址欄顯示的是新的URL
2.從數據共享來說
forward:轉發頁面和轉發到的頁面可以共享request裏面的數據.
redirect:不能共享數據.
3.從運用地方來說
forward:一般用於用戶登陸的時候,根據角色轉發到相應的模塊.
redirect:一般用於用戶註銷登陸時返回主頁面和跳轉到其它的網站等.
4.從效率來說
forward:高.   redirect:低.

20.get和post的區別:

get是從服務器上獲取數據,一般用於獲取/查詢資源信息;post是向服務器傳送數據,一般用於更新資源信息

①get請求可以緩存;post不能

②get對數據長度有限制(以?分割URL和傳輸數據,參數之間以&相連,因爲它是向URL添加數據,而URL有長度限制,最長有2048個字符);POST是把提交的數據則放置在是HTTP包的包體(header)中,沒有長度限制

③get數據在 URL 中對所有人都是可見的;post數據不會顯示在 URL 中。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章