JS正则的补充，与其他前端组件的使用（easUijqueryUibootstrap）

Posted 2020-11-01 梦中琴歌

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操作 ================