PHP求职宝典系列——PHP Web 编程篇

　　PHP Web 编程篇

　　form表单

　　1.简述 POST 和 GET 传输的最大容量分别是多少?

GET 方法提交的表单数据被附加到 URL 上，并作为URL 的一部分发送到服务器端。 URL 的长度应限制在 1MB 字符以内。
POST 方法不依赖于 URL，不会将传递的参数值显示在地址栏中。另外，POST 方法可以没有任何限制的传递数据到服务器，所有提交的信息在后台传输，用户在浏览器端是看不到的，安全性高。

　　2.如何通过form表单控制上传文件的大小？

enctype="multipart/form-data",指定表单编码数据的方式。
method="post",指定数据的传输方式。
<input type="hidden" name="MAX_FILE_SIZE" value="10000" />,通过隐藏域控制上传文件的大小（单位为字节），该值不能超过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页面中的<head></head>标记下定义一对<style></style>标记，在标记内部利用标签名称、类选择符、id选择符设置属性。
在标签内部定义 style 属性，然后定义本标签下的样式，如：

　　<a href="#" style="border:0">链接</a>

创建.css样式文件，在文件内部利用id选择符或类选择符等定义样式，然后在显示的HTNL主页面中利用<link>标签引入文件。如：

　　<link type="text/css" rel="stylesheet" href="路径">

　　3.CSS样式常用属性：

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

　　4.如何解决以下代码在 IE6 下的双倍边距问题？

<style type="text/css">

body {margin:;}

div  {float:left;　　margin-left:10px;    width:200px;    height:200px;　　border:1px;    solid red;}

</style>

　　这是 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.如何解决火狐浏览器下文本无法撑开容器的高度问题？

　　添加两个CSS属性，min-width 和 min-height ，也可以加入一个清除对齐方式的类 clear:both 属性的 div 来自动计算火狐浏览器的高度。

　　7.怎样定义1px 左右高度的容器？

　　在网页布局的过程中，导航栏和内容栏之间往往需要一个隔断，一般情况下设置 1 个像素的高度为最佳。

　　DIV 标签

　　1.标签<span>和<div>的区别：

　　<div>和<span>标记同样作用于网页布局中，它们的不同之处在于：

span标记是属于内联的，一般用于小模块的样式内联到HTML文档中
div 元素本身就是块级元素，多用于组合大块的代码

　　2.如何使一个DIV层居中定位？

　　position:absolute;

　　top:50%;

　　left:50%;

　　margin:-100px 0 0 -100px;

　　3.怎样解决 filefox 浏览器中嵌套 div 标签 text-align 属性失效的问题?

 <style>

 .one {border:1px solid blue;width:300px;height:200px;text-align:center }

 .two {border:1 px solid blue;width:200px;height:100px;margin:0px auto }

 </style>

 <div class="one">

 <div class="two"></div>

 </div>

　　JavaScript 脚本

　　1.弹出对话框的函数和获得输入焦点函数：

　　弹出对话框使用 alert()函数

　　获取输入焦点使用 focus()函数

　　 2. JavaScript 的转向函数是什么？怎么引入一个外部JavaScript文件？

　　转向函数： window.location.href="文件名称";

　　引入外部 JavaScript 文件：<script type="text/javascript src='文件路径及名称'"></script>

　　3.当鼠标划过文本框，自动选中文本框中的内容：

　　<input id="txt" type="text" value="baidu" onmouseover="this.select()"/>

　　<input id="txt" type="text" value="baidu" onclick="this.value=' '"/>

　　5.设置主页的 JavaScript 代码：

　　<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomepage ('url');">设为首页</a>

　　Ajax 应用

　　1.利用 jQuery中的Ajax判断用户名是否被占用：

