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

      

  • 相关阅读:
    springboot配置tomcat大全
    python 列表推导式
    python中yield的用法详解——最简单,最清晰的解释
    正则表达式
    python 装饰器
    python 接口类、抽象类、多态
    python split和os.path.split()
    pyhton 多继承的执行顺序
    python unittest 加载测试用例的方法
    python unittest中的四个概念
  • 原文地址:https://www.cnblogs.com/qiangayz/p/8965348.html
Copyright © 2020-2023  润新知