집 > 기사 > 백엔드 개발 > PHP 구직 가이드 시리즈 - PHP 웹 프로그래밍

PHP 구직 가이드 시리즈 - PHP 웹 프로그래밍

WBOY원래의: 2016-08-08 09:22:311572검색

PHP 웹 프로그래밍

양식

1. POST 및 GET 전송의 최대 용량을 각각 간략하게 설명하세요.

GET 방식으로 제출된 양식 데이터가 URL에 추가되며, URL의 일부로 서버에 전송됩니다. URL 길이는 1MB 문자로 제한되어야 합니다.
POST 메소드는 URL에 의존하지 않으며 전달된 매개변수 값을 주소 표시줄에 표시하지 않습니다. 또한 POST 방식은 아무런 제한 없이 데이터를 서버로 전송할 수 제출된 모든 정보는 백그라운드에서 전송되며 브라우저 측에서는 사용자가 볼 수 없으므로 보안이 높습니다.

2. 양식을 통해 업로드되는 파일의 크기를 조절하는 방법은 무엇인가요?

enctype="multipart/form-data"는 양식에서 데이터를 인코딩하는 방법을 지정합니다.
method="post"는 데이터 전송 방법을 지정합니다.
,숨겨진 필드를 통해 업로드된 파일의 크기(바이트)를 제어합니다. 값은 php.ini 구성 파일 upload_max_filesize 옵션으로 설정된 값을 초과할 수 없습니다.

3. 양식에 읽기 전용 속성을 설정하는 방법은 무엇입니까?

지정된 콘텐츠의 읽기 전용 속성을 설정하려면 읽기 전용을 사용하세요.
지정된 콘텐츠의 읽기 전용 속성을 설정하려면 비활성화를 사용하세요.

　4. 어떤 상황에서 $name과 $_POST['name']을 같은 의미로 사용할 수 있나요?

php.ini 파일에서 Register_globals = On일 때 $name 및 $_POST['name' ]는 양식(포스트 모드에서 제출됨)의 양식 요소 이름 값을 가져올 수 있습니다.

그러나 모든 register_globals 변수를 활성화하는 것은 프로그램에 보안 위험을 초래할 수 있으므로 권장되지 않습니다. .

CSS 스타일

1.CSS란 무엇인가요?

CSS(Cascading Style Sheet, "Cascading Style Sheet" 또는 "캐스케이딩 스타일 시트") 언어는 해석이 필요하지 않고 브라우저에서 직접 해석하고 실행하여(브라우저 해석 언어에 속함) 웹 페이지의 모양을 제어할 수 있는 마크업 언어입니다. 표시 속성 설정에 있어서 HTML의 단점을 보완하기 위해 W3C 협회에서 지정한 확장 스타일 표준 집합입니다.

기능은 다음과 같습니다.

표준 웹 디자인에서 CSS는 웹 콘텐츠(XHTML)의 성능을 담당합니다.
CSS 파일은 일부 CSS 태그가 포함된 텍스트 파일이라고도 할 수 있습니다. CSS 파일을 사용해야 합니다. .css가 접미사입니다.
CSS 파일을 통해 콘텐츠와 프리젠테이션을 분리하면 웹페이지의 전반적인 프리젠테이션이 바뀔 수 있습니다. 사이트의 외관을 유지하기가 더 쉽고, HTML 문서 코드를 더 간결하게 만들고, 브라우저 로딩 시간을 단축합니다.

　2. HTML 페이지에 CSS 스타일을 삽입하는 방법은 몇 가지입니까?

은 HTML 페이지의 태그 태그 쌍 은 태그 이름, 클래스 선택기 및 ID 선택기를 사용하여 태그 내부에 속성을 설정합니다.
태그 내부에 스타일 속성 을 정의한 후 아래에 스타일을 정의합니다. 이 태그(예:

링크

.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에서 다음 코드의 이중 여백 문제를 해결하는 방법은 무엇입니까?

<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>

이는 IE6에서 흔히 발생하는 버그입니다. 정의된 여백은 10px이지만 IE에서는 이를 20px로 해석합니다.

해결책: display 속성 추가:inline

5. 클릭되었습니다. 호버 스타일이 표시되지 않는 문제가 있습니까?

하이퍼링크 스타일 속성을 올바르게 정렬하면 됩니다.

a:link{color:red;text-docoration:none}

a:visited{color:blue;text-꾸밈:없음}

a:hover{color: 검정;텍스트 장식:오버라인}

a:액션{color:black;텍스트 장식:오버라인}

6. Firefox 브라우저에서 텍스트가 컨테이너 높이를 열 수 없는 문제를 해결하는 방법은 무엇입니까?

두 개의 CSS 속성 최소 너비 및 최소 높이, 명확한 정렬 클래스clear:both 속성이 있는 div를 추가하여 Firefox 브라우저의 높이를 자동으로 계산할 수도 있습니다.

7. 높이가 약 1px인 컨테이너를 어떻게 정의하나요?

웹 페이지 레이아웃 과정에서 네비게이션 바 사이가 필요한 경우가 종종 있습니다. 파티션의 경우 일반적으로 높이를 1픽셀로 설정하는 것이 가장 좋습니다.

DIV 태그

1. 태그와

의 차이점:

태그는 웹 페이지 레이아웃에 사용되지만 차이점은 다음과 같습니다.

스팬 태그는 인라인이며 일반적으로 작은 모듈의 스타일을 HTML 문서에 인라인하는 데 사용됩니다.
div 요소 자체는 블록 수준 요소이며 주로 큰 코드 블록을 결합하는 데 사용됩니다.

2. 방법 DIV 레이어 중앙 위치를 지정하려면?

위치:절대;

상위:50%;

왼쪽:50%;

여백:-100px 0 0 -100px;

3. filefox 브라우저에서 중첩된 div 태그의 잘못된 텍스트 정렬 속성 문제를 해결하는 방법은 무엇입니까?

<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 스크립트

1. 대화 상자를 띄우고 입력 포커스를 가져오는 함수:

alert() 사용 Function

대화상자를 띄우려면

focus()Function

을 사용하여 입력 포커스를 얻으세요. JavaScript의 리디렉션 기능? 외부 JavaScript 파일을 가져오는 방법은 무엇입니까?

스티어링 기능: window.location.href="파일 이름";

외부 JavaScript 파일 도입:

3. 텍스트 상자 위로 마우스를 가져가면 텍스트 상자의 내용이 자동으로 선택됩니다.

5. 홈페이지의 JavaScript 코드를 설정합니다:

Ajax 애플리케이션

1. jQuery에서 Ajax를 사용하여 사용자 이름이 사용 중인지 확인합니다. 두 페이지를 정의해야 합니다. php 페이지 코드는

in.php 페이지 코드는 다음과 같습니다.

2. 텍스트 상자에 연도를 입력하고, 해당 연도의 별자리를 결정하여 옆에 출력하는 코드를 작성합니다. 텍스트 상자에는 HTML 및 JavaScript 코드를 작성해야 합니다.

 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></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> ?>

코드 보기

PHP 백그라운드에서 황도대 별자리를 결정하는 스크립트:

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教程有兴趣的朋友有所帮助。

성명：

이전 기사：shopnc b2b2c에서 의사 정적을 활성화하는 방법은 무엇입니까? ?다음 기사：shopnc b2b2c에서 의사 정적을 활성화하는 방법은 무엇입니까? ?

PHP 구직 가이드 시리즈 - PHP 웹 프로그래밍

관련 기사