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、)的更多相关文章

  1. Vue.js:轻量高效的前端组件化方案

    转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉.不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了. Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014 ...

  2. 从 0 到 1 到完美,写一个 js 库、node 库、前端组件库

    之前讲了很多关于项目工程化.前端架构.前端构建等方面的技术,这次说说怎么写一个完美的第三方库. 1. 选择合适的规范来写代码 js 模块化的发展大致有这样一个过程 iife => commonj ...

  3. Vue.js:轻量高效的前端组件化方案(转载)

    摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...

  4. 【转】Vue.js:轻量高效的前端组件化方案

    摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...

  5. [Python自学] day-18 (1) (JS正则、第三方组件)

    一.JS的正则表达式 JS正则提供了两个方法: test():用于判断字符串是否符合规定: exec():获取匹配的数据: 1.test() 定义一个正则表达式: reg = /\d+/; // 用于 ...

  6. python-day18 JS正则,组件BootStrap、EasyUI、JQueryUI1,插件轮播,django

    @第一节课程内容 js正则 登录注册验证 @text-判断字符串是否符合规定的正则 @exec-获取匹配的数据 bootstrap(组件) –css –js 学习bootstrap规则 jQueryu ...

  7. 谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo

    前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的话分工会更细,比如携程: 携程app = 机票频道 + 酒店频道 + 旅游频道 + ..... ...

  8. 从DOM操作看Vue&React的前端组件化,顺带补齐React的demo

    前言 接上文:谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo 上次写完博客后,有朋友反应第一内容有点深,看着迷迷糊糊:第二是感觉没什么使用场景,太过业务化,还不如直接写Vue ...

  9. WUI 前端组件

    为什么会有WUI前端组件,我们接触的UI组件如:YUI.EXTjs.EasyUI,这些组件虽然提供了丰富的UI,并且一定程度上缩短了开始时间,单这些组件提供的页面风格是统一的,我们的产品风格不可能像这 ...

随机推荐

  1. Dynamic len

    题目 有n个数编号从0→n-1,两种操作: Q L R:询问编号为L→R-1的数中共有多少种不同的数 M X Y:将编号为X的数改为Y 共有m个操作 分析 既然是单点修改,查询,我们考虑一下分块. 首 ...

  2. C# 基础:DataTable操作、发邮件

    本文出自:https://www.cnblogs.com/2186009311CFF/p/6865909.html DataTable操作 据参数删除为0的列:包括遍历.删除.取值 public st ...

  3. vs 2010创建Windows服务定时timer程序

    vs 2010创建Windows服务定时timer程序: 版权声明:本文为搜集借鉴各类文章的原创文章,转载请注明出处:  http://www.cnblogs.com/2186009311CFF/p/ ...

  4. MCU2FPGA之SPI时序总线

    转载自:http://blog.csdn.net/ce123/article/details/6895408 SPI总线有四种工作方式(SP0, SP1, SP2, SP3),其中使用的最为广泛的是S ...

  5. mysql DEFAULT约束 语法

    mysql DEFAULT约束 语法 作用:用于向列中插入默认值. 说明:如果没有规定其他的值,那么会将默认值添加到所有的新记录.直线电机 mysql DEFAULT约束 示例 //在 "P ...

  6. windows 删除文件或文件夹

    删除文件夹 rd 文件夹名 (只能删除空文件夹) 删除整个文件夹及子文件所有 rd /s 文件夹名(删除该文件及子文件) 删除文件 del 文件名(删除该文件)

  7. es之Source字段和store字段

    PUT /website/blog/ { "title" : "elasticsearchshi是是什么", "author" : &quo ...

  8. linux-解决添加的网卡无法识别的问题

    添加网卡之后,网卡无法被正确的识别和使用排错方法 查看/etc/udev/rules.d/70-persistent-net.rules的内容,该文件中可以查看到新添加的网卡的MAC地址 修改/etc ...

  9. 北风设计模式课程---依赖倒置原则(Dependency Inversion Principle)

    北风设计模式课程---依赖倒置原则(Dependency Inversion Principle) 一.总结 一句话总结: 面向对象技术的根基:依赖倒置原则(Dependency Inversion ...

  10. 关于openGL、GPUImage、ios直播相关不错的博客

    http://www.jianshu.com/users/815d10a4bdce/latest_articles