PHP-Jobsuche-Leitfadenreihe – PHP-Webprogrammierung

PHP-Webprogrammierung

Formularform

1. Beschreiben Sie kurz die maximale Kapazität der POST- und GET-Übertragung.

---

• Die von der GET-Methode übermittelten Formulardaten werden an die URL angehängt Wird als Teil der URL an den Server gesendet. Die URL-Länge sollte auf 1 MB Zeichen begrenzt sein.
• Die POST-Methode verlässt sich nicht auf die URL und zeigt den übergebenen Parameterwert nicht in der Adressleiste an. Darüber hinaus kann die POST-Methode ohne Einschränkungen Daten an den Server übertragen. Alle übermittelten Informationen werden im Hintergrund übertragen und sind für den Benutzer auf der Browserseite nicht sichtbar, sodass die Sicherheit hoch ist.

2. Wie kontrolliere ich die Größe der hochgeladenen Dateien über das Formular?

• enctype="multipart/form-data", gibt die Art und Weise an, wie Daten im Formular kodiert werden.
• method="post", gibt die Datenübertragungsmethode an.
• ,Kontrollieren Sie die Größe der hochgeladenen Dateien (in Bytes) über ausgeblendete Felder. Der Wert darf den in der php.ini-Konfigurationsdatei upload_max_filesize festgelegten Wert nicht überschreiten.

3. Wie wird das schreibgeschützte Attribut im Formular festgelegt?

• Verwenden Sie readonly, um das schreibgeschützte Attribut des angegebenen Inhalts festzulegen;
• Verwenden Sie disabled, um das schreibgeschützte Attribut des angegebenen Inhalts festzulegen.

　4. Unter welchen Umständen können $name und $_POST['name'] austauschbar verwendet werden?

Wenn register_globals = On in der php.ini-Datei, $name und $_POST['name' ] kann den Wert des Formularelementnamens im Formular abrufen (im Post-Modus übermittelt).

Es wird jedoch nicht empfohlen, alle register_globals-Variablen zu aktivieren, da dies Sicherheitsrisiken für das Programm mit sich bringt .

---

CSS-Stil

1.Was bedeutet CSS?

CSS (Cascading Style Sheet, übersetzt als „Cascading Style Sheet“ oder „Cascading Style Sheet“) ist eine Auszeichnungssprache, die keiner Interpretation bedarf und vom Browser direkt interpretiert und ausgeführt werden kann (sie gehört zur vom Browser interpretierten Sprache), um das Erscheinungsbild der Webseite zu steuern. Dabei handelt es sich um eine Reihe erweiterter Stilstandards, die von der W3C Association spezifiziert wurden, um die Mängel von HTML beim Festlegen von Anzeigeattributen auszugleichen.

Seine Funktionen sind wie folgt:

• Im Standard-Webdesign ist CSS für die Performance von Webinhalten (XHTML) verantwortlich.
• Eine CSS-Datei kann auch als Textdatei bezeichnet werden, die einige CSS-Tags enthält Es muss eine CSS-Datei verwendet werden. .css ist das Suffix.
• Die Trennung von Inhalt und Präsentation durch CSS-Dateien kann die Gesamtdarstellung der Webseite verändern und sie zu einer echten Website machen Es ist einfacher, das Erscheinungsbild der Website beizubehalten, den HTML-Dokumentcode prägnanter zu gestalten und die Ladezeit des Browsers zu verkürzen.

　2. Wie viele Möglichkeiten gibt es, CSS-Stile in HTML-Seiten einzufügen?

• ist in der HTML-Seite unter definiert. Tag Ein Paar -Tags verwenden den Tag-Namen, den Klassenselektor und den ID-Selektor, um Attribute innerhalb des Tags festzulegen.
• Definieren Sie das Stilattribut innerhalb des Tags und definieren Sie dann den Stil darunter dieses Tag, wie zum Beispiel:

Link

• Erstellen Sie eine CSS-Stildatei , definieren Sie den Stil mithilfe von ID-Selektoren oder Klassenselektoren in der Datei und verwenden Sie dann das -Tag, um die Datei auf der angezeigten HTNL-Hauptseite einzuführen . Zum Beispiel:

3. Allgemeine CSS-Stilattribute:

CSS样式的常用属性

属性名称	解析
border	定义边框的属性可以设置边框的宽度、颜色、样式
background-color	设置背景颜色
background-image	设置背景图像
font-size	设置字体大小
font-family	设置字体
text-decoration	检索或设置对象中文本的装饰，如下划线、闪烁等
line-height	检索或设置对象的行高，即字体最底端与字体内部顶端之间的距离
letter-spacing	检索或设置对象中的文字之间的间隔
text-align	设置或检索对象中文本的对齐方式

