第一組:楊昊 常用的正則表達(dá)式
常用的正則表達(dá)式,這回差不多齊活了:
驗(yàn)證數(shù)字:^[0-9]*$
驗(yàn)證n位的數(shù)字:^\d{n}$
驗(yàn)證至少n位數(shù)字:^\d{n,}$
驗(yàn)證m-n位的數(shù)字:^\d{m,n}$
驗(yàn)證零和非零開頭的數(shù)字:^(0|[1-9][0-9]*)$
驗(yàn)證有兩位小數(shù)的正實(shí)數(shù):^[0-9]+(.[0-9]{2})?$
驗(yàn)證有1-3位小數(shù)的正實(shí)數(shù):^[0-9]+(.[0-9]{1,3})?$
驗(yàn)證非零的正整數(shù):^+?[1-9][0-9]*$
驗(yàn)證非零的負(fù)整數(shù):^-[1-9][0-9]*$
驗(yàn)證非負(fù)整數(shù)(正整數(shù) + 0) ^\d+$
驗(yàn)證非正整數(shù)(負(fù)整數(shù) + 0) ^((-\d+)|(0+))$
驗(yàn)證長度為3的字符:^.{3}$
驗(yàn)證由26個(gè)英文字母組成的字符串:^[A-Za-z]+$
驗(yàn)證由26個(gè)大寫英文字母組成的字符串:^[A-Z]+$
驗(yàn)證由26個(gè)小寫英文字母組成的字符串:^[a-z]+$
驗(yàn)證由數(shù)字和26個(gè)英文字母組成的字符串:^[A-Za-z0-9]+$
驗(yàn)證由數(shù)字先舷、26個(gè)英文字母或者下劃線組成的字符串:^\w+$
驗(yàn)證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式為:以字母開頭艰管,長度在6-18之間,只能包含字符蒋川、數(shù)字和下劃線牲芋。
驗(yàn)證是否含有 ^%&',;=?
\x22]+
驗(yàn)證漢字:^[\u4e00-\u9fa5],{0,}
驗(yàn)證InternetURL:^http://([\w-]+.)+[\w-]+(/[\w-./?%&=]*)?
驗(yàn)證電話號(hào)碼:^(\d3,4|\d{3,4}-)?\d{7,8}$:--正確格式為:XXXX-XXXXXXX捺球,XXXX-XXXXXXXX缸浦,XXX-XXXXXXX,XXX-XXXXXXXX氮兵,XXXXXXX裂逐,XXXXXXXX。
驗(yàn)證身份證號(hào)(15位或18位數(shù)字):^\d{15}|\d{}18$
驗(yàn)證一年的12個(gè)月:^(0?[1-9]|1[0-2])$ 正確格式為:“01”-“09”和“1”“12”
驗(yàn)證一個(gè)月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式為:01胆剧、09和1絮姆、31。
整數(shù):^-?\d+$
非負(fù)浮點(diǎn)數(shù)(正浮點(diǎn)數(shù) + 0):^\d+(.\d+)?$
正浮點(diǎn)數(shù) ^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$
非正浮點(diǎn)數(shù)(負(fù)浮點(diǎn)數(shù) + 0) ^((-\d+(.\d+)?)|(0+(.0+)?))$
負(fù)浮點(diǎn)數(shù) ^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$
浮點(diǎn)數(shù) ^(-?\d+)(.\d+)?
第二組:徐晉 全選秩霍、反選和appendTo方法
1. 全選篙悯、反選
<form>
你愛好的運(yùn)動(dòng)是?<br/>
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="籃球" />籃球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>
<input type="button" id="CheckAll" value="全 選" />
<input type="button" id="CheckNo" value="全不選" />
<input type="button" id="CheckRev" value="反 選"/>
</form>
<script>
$(function () {
$("#CheckAll").click(function () {
$("[name=items]:checkbox").attr("checked", true);
});
$("#CheckNo").click(function () {
$("[name=items]:checkbox").attr("checked", false);
});
$("#CheckRev").click(function () {
$("[name=items]:checkbox").each(function () {
this.checked = !this.checked;
});
});
})
</script>
注意:在之前的jquery的版本中铃绒,都是使用attr()來訪問對(duì)象的屬性鸽照,但在某些時(shí)候,比如訪問input的disabled屬性的時(shí)候颠悬,會(huì)有些問題矮燎。在有些瀏覽器中定血,只要寫了disabled屬性就可以了,有些則要寫:disabled="disabled"。所以母市,從1.6版開始撬槽,jquery提供新的方法prop()來獲取這些屬性。使用prop()的時(shí)候茫虽,返回值是標(biāo)準(zhǔn)屬性:true/false。
按照官方的說明既们,如果是設(shè)置disabled和checked這些屬性濒析,應(yīng)使用prop()方法,而不是使用attr()方法啥纸。
2. appendTo方法
想要實(shí)現(xiàn)的功能:將左邊選中的option刪除并加入到右邊中
<div class="centent">
<select multiple id="select1" style="width:100px;height:160px">
<option value="1">選項(xiàng)1</option>
<option value="2">選項(xiàng)2</option>
<option value="3">選項(xiàng)3</option>
</select>
<div>
<span id="add">選中添加到右邊>></span><br/>
<span id="add_all">全部添加到右邊>></span>
</div>
</div>
<div class="=centent">
<select multiple id="select2" style="width:100px;height:160px"></select>
<div>
<span id="remove"><<選中刪除到左邊</span><br />
<span id="remove_all"><<全部刪除到左邊</span>
</div>
</div>
使用appendTo方法可以輕松實(shí)現(xiàn)從一邊刪除并添加到另一邊:
$("#add").click(function () {
var $option = $("#select1 option:selected");
$option.appendTo($("#select2"));
})
第三組: 賈樟柯和他的電影
我最喜歡的第六代導(dǎo)演之一号杏。
賈樟柯的好,在于他對(duì)于小人物的關(guān)懷斯棒,以及對(duì)于社會(huì)變遷中普通人的關(guān)注盾致。他的影片中體現(xiàn)出對(duì)時(shí)代的思考在中國導(dǎo)演中并不多見。用一句很冠冕堂皇的話說名船,他對(duì)于這片土地有很深的熱愛绰上。第六代導(dǎo)演中,目前仍然保持穩(wěn)定高產(chǎn)且質(zhì)量出色的只剩他和婁燁了渠驼。
他說:“不能因?yàn)檎麄€(gè)國家在跑步前進(jìn)就忽略了那些被撞倒的人蜈块。”所以他的電影很多都是記錄小人物的迷扇。
基本在每隔幾個(gè)月他的影片都會(huì)獲得一個(gè)國際大獎(jiǎng)百揭,但是在國內(nèi),很少能夠得到上映蜓席,即使上映器一,票房也都很慘淡,不過豆瓣評(píng)分都還不錯(cuò)厨内。
推薦幾部他的影片祈秕。
不多說,下面放鏈接:
《小武》鏈接: https://pan.baidu.com/s/1c1IcPWk 密碼: pvbt
《三峽好人》鏈接: https://pan.baidu.com/s/1jIEdeKY 密碼: d5hf
《天注定》鏈接: https://pan.baidu.com/s/1gfOsAGF 密碼: twqs
《山河故人》鏈接: https://pan.baidu.com/s/1kV47Itx 密碼: 7wa5
《站臺(tái)》鏈接: https://pan.baidu.com/s/1o8bvqLs 密碼: 52pb
第四組: 傅云 Visio流程圖快速添加箭頭的方法
最簡單的流程圖僅需要連接線以及實(shí)體框等工具雏胃。而不同的連接線操作選取較為復(fù)雜请毛,分享流程圖繪制過程中簡便的箭頭添加方法。
-
采用連接線以及指針工具繪制流程圖
image.png
-
選擇流程圖基本形狀
image.png -
右鍵選擇連接線 添加箭頭
image.png
第五組:周倩宇 JS獲取URL中參數(shù)值(QueryString)的4種方法分享
方法一:正則法
代碼如下:
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 這樣調(diào)用:
alert(GetQueryString("參數(shù)名1"));
alert(GetQueryString("參數(shù)名2"));
alert(GetQueryString("參數(shù)名3"));
方法二:split拆分法
代碼如下:
function GetRequest() {
var url = location.search; //獲取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
var Request = new Object();
Request = GetRequest();
// var 參數(shù)1,參數(shù)2,參數(shù)3,參數(shù)N;
// 參數(shù)1 = Request['參數(shù)1'];
// 參數(shù)2 = Request['參數(shù)2'];
// 參數(shù)3 = Request['參數(shù)3'];
// 參數(shù)N = Request['參數(shù)N'];
方法三:又見正則
通過JS獲取url參數(shù)瞭亮,這個(gè)經(jīng)常用到方仿。比如說一個(gè)url:http://wwww.jb51.net/?q=js,我們想得到參數(shù)q的值,那可以通過以下函數(shù)調(diào)用即可。
代碼如下:
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
//獲取url中"?"符后的字符串并正則匹配
var context = "";
if (r != null)
context = r[2];
reg = null;
r = null;
return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("q"));
方法四:單個(gè)參數(shù)的獲取方法
function GetRequest() {
var url = location.search; //獲取url中"?"符后的字串
if (url.indexOf("?") != -1) { //判斷是否有參數(shù)
var str = url.substr(1); //從第一個(gè)字符開始 因?yàn)榈?個(gè)是?號(hào)仙蚜,獲取所有除問號(hào)的所有符串
strs = str.split("="); //用等號(hào)進(jìn)行分隔 (因?yàn)橹乐挥幸粋€(gè)參數(shù) 所以直接用等號(hào)進(jìn)分隔此洲,如果有多個(gè)參數(shù),要用&號(hào)分隔委粉,再用等號(hào)進(jìn)行分隔)
alert(strs[1]); //直接彈出第一個(gè)參數(shù) (如果有多個(gè)參數(shù) 還要進(jìn)行循環(huán)的)
}
}