PHP 就職ガイド シリーズ - PHP Web プログラミング、就職ガイド web_PHP チュートリアル
- WBOYオリジナル
- 2016-07-13 09:49:321107ブラウズ
PHP就職ガイドシリーズ - PHP Webプログラミング、就職ガイドweb
PHP Webプログラミング
フォーム
1. POSTとGETの送信の最大容量をそれぞれ簡単に説明してください
- GET メソッドによって送信されたフォーム データは URL に追加され、URL の一部としてサーバーに送信されます。 URLの長さは1MB文字までに制限する必要があります。
- POST メソッドは URL に依存せず、渡されたパラメーター値をアドレス バーに表示しません。また、POSTメソッドは、制限なくサーバーにデータを転送できます。送信された情報はすべてバックグラウンドで送信され、ブラウザ側のユーザーには表示されないため、安全性が高くなります。
2. フォームを通じてアップロードされたファイルのサイズを制御するにはどうすればよいですか?
- enctype="multipart/form-data" は、フォーム内のデータをエンコードする方法を指定します。
- method="post"、データ送信方法を指定します。
- ebbb4e6bc70381095274b80fcbb6d524、隠しフィールドを通じてアップロードされたファイルのサイズを制御します (単位はバイト)、これ値は、php.ini 設定ファイルの Upload_max_filesize オプションで設定された値を超えることはできません。
3. フォームに読み取り専用属性を設定するにはどうすればよいですか?
- 指定されたコンテンツの読み取り専用属性を設定するには、 readonlyを使用します。
- disabledを使用して、指定したコンテンツの読み取り専用属性を設定します。
4. $name と $_POST['name'] はどのような状況で同じ意味で使用できますか?
php.iniファイルで register_globals = On の場合、 $name と $_POST['name'] はどちらもフォーム form (post モードで送信) のフォーム要素名の値を取得できます。
ただし、register_globalsすべての変数を有効にすることは、プログラムにセキュリティ上のリスクをもたらすため、お勧めできません。
CSSスタイル
1.CSSの意味とは何ですか？
CSS（Cascading Style Sheet、「Cascading Style Sheet」または「Cascading Style Sheet」と訳される）言語は、解釈を必要とせず、直接使用できるマークアップ言語です。ブラウザ Web ページの外観を制御するための解釈と実行 (ブラウザ解釈言語に属する)。これは、表示属性の設定における HTML の欠点を補うために、W3C Association によって指定された一連の拡張スタイル標準です。
その機能は次のとおりです:
- 標準的な Web デザインでは、CSS は Web コンテンツ (XHTML) のパフォーマンスを担当します。
- CSS ファイルは、いくつかの CSS タグを含むテキスト ファイルとも言えます。CSS ファイルには .css 接尾辞を使用する必要があります。
- CSS ファイルを通じてコンテンツとプレゼンテーションを分離すると、Web ページ全体のプレゼンテーションが変更され、サイトの外観を維持しやすくなり、HTML ドキュメント コードがより簡潔になり、ブラウザの読み込み時間が短縮されます。
2. HTML ページに CSS スタイルを挿入する方法は何通りありますか?
- HTML ページの 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 タグの下に c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 タグのペアを定義し、タグ名、クラス セレクター、ID を使用します。セレクターの設定プロパティ。
- タグ 内で style 属性を定義し、次にこのタグの下でスタイルを定義します。例:
230ec7aae439b6342bb8402cbfc35ce9 タグを使用します 。例:
362bb889ddc1a43d6e08d0659004af53 3. CSS スタイルの一般的に使用される属性:
4. IE6で以下のコードの二重マージン問題を解決するにはどうすればよいでしょうか？ これはIE6でよくあるバグです。定義されたマージンは10pxですが、IEはそれを20pxとして解析します。 解決策: 属性display:inlineを追加します 5. ハイパーリンクをクリックした後にホバースタイルが表示されない問題を解決するにはどうすればよいですか? ハイパーリンクのスタイル属性を正しく並べ替えるだけです。 a:link{color:red;text-docoration:none} a:訪問済み{color:blue;text-decoration:none} a:hover{color:black;text-decoration:overline} a:action{color:black;text-decoration:overline} 6. Firefoxブラウザでテキストがコンテナの高さを開くことができない問題を解決するにはどうすればよいですか？ min-width と min-height の 2 つの CSS プロパティを追加します。また、clear:both 属性を使用してクリアな配置クラスを div に追加し、Firefox ブラウザーの高さを自動的に計算することもできます。 。 7. 高さ1px程度のコンテナを定義するにはどうすればよいでしょうか？ Webページのレイアウトの過程では、ナビゲーションバーとコンテンツバーの間にパーティションが必要になることがよくありますが、一般的には高さを1ピクセルに設定するのが最適です。 DIVタグ 1. タグ 45a2772a6b6107b401db3c9b82c049c2 と dc6dce4a544fdca2df29d5ac0ea9906b の違い: dc6dce4a544fdca2df29d5ac0ea9906b タグと 45a2772a6b6107b401db3c9b82c049c2 タグは、Web ページのレイアウトでも機能します。 2. DIVレイヤーを中央に配置するにはどうすればよいですか？ 位置:絶対; トップ:50%; 左:50%; margin:-100px 0 0 -100px; 3. filefox ブラウザでネストされた div タグの無効な text-align 属性の問題を解決するにはどうすればよいですか? JavaScript 1. ダイアログボックスをポップアップし、入力フォーカス関数を取得する関数: alert() 関数を使用してダイアログボックスをポップアップします
focus()関数を使用します
2. JavaScriptのリダイレクト機能とは何ですか？外部 JavaScript ファイルをインポートするにはどうすればよいですか? ステアリング機能: window.location.href="ファイル名";
外部 JavaScript ファイルの紹介: c99bd7daaf09913ba7f4e4642a0839cb2cacc6d41bbb37262a98f745aa00fbf0
3. マウスがテキストボックス上を移動すると、テキストボックス内のコンテンツが自動的に選択されます: b704ad1e475dd2943924dd5af568966f
4
e77702c634e9cd33c8e49278201c00d4 5. ホームページのJavaScriptコードを設定します:
e25e8773ca0b794545777e2bb13c520c设为首页5db79b134e9f6b82c0b36e0489ee08ed Ajax 应用 1.利用 jQuery中的Ajax判断用户名是否被占用： 需要定义两个页面，index.php 页面代码如下: in.php 页面代码如下： 2. 编写代码，使得在文本框中输入一个年份，判断其生肖，并在文本框旁边输出，要求写出HTML和JavaScript代码： 前台页面设计的代码如下： 后台判断生肖的PHP脚本： 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树中创建并插入元素？ 4.如何在DOM树中替换指定元素？ 5.将一张图片以淡出的效果消失在页面中： 6.制作一个按钮，当按钮被单击时以卷帘效果消失： 7.照片轮换效果： 鉴于最近要准备各种期末考和大作业，发博时间明显减少，劳烦多多理解啊！本篇都是利用零碎时间编辑的，现在大功告成还是挺满足啦，若您觉得有帮助，可以随手点个赞。
属性名
分析
境界線
境界線のプロパティを定義して、境界線の幅、色、スタイルを設定します
背景色
背景色を設定する
背景画像
背景画像を設定します
フォントサイズ
フォントサイズを設定する
フォントファミリー
フォントを設定する
テキスト装飾
下線、点滅など、オブジェクト内のテキストの装飾を取得または設定します。
行の高さ
オブジェクトの行の高さ、つまりフォントの下部とフォント内部の上部の間の距離を取得または設定します
文字間隔
オブジェクト内のテキスト間の間隔を取得または設定します
テキスト整列
オブジェクト内のテキストの配置を設定または取得します
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> 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> ?>
1 8be51ece18b66ddb86f7f21409ebe23c
2 295d6adc6accb58d202b4aa5a914e90c
3 fcbe0cdd14ff8f01500934ee460a75bf
4 e91424297c6cc18e9dcf29a3416adcbe917afb39c826d86f69003d58371745e0
5 fbc1939a92f640d263f5aa2c363c0d91生肖的自动选择8c88114b8e881d68c87e2d5bbbc885c9
6 69ff11c91593cb309ecada483e247d64
7 6fd585cf5dadf9f27760ae0844b0c42f
8 20a2b4c6964dca7cf56ccae6fc05434a
9 24b5d3170d3d74d2a320a2ea0b1ff160
10 d255f17757c3987ab0bb9d4b6b8607c08cf7f0b51fa198b950a95f7734a54a71
11 22eb5d91cb5da7a085a4da068edb30af
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 917afb39c826d86f69003d58371745e0
22 2e0d5b0d0167a5ecee82519e3c962722
23 eebbc60345d5fc3018dd7f9e187c6e83
View Code
<span>1</span> <?<span>php
</span><span>2</span> <span>if</span>(<span>isset</span>(<span>$_GET</span>[<span>number</span><span>])){
</span><span>3</span> <span>$array</span>=<span>array</span>("猪","鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗"<span>)；
</span><span>4</span> <span>foreach</span>(<span>$array</span> <span>as</span> <span>$key</span>=><span>$value</span><span>) {
</span><span>5</span> <span>if</span>(<span>ceil</span>(<span>$_GET</span>[<span>number</span>]%12)==<span>$key</span><span>){
</span><span>6</span> <span>echo</span> <span>$value</span><span>;
</span><span>7</span> <span> }
</span><span>8</span> <span> }
</span><span>9</span> }
<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>
<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>
<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>
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <input type="button" value="按钮">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>
<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 class="change">
<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>