　　需要定义两个页面，index.php 页面代码如下:

 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 $(function() {

 5       $("input:last".click(function() {

 6             $.get ("in.php", {

 7                     username:$("input:first").val()

 8             },function(data) {

 9                     alert (data);

 10             })'

 11        });

 12 });

 13 </script>

　　in.php 页面代码如下：

 <?php

 $string="明日科技"；

 if(isset($ GET[username])) {

     if(urldecode($ GET[username])==$string) {

             echo "用户名被占用";

     }else{

             echo "用户名可用";

     }

 }

 ?>

　2. 编写代码，使得在文本框中输入一个年份，判断其生肖，并在文本框旁边输出，要求写出HTML和JavaScript代码：

　　前台页面设计的代码如下：

 <html>

 <head>

 <meta http-equiv="Content-type" content="text/html;charset="UTF-8"">

 <script type="text/javascript" src="jequery-1.4.2.js"></script>

 <title>生肖的自动选择</title>

 </head>

 <body>

 <input type="text" value="请输入年份格式为2015" onclick="this.select()">

 <input type="submit" value="判断">

 <span></span>

 <script>

     $(function(){

         $("input:last").click(function(){

             $.get("in.php",{

                 number:$("input:first").val()

             },function(data){

                     $("span").text(data);

             });

         });

 });

 </script>

 </body>

 </html>

　　后台判断生肖的PHP脚本：

 <?php

 if(isset($_GET[number])){

         $array=array("猪","鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗")；

         foreach($array as $key=>$value) {

                 if(ceil($_GET[number]%12)==$key){

                         echo $value;

                  }

         }

 }

　　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树中创建并插入元素？

 <script type="text/javascript" src="jquery-1.4.2.js"></script>

 <div>水果</div>

 <script>

 var title=$("<span>苹果</span>");

 $("div").append(title);//将title追加到div标签内容的后面

 $("div").before(title);//将title追加到div标签之前与div标签属于同一层次

 $("div").prepend(title);//将title追加到div标签内容之前

 $("div").after(title);//将title追加到div标签之后与div标签属于同一层次

 </script>

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

 <script type="text/javascript" src="jquery-1.4.2.js"</script>

 <div>水果</div>

 <script>

 var title=$("<span>苹果</span>");

 $("div").replaceWith(title);

 </script>

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

 <script type="text/javascript" src="jquery-1.4.2.js"></script>

 <img src="color.jpg">

 <script>

 $("img".click(function(){

     $(this).fadeOut("slow");

 });

 </script>

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

 <script type="text/javascript" src="jquery-1.4.2.js"></script>

 <input type="button" value="按钮" style="width:200px;height:200px;"><script>

 $("input").click(d=function(){

         $(this).slideUp("slow");

 });

 </script>

　　7.照片轮换效果：

 <script type="text/javascript" src="jquery-1.4.2.js"></script>

 <style>

 ul{list-style:none;width:350px;height:200px;position:absolute}

 li{position:ansolute}

 </style>

 <div class="change">

 <ul>

 <li><img ssrc="1.jpg" width=350px height=200px></li>

 <li><img ssrc="2.jpg" width=350px height=200px></li>

 <li><img ssrc="3.jpg" width=350px height=200px></li>

 <li><img ssrc="4.jpg" width=350px height=200px></li>

 </ul>

 </div>

 <script>

 $(function(){

     $(."change ul li:not(:first)").hide();

     setInterval(function(){

         if($."change ul li:last").is(":visible")){

             $(."change ul li:first").fadeIn("slow");

             $(."change ul li:last").hide();

     }else{

             $(."change ul li:visible").next().fadeIn("slow");

     }

   },1000);

 });

 </script>

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

PHP求职宝典系列——PHP Web 编程篇的更多相关文章

程序员书单_java web编程篇
李兴华JavaWeb开发实战经典 http://download.csdn.net/detail/shenzhq1980/9137653 Servlet与JSP核心编程第2版_1 http://do ...
【HANA系列】【第二篇】SAP HANA XS使用JavaScript编程详解
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列][第二篇]SAP HANA XS ...
《黑客攻防技术宝典Web实战篇@第2版》读书笔记1：了解Web应用程序
读书笔记第一部分对应原书的第一章,主要介绍了Web应用程序的发展,功能,安全状况. Web应用程序的发展历程早期的万维网仅由Web站点构成,只是包含静态文档的信息库,随后人们发明了Web浏览器用来检 ...
黑客攻防技术宝典web实战篇：核心防御机制习题
猫宁!!! 参考链接:http://www.ituring.com.cn/book/885 黑客攻防技术宝典web实战篇是一本非常不错的书,它的著作人之一是burpsuite的作者,课后的习题值得关注 ...
SpringBoot系列教程web篇之过滤器Filter使用指南扩展篇
前面一篇博文介绍了在 SpringBoot 中使用 Filter 的两种使用方式,这里介绍另外一种直接将 Filter 当做 Spring 的 Bean 来使用的方式,并且在这种使用方式下,Filte ...
SpringBoot系列教程Web篇之开启GZIP数据压缩
本篇可以归纳在性能调优篇,虽然内容非常简单,但效果可能出乎预料的好: 分享一个真实案例,我们的服务部署在海外,国内访问时访问服务时,响应有点夸张:某些返回数据比较大的接口,耗时在 600ms+上,然而 ...
SpringBoot系列教程web篇Listener四种注册姿势
java web三要素Filter, Servlet前面分别进行了介绍,接下来我们看一下Listener的相关知识点,本篇博文主要内容为SpringBoot环境下,如何自定义Listener并注册到s ...
SpringBoot系列教程web篇Servlet 注册的四种姿势
原文: 191122-SpringBoot系列教程web篇Servlet 注册的四种姿势前面介绍了 java web 三要素中 filter 的使用指南与常见的易错事项,接下来我们来看一下 Serv ...
SpringBoot系列教程web篇之过滤器Filter使用指南
web三大组件之一Filter,可以说是很多小伙伴学习java web时最早接触的知识点了,然而学得早不代表就用得多.基本上,如果不是让你从0到1写一个web应用(或者说即便从0到1写一个web应用) ...

