Heim > Artikel > Backend-Entwicklung > PHP-Jobsuche-Leitfadenreihe – PHP-Webprogrammierung
PHP-Webprogrammierung
Formularform
1. Beschreiben Sie kurz die maximale Kapazität der POST- und GET-Übertragung.
2. Wie kontrolliere ich die Größe der hochgeladenen Dateien über das Formular?
3. Wie wird das schreibgeschützte Attribut im Formular festgelegt?
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:
2. Wie viele Möglichkeiten gibt es, CSS-Stile in HTML-Seiten einzufügen?
3. Allgemeine CSS-Stilattribute:
4. Wie löst man das Doppelmargenproblem des folgenden Codes unter IE6?
属性名称
解析
border
定义边框的属性可以设置边框的宽度、颜色、样式
background-color
设置背景颜色
background-image
设置背景图像
font-size
设置字体大小
font-family
设置字体
text-decoration
检索或设置对象中文本的装饰,如下划线、闪烁等
line-height
检索或设置对象的行高,即字体最底端与字体内部顶端之间的距离
letter-spacing
检索或设置对象中的文字之间的间隔
text-align
设置或检索对象中文本的对齐方式
<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:
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:
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,由美国人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教程有兴趣的朋友有所帮助。