4. Wie löst man das Doppelmargenproblem des folgenden Codes unter IE6?

<span><span><style type="text/css">
body </span>{<span>margin</span>:<span>0</span>;}<span>div  </span>{<span>float</span>:<span>left</span>;　　<span>margin-left</span>:<span>10px</span>;<span>    width</span>:<span>200px</span>;<span>    height</span>:<span>200px</span>;　　<span>border</span>:<span>1px</span>;<span>    solid red;</span>}<span></style></span></span>

Dies ist ein häufiger Fehler unter IE6. Obwohl der definierte Rand 10 Pixel beträgt, analysiert IE ihn als 20 Pixel.

Lösung: Attribut display:inline hinzufügen

5. So lösen Sie das Problem nach einem Hyperlink wird angeklickt Problem damit, dass der Hover-Stil nicht angezeigt wird?

Sortieren Sie einfach die Hyperlink-Stilattribute richtig.

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. Wie kann das Problem gelöst werden, dass der Text die Höhe des Containers im Firefox-Browser nicht öffnen kann?

Fügen Sie zwei CSS-Eigenschaften hinzu: min-width und min-height, Sie können auch ein Div mit dem Clear Alignment-Klassenattribut „clear:both“ hinzufügen, um die Höhe des Firefox-Browsers automatisch zu berechnen.

7. Wie definiere ich einen Container mit einer Höhe von etwa 1 Pixel?

Beim Layout einer Webseite besteht häufig ein Bedarf zwischen der Navigationsleiste und der Inhaltsleiste ist im Allgemeinen die Einstellung einer Höhe von 1 Pixel optimal.

---

DIV-Tag

1. Der Unterschied zwischen den Tags :

Die gleichen Tags werden im Webseitenlayout verwendet. Ihr Unterschied ist:

• Das Span-Tag ist inline und wird im Allgemeinen verwendet, um die Stile kleiner Module in HTML-Dokumente einzubetten
• Das div-Element selbst ist ein Element auf Blockebene, das hauptsächlich zum Kombinieren großer Codeblöcke verwendet wird

2. Wie eine DIV-Layer-Center-Positionierung vornehmen?

Position:absolut;

oben:50%;

links:50%;

Marge:-100px 0 0 -100px;

3. Wie löst man das Problem des ungültigen Text-Alignment-Attributs verschachtelter div-Tags im Filefox-Browser?

<span>1</span><span><style>
</span><span>2</span><span>.one </span>{<span>border</span>:<span>1px solid blue</span>;<span>width</span>:<span>300px</span>;<span>height</span>:<span>200px</span>;<span>text-align</span>:<span>center </span>}
<span>3</span><span>.two </span>{<span>border</span>:<span>1 px solid blue</span>;<span>width</span>:<span>200px</span>;<span>height</span>:<span>100px</span>;<span>margin</span>:<span>0px auto </span>}
<span>4</span><span></style>
</span><span>5</span><span><div>
</span><span>6</span><span><div></div>
</span><span>7</span><span></div></span>

---

JavaScript-Skript

1. Funktion zum Öffnen des Dialogfelds und Abrufen der Eingabefokusfunktion:

Verwenden Sie alert() um das Dialogfeld zu öffnen Funktion

Um den Eingabefokus zu erhalten, verwenden Sie focus()Funktion

2. Was ist das Redirect-Funktion von JavaScript? Wie importiere ich eine externe JavaScript-Datei?

Steuerfunktion: window.location.href="Dateiname";

Führen Sie externe JavaScript-Dateien ein:

3. Wenn die Maus über das Textfeld fährt, wird der Inhalt im Textfeld automatisch ausgewählt:

4

5. Legen Sie den JavaScript-Code der Homepage fest:

Ajax-Anwendung

1. Verwenden Sie Ajax in jQuery, um festzustellen, ob der Benutzername belegt ist: Sie müssen zwei Seiten definieren. php Seitencode lautet wie folgt:

Der in.php-Seitencode lautet wie folgt:

