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样式常用属性:
属性名称 | 解析 |
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:0;} 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 属性失效的问题?
1 <style> 2 .one {border:1px solid blue;width:300px;height:200px;text-align:center } 3 .two {border:1 px solid blue;width:200px;height:100px;margin:0px auto } 4 </style> 5 <div class="one"> 6 <div class="two"></div> 7 </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" οnmοuseοver="this.select()"/>
4
<input id="txt" type="text" value="baidu" οnclick="this.value=' '"/>
5.设置主页的 JavaScript 代码:
<a href="#" οnclick="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 页面代码如下:
1 <?php 2 $string="明日科技"; 3 if(isset($ GET[username])) { 4 if(urldecode($ GET[username])==$string) { 5 echo "用户名被占用"; 6 }else{ 7 echo "用户名可用"; 8 } 9 } 10 ?>
2. 编写代码,使得在文本框中输入一个年份,判断其生肖,并在文本框旁边输出,要求写出HTML和JavaScript代码:
前台页面设计的代码如下:
1 <html> 2 <head> 3 <meta http-equiv="Content-type" content="text/html;charset="UTF-8""> 4 <script type="text/javascript" src="jequery-1.4.2.js"></script> 5 <title>生肖的自动选择</title> 6 </head> 7 <body> 8 <input type="text" value="请输入年份格式为2015" onclick="this.select()"> 9 <input type="submit" value="判断"> 10 <span></span> 11 <script> 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 </script> 22 </body> 23 </html>
View Code
后台判断生肖的PHP脚本:
1 <?php 2 if(isset($_GET[number])){ 3 $array=array("猪","鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗"); 4 foreach($array as $key=>$value) { 5 if(ceil($_GET[number]%12)==$key){ 6 echo $value; 7 } 8 } 9 }
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树中创建并插入元素?
1 <script type="text/javascript" src="jquery-1.4.2.js"></script> 2 <div>水果</div> 3 <script> 4 var title=$("<span>苹果</span>"); 5 $("div").append(title);//将title追加到div标签内容的后面 6 $("div").before(title);//将title追加到div标签之前与div标签属于同一层次 7 $("div").prepend(title);//将title追加到div标签内容之前 8 $("div").after(title);//将title追加到div标签之后与div标签属于同一层次 9 </script>
4.如何在DOM树中替换指定元素?
1 <script type="text/javascript" src="jquery-1.4.2.js"</script> 2 <div>水果</div> 3 <script> 4 var title=$("<span>苹果</span>"); 5 $("div").replaceWith(title); 6 </script>
5.将一张图片以淡出的效果消失在页面中:
1 <script type="text/javascript" src="jquery-1.4.2.js"></script> 2 <img src="color.jpg"> 3 <script> 4 $("img".click(function(){ 5 $(this).fadeOut("slow"); 6 }); 7 </script>
6.制作一个按钮,当按钮被单击时以卷帘效果消失:
1 <script type="text/javascript" src="jquery-1.4.2.js"></script> 2 <input type="button" value="按钮" style="width:200px;height:200px;"><script> 3 $("input").click(d=function(){ 4 $(this).slideUp("slow"); 5 }); 6 </script>
7.照片轮换效果:
1 <script type="text/javascript" src="jquery-1.4.2.js"></script> 2 <style> 3 ul{list-style:none;width:350px;height:200px;position:absolute} 4 li{position:ansolute} 5 </style> 6 <div class="change"> 7 <ul> 8 <li><img ssrc="1.jpg" width=350px height=200px></li> 9 <li><img ssrc="2.jpg" width=350px height=200px></li> 10 <li><img ssrc="3.jpg" width=350px height=200px></li> 11 <li><img ssrc="4.jpg" width=350px height=200px></li> 12 </ul> 13 </div> 14 <script> 15 $(function(){ 16 $(."change ul li:not(:first)").hide(); 17 setInterval(function(){ 18 if($."change ul li:last").is(":visible")){ 19 $(."change ul li:first").fadeIn("slow"); 20 $(."change ul li:last").hide(); 21 }else{ 22 $(."change ul li:visible").next().fadeIn("slow"); 23 } 24 },1000); 25 }); 26 </script>
鉴于最近要准备各种期末考和大作业,发博时间明显减少,劳烦多多理解啊!本篇都是利用零碎时间编辑的,现在大功告成还是挺满足啦,若您觉得有帮助,可以随手点个赞。
转载于:https://www.cnblogs.com/JennyZhang-sharing/p/4459170.html
PHP求职宝典系列——PHP Web 编程篇相关推荐
- Linux网络编程篇之ICMP协议分析及ping程序实现
Linux网络编程系列: Linux网络编程篇之Socket编程预备知识 Linux网络编程篇之TCP协议分析及聊天室功能实现 如果对Linux网络编程,对socket通信不是太清楚的同学,强烈推荐看 ...
- 跟安全技术大师学习黑客攻防技术 ——《黑客攻防技术宝典:web实战篇》
跟安全技术大师学习黑客攻防技术 --<黑客攻防技术宝典: web 实战篇> 随着网络技术的快速发展以及网络带宽的不断扩张, Web 应用程序几乎无处不在,渗透到社会的经济.文化.娱乐等各个 ...
- spring boot 跨域请求_SpringBoot 系列教程 web 篇之自定义请求匹配条件 RequestCondition...
191222-SpringBoot 系列教程 web 篇之自定义请求匹配条件 RequestCondition 在 spring mvc 中,我们知道用户发起的请求可以通过 url 匹配到我们通过@R ...
- 怎么调用获取被创建的预制体_Go 语言 Web 编程系列—— 获取用户请求数据(上)...
0.GET/POST 请求数据 在 PHP 中,可以直接通过全局变量 $_GET 和 $_POST 快速获取 GET/POST 请求数据,GET 请求数据主要是 URL 查询字符串中包含的参数,以前面 ...
- 《黑客攻防技术宝典Web实战篇@第2版》读书笔记1:了解Web应用程序
读书笔记第一部分对应原书的第一章,主要介绍了Web应用程序的发展,功能,安全状况. Web应用程序的发展历程 早期的万维网仅由Web站点构成,只是包含静态文档的信息库,随后人们发明了Web浏览器用来检 ...
- 利用Spring扩展点模拟MyBatis的注解编程「知识点多多」「扩展点实战系列」- 第448篇
历史文章(文章累计440+) <国内最全的Spring Boot系列之一> <国内最全的Spring Boot系列之二> <国内最全的Spring Boot系列之三> ...
- 《黑客攻防技术宝典:Web实战篇》习题答案(一)
译者按:以下为<黑客攻防技术宝典:Web实战篇>一书第二版中的习题答案,特在此推出.如果读者发现任何问题,请与本人联系.英文答案请见:The Web Application Hacker' ...
- [网络安全自学篇] 十四.Python攻防之基础常识、正则表达式、Web编程和套接字通信(一)
这是作者的系列网络安全自学教程,主要是关于网安工具和实践操作的在线笔记,特分享出来与博友共勉,希望您们喜欢,一起进步.前文分享了Wireshark抓包原理知识,并结合NetworkMiner工具抓取了 ...
- 《黑客攻防技术宝典Web实战篇》.Dafydd.Stuttard.第2版中文高清版pdf
下载地址:网盘下载 内容简介 编辑 <黑客攻防技术宝典(Web实战篇第2版)>从介绍当前Web应用程序安全概况开始,重点讨论渗透测试时使用的详细步骤和技巧,最后总结书中涵盖的主题.每章后还 ...
最新文章
- C#中Dispose和Close的区别
- time是python的标准库吗_python3关于date和time的标准库
- 华为在鸿蒙的另一张王牌,华为的这两张王牌,将助力Mate40系列角逐安卓机皇的位置...
- Kubernetes 小白学习笔记(9)--搭建一个kubernetes集群--安装Ubuntu虚拟机和容器docker
- jquery进度条组件
- 非对称加密算法RSA加密解密流程
- win10右键一直转圈_windows10为何鼠标右键一点桌面就一直转圈?
- 在没有ftp上传软件时怎么上传
- android获取其他app布局,关于android:如何从App的(布局)XML变量中获取Manifest版本号?...
- 除尘器选型需要考虑的因素
- ROS 使用signal 终止 Node
- 微信企业号开发七:JSAPI模式
- Linux下的硬件驱动——USB设备
- 中软国际实习 day10
- 编程之美 1.2 中国象棋将帅问题
- java图片与文字拼接
- DATEDIFF 函数的使用
- 基于MVC模式的电商购物系统
- 【Linux】TIME_WAIT的作用、影响、解决方法
- 【WRC 大咖观点】张钹《人工智能与机器人》
热门文章
- 新浪微博营销的方式与技巧都有哪些呢?
- 分频器——秒分频、三分频、五分频、任意分频和偶数分频
- IP地址的划分-------IP地址的借位情况
- 战火与秩序迁城显示服务器忙,战火与秩序迁城方法介绍
- 中文模糊查找(C语言)+ 链表操作
- python朋友圈可见_女神说不能每张照片P的同样,因此朋友圈开三天可见,用Python一步解决...
- 译后访谈《Scratch少儿趣味编程》作者阿部和广
- pycharm环境下导入包
- 为什么信号源输出仅过一个电阻后,示波器测量出的输出电压会随输入频率增大而减小?----浅谈传输线分布电容与示波器的电容对信号传输的一种常见影响
- QLV格式怎么在线转换成MP4转换器