1. 程式人生 > >前端常用技術總結--java程序員

前端常用技術總結--java程序員

show put display parent 超鏈接 action jquery splay 無序

1.*.html文件和*.htm文件是一樣的

2.html的標簽不區分大小寫,大小寫均可

3.html標簽的color屬性的表示方式有三種:①用英語表示②用16進制00——ff來表示,常用的顏色表達式:#FFFFFF白色,#000000黑色,#FF0000紅色,#00FF00綠色,#0000FF藍色③16進制的簡寫,如#fff,#000,#0f0等

4.<br>和<p>的區別:<br>換行後下一行和上一行緊挨著,<p>代表段落,換行後和上一行空白一行。

5.<img>標簽的alt屬性和title屬性:alt屬性是圖片在種種原因下無法顯示時,出現的標題。title是圖片正常顯示時,鼠標放在圖片後顯示的標題。圖片無法正常顯示時,不會出現title中的文字,圖片在正常顯示時,也不會顯示alt的值。

6.列表標簽: 無序列表:<ul>標簽,type屬性有cricle,disc,square值,表現形式類似於技術分享圖片形式。<ol>標簽,有序標簽,type屬性的值有1,i,I等值,表現形式類似於技術分享圖片形式,兩者的子標簽都是<li>標簽。

7.<a>標簽的target屬性詳解:①w3cschool中的截圖:技術分享圖片

具體的含義具體自己來驗證(前端問題找w3cschool來解決)

其中,_parent是在<iframe>標簽中的<a>,超鏈接的內容顯示在<iframe>的父容器中,即盛放<iframe>的<body>中顯示內容。_top是嵌套多個<iframe>標簽是,<a>鏈接的內容顯示在最頂層的容器中。

②target的值寫上<frame>標簽的name屬性值,點擊超鏈接後,<a>標簽中的href屬性連接的內容會顯示到對應的<frame>框中去.

8.<frameset>及<frame>標簽,<iframe>標簽:

<frameset>標簽是框架集標簽,把多個頁面整合到一個頁面上,做一個集成。其通過rows或者cols屬性對頁面進行切分,通過<frame>子標簽的src屬性來集成其他頁面.<frame>標簽的name屬性和<a>的target屬性配合使用,讓<a>的超鏈接內容在對應的<frame>框架中顯示.

<iframe>標簽和<frameset>及<frame>的區別:<frameset>標簽是對整個頁面的切分,它不允許有body標簽,它就充當了body標簽的角色,通過rows和cols屬性來對整個頁面進行橫豎的切分,切分好後,通過<frame>子標簽來對頁面進行填充。<frame>的src來引入其他的文檔頁面。

<iframe>標簽類似於<frame>標簽,只不過<frame>是<frameset>的子標簽,而<iframe>是<body>的子標簽,也是通過src屬性來引入其他文檔。通常還是用<iframe>標簽多一點,因為它是基於<body>標簽上的,除了引入其它文檔外,還能進行其他的操作,而使用<frameset>標簽後,沒有<body>,除了引入其他文檔外,其他的操作性降低了。

9.<form>表單:get提交方式是把表單中的參數拼接到action的請求路徑上,由於請求路徑長度有限,所以get請求提交數據長度有限。當form表單中參數過多或參數過大時,不適合用get請求,適合用post請求。

10.maxlength屬性,控制input框輸入的長度.

11.<input>標簽通過value的值決定輸入框顯示的內容,<textarea>通過在<textarea></textarea>標簽之間寫內容來在文本域中顯示。

12.css樣式:

語法格式: 選擇器{屬性1:值;屬性2:值;屬性3:值;...}

1.該語法可以寫在css文件中,然後再html文件中通過<link>標簽引入,也可以在html文件的<style>標簽中書寫,來規定選擇器選擇的標簽的樣式。對於某一個標簽的樣式,可以通過style屬性來渲染。

2.選擇器:元素選擇器(標簽選擇器):直接寫標簽的字母即可,如:body{屬性1:值;屬性2:值;} input{屬性1:值;屬性2:值}

id選擇器:#id{屬性1:值;屬性2:值}

類選擇器:.class{屬性1:值;屬性2:值;}

屬性選擇器:[‘屬性‘=‘值‘]{屬性1:值;屬性2:值}

包含選擇器:

A B:A元素下的所有B元素,祖孫

A>B:A元素下的子代B元素,父子

A+B:獲得A元素的下一個B元素,兄弟

A~B:獲得A元素後的所有B元素,兄弟

3.css樣式常用的屬性:heigth,width,border(solid實現,none無邊,double雙邊),color,background-cplor,

padding:內邊距,可以規定上下左右邊距。

padding-top:上邊距 padding-bottom:下邊距 padding-left:左邊距 padding-right:右邊距

margin:外邊距,可以規定上下左右邊距

margin-top:上邊距 margin-bottom:下邊距 margin-left:左邊距 margin-right:右邊距

13.前端中做隱藏,顯示功能的方法:

①css中display屬性的none和block值的切換

2.采用jQuery的show()和hide()方法進行切換,或者使用toggle()方法

前端常用技術總結--java程序員