2. Schreiben Sie Code, um ein Jahr in das Textfeld einzugeben, sein Sternzeichen zu bestimmen und es daneben auszugeben Das Textfeld ist erforderlich, um HTML- und JavaScript-Code zu schreiben:

 1 <script type="text/javascript" src="jquery-1.4.2.js"></script>
 2 <input type="text" ><input type="button" value="校验">
 3 <script type="text/javascript">
 4 $(<span>function</span><span>() {
 </span>5       $("input:last".click(<span>function</span><span>() {
 </span>6             $.get ("in.php",<span> {
 </span>7                     username:$("input:first").<span>val()
 </span>8             },<span>function</span><span>(data) {
 </span>9<span>                     alert (data);
 </span>10             })'<span> 11        });
 12 });
 13 </script></span></span></span></span></p>
<p></p>
<p></p>
<pre class="brush:php;toolbar:false"><span> 1</span> <?<span>php
</span><span> 2</span><span>$string</span>="明日科技"<span>；
</span><span> 3</span><span>if</span>(<span>isset</span><span>($ GET[username])) {
</span><span> 4</span><span>if</span>(<span>urldecode</span>($ GET[username])==<span>$string</span><span>) {
</span><span> 5</span><span>echo</span> "用户名被占用"<span>;
</span><span> 6</span>     }<span>else</span><span>{
</span><span> 7</span><span>echo</span> "用户名可用"<span>;
</span><span> 8</span><span>    }
</span><span> 9</span><span>}
</span><span>10</span> ?>

Der Code für die Startseite Das Design lautet wie folgt:

Code anzeigen

PHP Skript zur Bestimmung des Sternzeichens im Hintergrund:

jQuery Framework

　　目前比较流行的客户端脚本语言框架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树中创建并插入元素？

<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <div>水果</div>
<span>3</span> <script>
<span>4</span><span>var</span> title=$("<span>苹果</span>"<span>);
</span><span>5</span> $("div").append(title);<span>//</span><span>将title追加到div标签内容的后面</span><span>6</span> $("div").before(title);<span>//</span><span>将title追加到div标签之前与div标签属于同一层次</span><span>7</span> $("div").prepend(title);<span>//</span><span>将title追加到div标签内容之前</span><span>8</span> $("div").after(title);<span>//</span><span>将title追加到div标签之后与div标签属于同一层次</span><span>9</span> </script>

4.如何在DOM树中替换指定元素？

<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"</script>
<span>2</span> <div>水果</div>
<span>3</span> <script>
<span>4</span><span>var</span> title=$("<span>苹果</span>"<span>);
</span><span>5</span> $("div"<span>).replaceWith(title);
</span><span>6</span> </script>

　　5.将一张图片以淡出的效果消失在页面中：

<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <img src="color.jpg">
<span>3</span> <script>
<span>4</span> $("img".click(<span>function</span><span>(){
</span><span>5</span>     $(<span>this</span>).fadeOut("slow"<span>);
</span><span>6</span><span>});
</span><span>7</span> </script>

　　6.制作一个按钮，当按钮被单击时以卷帘效果消失：

<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <input type="button" value="按钮"><script>
<span>3</span> $("input").click(d=<span>function</span><span>(){
</span><span>4</span>         $(<span>this</span>).slideUp("slow"<span>);
</span><span>5</span><span>});
</span><span>6</span> </script>

　　7.照片轮换效果：

<span> 1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span> 2</span> <style>
<span> 3</span> ul{list-<span>style:none;width:350px;height:200px;position:absolute}
</span><span> 4</span><span>li{position:ansolute}
</span><span> 5</span> </style>
<span> 6</span> <div>
<span> 7</span> <ul>
<span> 8</span> <li><img ssrc="1.jpg" width=350px height=200px></li>
<span> 9</span> <li><img ssrc="2.jpg" width=350px height=200px></li>
<span>10</span> <li><img ssrc="3.jpg" width=350px height=200px></li>
<span>11</span> <li><img ssrc="4.jpg" width=350px height=200px></li>
<span>12</span> </ul>
<span>13</span> </div>
<span>14</span> <script>
<span>15</span> $(<span>function</span><span>(){
</span><span>16</span>     $(."change ul li:not(:first)"<span>).hide();
</span><span>17</span>     setInterval(<span>function</span><span>(){
</span><span>18</span><span>if</span>($."change ul li:last").is(":visible"<span>)){
</span><span>19</span>             $(."change ul li:first").fadeIn("slow"<span>);
</span><span>20</span>             $(."change ul li:last"<span>).hide();
</span><span>21</span>     }<span>else</span><span>{
</span><span>22</span>             $(."change ul li:visible").next().fadeIn("slow"<span>);
</span><span>23</span><span>    }
</span><span>24</span>   },1000<span>);
</span><span>25</span><span>});
</span><span>26</span> </script>   

---

鉴于最近要准备各种期末考和大作业，发博时间明显减少，劳烦多多理解啊！本篇都是利用零碎时间编辑的，现在大功告成还是挺满足啦，若您觉得有帮助，可以随手点个赞。

以上就介绍了PHP求职宝典系列——PHP Web 编程篇，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。