1. 程式人生 > >JS正則的補充,與其他前端組件的使用(easUi、jqueryUi、bootstrap、)

JS正則的補充,與其他前端組件的使用(easUi、jqueryUi、bootstrap、)

由於 就是 pass col font 正則 字體 lfa var

1、JS 正則


	test   - 判斷字符串是否符合規定的正則
		rep = /\d+/;
		rep.test("asdfoiklfasdf89asdfasdf")
		# true
		
		rep = /^\d+$/;
		rep.test("asdfoiklfasdf89asdfasdf")
		# false
		
	exec   - 獲取匹配的數據
		rep = /\d+/;
		str = "zhouqiang_67_huahua_20"
		rep.exec(str)
		# ["67"]   匹配之後返回一個數組
		
		text="JavaScript is more fun than Java or JavaBeans!"
		var pattern = /\bJava(\w*)\b/; #這樣會匹配到了兩個匹配項
		pattern.exec(text)
		# ["JavaScript", "Script"]
		
		
		text="JavaScript is more fun than Java or JavaBeans!"
		var pattern = /\bJava\w*\b/g; 全局匹配
		pattern.exec(text)  
		# ["JavaScript"]    第一次執行
		# ["Java"]         第二次執行
		# ["JavaBeans"]     第三次執行
		# null            第四次執行
		
		JavaScript is more fun than Java or JavaBeans!
		var pattern = /\bJava(\w*)\b/g;   #加分組之後(加括號)會在第一次匹配的基礎上再進行匹配
		# ["JavaScript",‘Script‘]
		# ["Java", ""]
		# ["JavaBeans", "Beans"]
		# null
		
	多行匹配:
		默認就是多行匹配
		^$  (開始結束)
		加M的意思是多行匹配,就是每個起始行都會匹配,不加M也會默認多行,
		區別是前者把多行當成一個字符串,後者是每行當成一個字符串,匹配模板裏面有開始結束符的時候會有效果
		var pattern = /\bJava(\w*)\b/g;
		
		
   - 登錄註冊驗證
		默認事件先執行:
			checkbox
		自定義先執行(自定義的函數在提交函數之前執行)
			a
			submit
			...
		<form>
			
			<input type=‘type‘ />
			<input type=‘password‘ />
			<input type=‘submit‘ />
			
		</form>
   
		$(‘:submit‘).click(function(){
			
			$(‘:text,:password‘).each(function(){
				...
				return false;
			})
			return false;
		})   
   
		input,checbox
   
    ================================== 驗證 ================================
	JS: 驗證
		 由於網頁的JS可以被禁止,所以一般網站在前臺和後臺都會加驗證
		 各種驗證
		 
			$(‘:submit‘).click(function(){
				
				$(‘:text,:password‘).each(function(){
					...
					return false;
				})
				return false;
			})   
	    通過在標簽裏面自定義屬性,然後在js裏面判斷標簽是否有該屬性,有的話就進行判斷,比如純數字,長度。等等
	
	後端:python實現
	
	業務處理
	....
	

2、組件


	BootStrap
		- css
		- js
	學習 BootStrap 規則
	
	一、響應式
		@media
		根據頁面大小,CSS做出不同的反應
	二、圖標、字體
		@font-face
		用來指定圖標
	三、基本使用
		.c1{
		color:red !important     #無論放在什麽位置優先級最高。
		}
	
	========》 後臺管理
	
	jQueryUI *
		- css
		- js
	學習 jQueryUI 規則
	
	
	EasyUI
		- css
		- js
	在demo裏面找需要的樣式
		
	學習 jQueryUI 規則
	============ Ajax操作 ================

  

JS正則的補充,與其他前端組件的使用(easUi、jqueryUi、bootstrap、)