JS正则的补充,与其他前端组件的使用(easUi、jqueryUi、bootstrap、)

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 = /Java(w*)/; #这样会匹配到了两个匹配项
		pattern.exec(text)
		# ["JavaScript", "Script"]
		
		
		text="JavaScript is more fun than Java or JavaBeans!"
		var pattern = /Javaw*/g; 全局匹配
		pattern.exec(text)  
		# ["JavaScript"]    第一次执行
		# ["Java"]         第二次执行
		# ["JavaBeans"]     第三次执行
		# null            第四次执行
		
		JavaScript is more fun than Java or JavaBeans!
		var pattern = /Java(w*)/g;   #加分组之后(加括号)会在第一次匹配的基础上再进行匹配
		# ["JavaScript",'Script']
		# ["Java", ""]
		# ["JavaBeans", "Beans"]
		# null
		
	多行匹配:
		默认就是多行匹配
		^$  (开始结束)
		加M的意思是多行匹配,就是每个起始行都会匹配,不加M也会默认多行,
		区别是前者把多行当成一个字符串,后者是每行当成一个字符串,匹配模板里面有开始结束符的时候会有效果
		var pattern = /Java(w*)/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操作 ================

  

原文地址:https://www.cnblogs.com/qiangayz/p/8965348.html