星期六开点啊

  hi

而至周六,结果及时周从不电影去看,没有装去选购,没有妹子…当我没说

1、正则表达式-完结篇

—工具类开发—

 

<?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;子模式,即()中的物,即一个自定义的原子,也变为模式单元

切实行使中,preg_match_all会匹配到一定量栽模式

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

其余为子模式

 

 

 

 

2、jQuery

—简介—

JQuery是继prototype事后又一个良的Javascript库房。它是轻量级的js库
,它相当CSS3,还相当各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0跟后续版本用不再支持IE6/7/8浏览器。jQuery使用户能够重新便利地处理HTML(正式通用标记语言下之一个应用)、events、实现动画效果,并且有利于地吧网站提供AJAX互动。jQuery还有一个于坏之优势是,它的文档说明很咸,而且各种应用为说得慌详细,同时还来成百上千秋之插件但供应选择。jQuery能够如用户之html页面保持代码和html内容分别,也就是说,不用再以html里面插入一堆放js来调用命令了,只需要定义id即可。

jQuery是一个相当多浏览器的javascript仓库,核心理念是write
less,do more(写得重复少,做得再多)。jQuery在2006年1月由美国人口John
Resig每当纽约底barcamp公布,吸引了来自世界各地的众多JavaScript高手参加,由Dave
Methvin率领团队开展支付。如今,jQuery已经变成极端盛行的javascript库,在世界前10000独访问太多之网站受到,有超越55%每当应用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”)

个中参数sele1、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”元素最紧邻的生一个素由“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是使输入下一个只要摸的分类器标识,不是直接输入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中,如果想获得一致组同样标签元素中之第1个要素该怎么做吧?

当底下的言传身教代码中公恐怕注意到我们见面使用

$(“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,表示选择的凡第4个要素

<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)选择器按索引查找元素相比,有时候我们可能希望以文件内容来查找一个或者多独因素,那么以: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>

 

 

 

 

 

相关文章