PHP求職寶典系列——PHP Web 編程篇,求職寶典web
PHP Web 編程篇
form表單
1.簡述 POST 和 GET 傳輸的最大容量分別是多少?
- GET 方法提交的表單資料被附加到 URL 上,並作為URL 的一部分發送到伺服器端。 URL 的長度應限制在 1MB 字元以內。
- POST 方法不依賴於 URL,不會將傳遞的參數值顯示在地址欄中。另外,POST 方法可以沒有任何限制的傳遞資料到伺服器,所有提交的資訊在後台傳輸,使用者在瀏覽器端是看不到的,安全性高。
2.如何通過form表單控制上傳檔案的大小?
- enctype="multipart/form-data",指定表單編碼資料的方式。
- method="post",指定資料的傳輸方式。
- ,通過隱藏欄位控制上傳檔案的大小(單位為位元組),該值不能超過php.ini 設定檔upload_max_filesize 選項設定的值。
3.如何設定form表單中的唯讀屬性?
- 利用 readonly 設定指定內容的唯讀屬性;
- 利用 disabled 實現設定指定內容的唯讀屬性。
4.在什麼情況下,$name 與 $_POST['name']可以通用?
在 php.ini 檔案中 register_globals = On 時, $name 與 $_POST['name']都可以擷取form表單中表單元素name的值(以post方式提交)。
但是不建議開啟register_globals全部變數,因為會給程式帶來安全隱患。
CSS 樣式
1.CSS 的含義是什嗎?
CSS (Cascading Style Sheet,譯為"層疊樣式表" 或 "階層式樣式表") 語言是一種標記語言,不需要解釋,可以直接由瀏覽器解釋執行(屬於瀏覽器解釋型語言),實現控制Web頁面的外觀。它是W3C協會為彌補HTML在顯示內容設定上的不足而指定的一套擴充樣式標準。
其作用如下:
- 在標準網頁設計中CSS負責網頁內容(XHTML)的表現。
- CSS檔案也可以說是一個文字檔,它包含一些CSS標記,CSS檔案必須使用.css為尾碼。
- 通過CSS檔案實現內容與表現形式的分離,可以改變網頁的整體表現形式,使維護網站的外觀更加容易,使HTML文檔代碼更加簡練,縮短瀏覽器的載入時間。
2.在HTML頁面中插入CSS樣式的幾種方式?
- 在HTML頁面中的標記下定義一對標記,在標記內部利用標籤名稱、類選擇符、id選擇符設定屬性。
- 在標籤內部定義 style 屬性,然後定義本標籤下的樣式,如:
建立.css樣式檔案,在檔案內部利用id選擇符或類選擇符等定義樣式,然後在顯示的HTNL首頁面中利用標籤引入檔案。如:
3.CSS樣式常用屬性:
CSS樣式的常用屬性
屬性名稱 |
解析 |
border |
定義邊框的屬性可以設定邊框的寬度、顏色、樣式 |
background-color |
設定背景顏色 |
background-image |
設定背景映像 |
font-size |
設定字型大小 |
font-family |
設定字型 |
text-decoration |
檢索或設定對象中文本的裝飾,如底線、閃爍等 |
line-height |
檢索或設定對象的行高,即字型最底端與字型內部頂端之間的距離 |
letter-spacing |
檢索或設定對象中的文字之間的間隔 |
text-align |
設定或檢索對象中文本的對齊 |
4.如何解決以下代碼在 IE6 下的雙倍邊距問題?
這是 IE6 下的常見 Bug,雖然定義的外邊距為10px,但是 IE 卻解析為20px。
解決方案:添加屬性 display:inline
5.如何解決超連結被點擊後 hover 樣式不出現的問題?
對超連結樣式屬性進行正確的排序即可。
a:link{color:red;text-docoration:none}
a:visited{color:blue;text-decoration:none}
a:hover{color:black;text-decoration:overline}
a:action{color:black;text-decoration:overline}
6.如何解決Firefox瀏覽器下文本無法撐開容器的高度問題?
添加兩個CSS屬性,min-width 和 min-height ,也可以加入一個清除對齊的類 clear:both 屬性的 div 來自動計算Firefox瀏覽器的高度。
7.怎樣定義1px 左右高度的容器?
在網頁布局的過程中,導覽列和內容欄之間往往需要一個隔斷,一般情況下設定 1 個像素的高度為最佳。
DIV 標籤
1.標籤和的區別:
和標記同樣作用於網頁布局中,它們的不同之處在於:
- span標記是屬於內聯的,一般用於小模組的樣式內聯到HTML文檔中
- div 元素本身就是區塊層級元素,多用於組合大塊的代碼
2.如何使一個DIV層置中定位?
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
3.怎樣解決 filefox 瀏覽器中嵌套 div 標籤 text-align 屬性失效的問題?
1 5 6 7
JavaScript 指令碼
1.彈出對話方塊的函數和獲得輸入焦點函數:
彈出對話方塊使用 alert()函數
擷取輸入焦點使用 focus()函數
2. JavaScript 的轉向函數是什嗎?怎麼引入一個外部JavaScript檔案?
轉向函數: window.location.href="檔案名稱";
引入外部 JavaScript 檔案:
3.當滑鼠划過文字框,自動選中文字框中的內容:
4
5.設定首頁的 JavaScript 代碼:
設為首頁
Ajax 應用
1.利用 jQuery中的Ajax判斷使用者名稱是否被佔用:
需要定義兩個頁面,index.php 頁面代碼如下:
1 2 3
in.php 頁面代碼如下:
1 php 2 $string="明日科技"; 3 if(isset($ GET[username])) { 4 if(urldecode($ GET[username])==$string) { 5 echo "使用者名稱被佔用"; 6 }else{ 7 echo "使用者名稱可用"; 8 } 9 }10 ?>
2. 編寫代碼,使得在文字框中輸入一個年份,判斷其生肖,並在文字框旁邊輸出,要求寫出HTML和JavaScript代碼:
前台頁面設計的代碼如下:
1 <html> 2 <head> 3 <meta http-equiv="Content-type" content="text/html;charset="UTF-8""> 4 <script type="text/javascript" src="jequery-1.4.2.js">script> 5 <title>生肖的自動選擇title> 6 head> 7 <body> 8 <input type="text" value="請輸入年份格式為2015" onclick="this.select()"> 9 <input type="submit" value="判斷">10 <span>span>11 <script>12 $(function(){13 $("input:last").click(function(){14 $.get("in.php",{15 number:$("input:first").val()16 },function(data){17 $("span").text(data);18 });19 });20 });21 script>22 body>23 html> View Code 後台判斷生肖的PHP指令碼:
1 php2 if(isset($_GET[number])){3 $array=array("豬","鼠","牛","虎","兔","龍","蛇","馬","羊","猴","雞","狗");4 foreach($array as $key=>$value) {5 if(ceil($_GET[number]%12)==$key){6 echo $value;7 }8 }9 }
jQuery架構
目前比較流行的用戶端指令碼語言架構jQuery,由美國人John Resig建立,是優秀的JavaScript架構,其宗旨是write less,do more.它是輕量級的js庫,相容CSS3,相容各種瀏覽器(IE 6.0+)。使用者能更方便地處理HTML document、events,實現動畫效果,並且可以方便地為網站提供AJAX互動。jQuery另一個比較大的優勢是,它的文檔說明很全,而且各種應用也說的很詳細,同時還有許多成熟的外掛程式可供選擇。jQuery能夠使使用者的HTML頁保持代碼和HTML內容的分離,也就是說,不用再在HTML裡面插入一堆js來調用命令了,只需定義id即可。
1.jQuery中常用選取器:
基本選取器:
id選取器:只能用一次
class選取器:允許重複使用
標籤選取器
*:匹配所有元素
層次選取器:
$("#a.b") 選取id值為a的元素裡所有class值為b的元素。
$("#a>.b") 選取id值為a的元素後的class值為b的子項目。
$("#a+.b") 選取id值為a的元素後緊挨的class值為b的元素。
過濾選取器:
:first,選取第一個元素。
:odd,選取索引是奇數的元素。
:even,選取索引是偶數的元素。
:not,選取除某元素外的其他元素。
:eq(),按索引尋找元素。
:lt(),小於某索引值的元素。
:gt,大於某索引值的元素。
2.如何?尋找DOM樹中的元素?
var input = $("input:first");
3.如何在DOM樹中建立並插入元素?
1 2 水果3
4.如何在DOM樹中替換指定元素?
1 2 水果3
5.將一張圖片以淡出的效果消失在頁面中:
1 2 3
6.製作一個按鈕,當按鈕被單擊時以捲簾效果消失:
1 2 3 $("input").click(d=function(){4 $(this).slideUp("slow");5 });6
7.照片輪換效果:
1 2 6 7
13 14
鑒於最近要準備各種期末考和大作業,發博時間明顯減少,勞煩多多理解啊!本篇都是利用零碎時間編輯的,現在大功告成還是挺滿足啦,若您覺得有協助,可以隨手點個贊。
http://www.bkjia.com/PHPjc/1019337.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/1019337.htmlTechArticlePHP求職寶典系列——PHP Web 編程篇,求職寶典web PHP Web 編程篇 form表單 1.簡述 POST 和 GET 傳輸的最大容量分別是多少? GET 方法提交的表單資料...