随机推荐

【.net深呼吸】（WCF）OperationContextScope 的用途
一个WCF服务可以实现多个服务协定(服务协定实为接口),不过,每个终结点只能与一个服务协定关联,并指定调用的唯一地址.那么,binding是干吗的?binding是负责描述通信的协议,以及消息是否加密 ...
ASP.NET MVC5+EF6+EasyUI 后台管理系统（17）-LinQ动态排序
系列目录首先修复程序中的一个BUG这个BUG在GridPager类中,把sord修改为sort这个名称填写错误,会导致后台一直无法获取datagrid的排序字段本来是没有这一讲的,为了使20行的代 ...
Java Collection知识总结
首先说说java中常用的集合容器:ArrayList,LinkedList,Vector,HashMap,Hashtable,HashSet,TreeSet.[就个人认为] java集合容器本人理解为 ...
ASP.NET 5 - $.ajax post JSON.stringify(para) is null
JavaScript 代码: var para = {}; para.id = $("#ad-text-id").val(); para.title = $("#ad-t ...
python3爬取1024图片
这两年python特别火,火到博客园现在也是隔三差五的出现一些python的文章.各种开源软件.各种爬虫算法纷纷开路,作为互联网行业的IT狗自然看的我也是心痒痒,于是趁着这个雾霾横行的周末瞅了两眼,作 ...
C#写文本日志帮助类(支持多线程)改进版(不适用于ASP.NET程序)
由于iis的自动回收机制,不适用于ASP.NET程序代码: using System; using System.Collections.Concurrent; using System.Confi ...
ImageSharp .NET Core跨平台图形处理库
ImageSharp 是支持.NET Core跨平台图形处理库,ImageSharp是ImageProcessor 的.NET Core跨平台实现. ImageSharp 支持如下操作: 调整大小,裁 ...
C#、JAVA操作Hadoop（HDFS、Map/Reduce）真实过程概述。组件、源码下载。无法解决：Response status code does not indicate success: 500。
一.Hadoop环境配置概述三台虚拟机,操作系统为:Ubuntu 16.04. Hadoop版本:2.7.2 NameNode:192.168.72.132 DataNode:192.168.72. ...
苹果手机不支持click文字需要添加 cursor:pointer 才能识别可以点击
给一个div 绑定一个 click事件, 苹果手机会识别不了,必须添加一个 cursor:pointer 才能识别可以点击.安卓正常识别.
SharePoint 2013 沙盒解决方案不能激活(激活按钮不可用)
把沙盒解决方案上传到目标站点的"解决方案"库中,发现"激活"按钮是灰掉的,不可用. 首先,我想到的是权限不足,所以 "以管理员身份"启动IE ...

PHP求职宝典系列——PHP Web 编程篇

PHP求职宝典系列——PHP Web 编程篇的更多相关文章

随机推荐

热门专题