PHP礼拜一干点儿什么

  hi

又到周六,结果下周没有电影去看,没有衣裳去买,没有妹子…当小编没说

一 、正则表明式-已毕篇

—工具类开发—

 

<?php
/*
* PHP 正则表达式工具类
*
描述:进行正则表明式匹配,有常用的正则表明式以及允许用户自定义正则表明式举行匹配
*/

class regexTool{
//定义常用正则表明式,并用数组对的章程存储
private $validate=array(
‘require’ => ‘/.+/’,
’email’ =>
‘/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/’,
‘url’ =>
‘/^http(s?):\/\/(?:[A-za-z0-9-]+\.)+[A-za-z]{2,4}(?:[\/\?#][\/=\?%\-&~`@[\]\’:+!\.#\w]*)?$/’,
‘currency’ => ‘/^\d+(\.\d+)?$/’,
‘number’ => ‘/^\d+$/’,
‘zip’ => ‘/^\d{6}$/’,
‘integer’ => ‘/^[-\+]?\d+$/’,
‘double’ => ‘/^[-\+]?\d+(\.\d+)?$/’,
‘english’ => ‘/^[A-Za-z]+$/’,
‘qq’ => ‘/^\d{5,11}$/’,
‘mobile’ => ‘/^1(3|4|5|7|8)\d{9}$/’,
);
//定义其余品质
private $returnMatchResult=false; //再次来到类型判断
private $fixMode=null; //改进方式
private $matches=array(); //存放匹配结果
private $isMatch=false;

//构造函数,实例化后传出默许的多少个参数
public function __construct($returnMatchResult=false,$fixMode=null){
$this->returnMatchResult=$returnMatchResult;
$this->fixMode=$fixMode;
}

//判断重临结果类型,为匹配结果matches依旧十分成功与否isMatch,并调用重回方法
private function regex($pattern,$subject){
if(array_key_exists(strtolower($pattern), $this->validate))
$pattern=$this->validate[$pattern].$this->fixMode;
//判断后再连接上校对格局作为匹配的正则表明式
$this->returnMatchResult ?
preg_match_all($pattern, $subject,$this->matches):
$this->isMatch=preg_match($pattern, $subject)===1;
return $this->getRegexResult();
}

//重返方法
private function getRegexResult(){
if($this->returnMatchResult){
return $this->matches;
}else{
return $this->isMatch;
}
}

//允许用户自定义切换重临类型
public function toggleReturnType($bool=null){
if(empty($bool)){
$this->returnMatchResult=!$this->returnMatchResult;
}else{
$this->returnMatchResult=is_bool($bool) ? $bool : (bool)$bool;
}
}

//上边则是数据讲明格局
public function setFixMode($fixMode) {
$this->fixMode = $fixMode;
}

public function noEmpty($str) {
return $this->regex(‘require’, $str);
}

public function isEmail($email) {
return $this->regex(’email’, $email);
}

public function isMobile($mobile) {
return $this->regex(‘mobile’, $mobile);
}

public function check($pattern, $subject) {
return $this->regex($pattern, $subject);
}
}

实例化进行认证

<?php
/*
* PHP 正则表明式验证文件
*/
//包蕴类定义文件
require_once ‘regexTool.class.php’;

$regex=new regexTool();
$regex->setFixMode(‘U’); //设定校订方式为懒惰格局U
$r=$regex->isEmail(‘asdfads@qq.com’);
show($r);

//使用在此之前学过的show函数来拓展认证
/*
* Description:PHP 正则表明式函数
*
* @name:show
* @description:output debug
* @param $var:input data
* @return void
*
*/

function show($var=null){
if(empty($var)){
echo ‘null’;
}elseif(is_array($var)||is_object($var)){
//array,object
echo ‘<pre>’;
print_r($var);
echo ‘</pre>’;
}else{
//string,int,float…
echo $var;
}
}

—验证表单—

即采纳形式之一

html写文件如下

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=”>
<title>用户注册</title>
</head>
<body>
<form action=”regCheck.php” method=”post”>
用户名<INPUT type=”text” name=”username” id=”username” value=””
/><br/><br/>
email<INPUT type=”text” name=”email” id=”email” value=””
/><br/><br/>
手机号<INPUT type=”text” name=”mobile” id=”mobile” value=””
/><br/><br/>
<INPUT type=”submit” value=”注册” />
</form>
</body>
</html>

相呼应的在regCheck.php中改

if(!$regex->noEmpty($_POST[‘username’])) exit(‘用户名为空’);

—仿(山寨版)smarty简易模板引擎—

–允许程序猿分前端后端分开开发

–模板引擎工作原理:获取模板源文件,编译模板,输出给用户(也等于联系起前后端,做“接口”一样)

–形式单元:总情势,即$pattern;子方式,即()中的东西,即3个自定义的原子,也成为情势单元

具体行使中,preg_match_all会匹配到二种格局

preg_match_all结果为二维数组,其中$matches[0][0]为总方式

别的为子格局

 

 

 

 

2、jQuery

—简介—

JQuery是继prototype自此又三个了不起的Javascript库。它是轻量级的js库
,它相当CSS3,还10分各样浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再帮衬IE6/7/8浏览器。jQuery使用户能更便宜地处理HTML标准通用标记语言下的1个运用)、events、完结动画效果,并且有利于地为网站提供AJAX互动。jQuery还有三个相比较大的优势是,它的文档表达很全,而且各个应用也说得很详细,同时还有诸多诡计多端的插件可供采取。jQuery可以使用户的html页面保持代码和html内容分别,也等于说,不用再在html里面插入一堆js来调用命令了,只要求定义id即可。

jQuery是3个协作多浏览器的javascript库,焦点情念是write
less,do more(写得更少,做得越多)。jQuery在贰零零柒年七月由塞尔维亚人John
Resig
在London的barcamp颁发,吸引了来自世界各州的众多JavaScript高手参与,由DaveMethvin率领团队拓展开发。近日,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超常三分之一在使用jQuery。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更是方便,例如操作文档对象、选择DOM要素、制作动画效果、事件处理、使用Ajax以及此外职能。除此以外,jQuery提供API让开发者编写插件。其模块化的施用方式使开发者可以很自在的开发出功用强大的静态或动态网页。

jQuery,顾名思义,也等于JavaScript和询问(Query),即是扶助JavaScript开发的库。(摘选自百度百科)

–环境搭建

下载1.9.0平静版本,保存在地头就好,然后再用javascript的时候包涵进就行了

<script src=”http://libs.baidu.com/jquery/1.9.0/jquery.js
type=”text/javascript”></script>

–初体验

jQuery就是js的函数封装,形成库(私以为其更有益于对付对象)

对照于原JS,它一般的话更便捷

<!DOCTYPE html>
<html>
<head>
<title>#id选择器</title>
<script src=”http://libs.baidu.com/jquery/1.9.0/jquery.js
type=”text/javascript”></script>
</head>

<body>
<div>div的内容</div>
<div>Hello world!</div>

<script type=”text/javascript”>
$(” div “).html(“Hello iMooc!”); //填写相应代码
</script>
</body>
</html>

那里$()表示百分之十定字符内的因素

—基础接纳器—

–#id选择器

<div id=”divtest”>div的内容</div>
<div id=”default”></div>
<script type=”text/javascript”>
$(“#default”).html($(“#divtest”).html());//在id号为“default”的元素中显示id号为“divtest”成分的故事情节。
</script>

骨干接纳方法是$(“#id”)

–element选择器

依照成分的称谓可以搜寻到该因素,并调用css()、attr()等主意设置对所取成分的操作。

<button id=”btntest”>点我</button>
<script type=”text/javascript”>
$(“button”).attr(“disabled”,”true”);
</script>

–.class选择器

依据类的称呼选取成分,其他操作看似

<div class=”red”>立正,向自家那边看齐</div>
<div class=”green”>小编先歇歇脚</div>

<script type=”text/javascript”>
var $redHTML = $(“.red”).html();
$(“.green”).html($redHTML);
</script>

–*选择器

采纳器中的参数就贰个“*”,既没有“#”号,也从未“.”号。 由于该采用器的特殊性,它常与其余因素结合使用,表示收获其他因素中的全体子成分。

实践注脚,由于选用*接纳器获取的是整套因素,由此,某些浏览器将会比较缓慢,那个拔取器也亟需小心谨慎运用。

<form action=”#”>
<input id=”Button1″ type=”button” value=”button” />
<input id=”Text1″ type=”text” />
<input id=”Radio1″ type=”radio” />
<input id=”Checkbox1″ type=”checkbox” />
</form>

<script type=”text/javascript”>
$(“form *”).attr(“disabled”, “true”);
</script>

–sele1,sele2,seleN选择器

偶然必要规范的选项随机多少个钦赐的因素,类似于从文具盒中挑选出多根自已喜欢的笔,就需求调用sele1,sele2,seleN选取器,它的调用格式如下:

$(“sele1,sele2,seleN”)

其中参数sele壹 、sele2到seleN为可行采用器,每种采纳器之间用“,”号隔开,它们可以是从前提及的各连串型采用器,如$(“#id”)、$(“.class”)、$(“selector”)采纳器等。

<div class=”red”>选我吧!我是red</div>
<div class=”green”>选我吧!我是green</div>
<div class=”blue”>选我吧!我是blue</div>

<script type=”text/javascript”>
$(“.red,.green”).html(“hi,我们的典范很漂亮哦!”);
</script>

–ance desc选择器

本节开班,大家将介绍层次性拔取器。

在其实使用开发中,经常是两个要素嵌套在一起,形成复杂的层次关系,通过层次拔取器,可以急忙稳定某一层次的四个或几个要素,ance
desc选用器就是其中之一,它的调用格式如下:

$("ance desc")

里头ance
desc是运用空格隔开的多个参数。ance参数(ancestor祖先的简写)表示父成分;desc参数(descendant后代的简写)表示后代成分,即包涵子成分、孙成分等等。多少个参数都得以通过选拔器来得到。比如家族姓氏“div”,家族几代人里,都盛名字里带“span”的,就可以用这几个ance
desc选拔器把这几人给一定出来。

<div>码农家族
<p>
<label></label>
</p>
<label></label>
</div>

<script type=”text/javascript”>
$(“div label”).css(“background-color”,”blue”);
</script>

–parent>child选择器

与上一节牵线的ance desc采纳器比较,parent > child选取器的限量要小些,它所挑选的对象是子集成分,相当于三个家中中的子辈们,但不包涵孙辈,它的调用格式如下:

$(“parent > child”)

child参数获取的因素都以parent接纳器的子元素,它们之间通过“>”符号来表示一种层次关系。

<div>
码农家族
<p>
<label></label>
</p>
<label></label>
<label></label>
</div>
<label></label>

<script type=”text/javascript”>
$(“div>label”).css(“border”, “solid 5px red”);
</script>

–prev+next选择器

俗话说“远亲不如近邻”,而透过prev + next接纳器就足以搜索与“prev”成分紧邻的下贰个“next”成分,格式如下:

$(“prev + next”)

中间参数prev为任何有效的采用器,参数“next”为其余一个一蹴而就选拔器,它们之间的“+”表示一种左右的层次关系,相当于说,“prev”成分最紧邻的下2个要素由“next”采取器重回的同时只回去唯的一个因素。

<div>
码农家族
<label></label>
<p></p>
<label></label>
<label></label>
</div>
<label></label>

<script type=”text/javascript”>
$(“p+label”).css(“background-color”,”red”);
</script>

留意,那里的next是要输入下1个要找的分类器标识,不是一向输入next

–prev~siblings选择器

与上一节中牵线的prev + next层次选拔器相同,prev ~ siblings选拔器也是寻觅prev
成分之后的隔壁元素,但前者只取得第三个相邻的因素,而后人则拿到prev
成分前边全数邻近的要素,它的调用格式如下:

$(“prev ~ siblings”)

内部参数prev与siblings两者之间通过“~”符号形成一种层次相邻的涉及,表明siblings采用器获取的因素都是prev成分之后的同辈成分。

<div>
码农家族
<label></label>
<p></p>
<label></label>
<label></label>
</div>
<label></label>

<script type=”text/javascript”>
$(“p~label”).css(“border”, “solid 1px red”);
$(“p~label”).html(“大家都是p先生的听众”);
</script>

—过滤性拔取器—

–:first/:last过滤拔取器

本章大家介绍过滤采取器,该项目的选取器是基于某过滤规则进行成分的匹配,书写时以“:”号发轫,平常用于查找集合成分中的某一人置的单个成分。

在jQuery中,如果想获取一组同样标签成分中的第一个要素该如何是好吗?

在下边的演示代码中您只怕注意到大家会使用

$(“li:first”)

注意:挥洒时以“:”号开首。

<div>改变最终一行”苹果”背景颜色:</div>
<ol>
<li>葡萄</li>
<li>香蕉</li>
<li>橘子</li>
<li>西瓜</li>
<li>苹果</li>
</ol>

<script type=”text/javascript”>
$(“li:last”).css(“background-color”, “red”);
</script>

–:eq(index)过滤采纳器

只要想从一组标签成分数组中,灵活拔取随机的三个标签成分,我们得以行使

:eq(index)

里面参数index表示索引号(即:三个平头),它从0开头,假诺index的值为3,表示拔取的是第伍个要素

<div>改变中间行”葡萄”背景颜色:</div>
<ol>
<li>橘子</li>
<li>香蕉</li>
<li>葡萄</li>
<li>苹果</li>
<li>西瓜</li>
</ol>

<script type=”text/javascript”>
$(“li:eq(2)”).css(“background-color”, “#60F”);
</script>

–:contains(text)过滤采用器

与上一节牵线的:eq(index)采取器按索引查找成分比较,有时候大家兴许希望根据文本内容来查找2个或七个要素,那么使用:contains(text)挑选器会越发便民,
它的职能是选用包含钦点字符串的全体因素,它一般与其他因素构成使用,获取包括“text”字符串内容的整个成分对象。其中参数text代表页面中的文字。

<div>改变包涵”jQuery”字符内容的背景象:</div>
<ol>
<li>强大的”jQuery”</li>
<li>”javascript”也很实用</li>
<li>”jQuery”前端必学</li>
<li>”java”是一种开发语言</li>
<li>前端利器——”jQuery”</li>
</ol>

<script type=”text/javascript”>
$(“li:contains(‘jQuery’)”).css(“background”, “green”);
</script>

–:has(selector)过滤接纳器

除此之外在上一小节介绍的利用带有的字符串内容过滤成分之外,还足以采用含有的要素名称来过滤,:has(selector)过滤选取器的功用是获取采纳器中富含钦命成分名称的总体成分,其中selector参数就是带有的成分名称,是被含有成分。

<div>改变包蕴”label”成分的背景观:</div>
<ol>
<li><p>我是P先生</p></li>
<li><label>L妹纸就是自身</label></li>
<li><p>我也是P先生</p></li>
<li><label>我也是L妹纸哦</label></li>
<li><p>P先生就是自身啊</p></li>
</ol>

<script type=”text/javascript”>
$(“li:has(‘label’)”).css(“background-color”, “blue”);
</script>

–:hidden过滤采纳器

:hidden过滤选用器的效果是收获全体不可知的成分,那一个不可知的因素中包含type属性值为hidden的因素。

<h3>突显隐藏成分的内容</h3>
<input id=”hidstr” type=”hidden” value=”我已隐藏起来”/>
<div></div>

<script type=”text/javascript”>
var $strHTML = $(“input:hidden”).val();
$(“div”).html($strHTML);
</script>

–:visible过滤采取器

与上一节的:hidden过滤采纳器相反,:visible过滤采纳器获取的是任何凸现的因素,约等于说,只要不将成分的display属性值设置为“none”,那么,都得以经过该选用器获取。

<h3>修改可知“水果”的背景观</h3>
<ul>
<li style=”display:none”>橘子</li>
<li style=”display:block”>香蕉</li>
<li style=”display:”>葡萄</li>
<li>苹果</li>
<li style=”display:none”>西瓜</li>
</ul>

<script type=”text/javascript”>
$(“li:visible”).css(“background-color”,”blue”);
</script>

 

 

 

 

 

相关文章