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 = /\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、)的更多相关文章
- Vue.js:轻量高效的前端组件化方案
转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉.不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了. Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014 ...
- 从 0 到 1 到完美,写一个 js 库、node 库、前端组件库
之前讲了很多关于项目工程化.前端架构.前端构建等方面的技术,这次说说怎么写一个完美的第三方库. 1. 选择合适的规范来写代码 js 模块化的发展大致有这样一个过程 iife => commonj ...
- Vue.js:轻量高效的前端组件化方案(转载)
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...
- 【转】Vue.js:轻量高效的前端组件化方案
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...
- [Python自学] day-18 (1) (JS正则、第三方组件)
一.JS的正则表达式 JS正则提供了两个方法: test():用于判断字符串是否符合规定: exec():获取匹配的数据: 1.test() 定义一个正则表达式: reg = /\d+/; // 用于 ...
- python-day18 JS正则,组件BootStrap、EasyUI、JQueryUI1,插件轮播,django
@第一节课程内容 js正则 登录注册验证 @text-判断字符串是否符合规定的正则 @exec-获取匹配的数据 bootstrap(组件) –css –js 学习bootstrap规则 jQueryu ...
- 谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo
前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的话分工会更细,比如携程: 携程app = 机票频道 + 酒店频道 + 旅游频道 + ..... ...
- 从DOM操作看Vue&React的前端组件化,顺带补齐React的demo
前言 接上文:谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo 上次写完博客后,有朋友反应第一内容有点深,看着迷迷糊糊:第二是感觉没什么使用场景,太过业务化,还不如直接写Vue ...
- WUI 前端组件
为什么会有WUI前端组件,我们接触的UI组件如:YUI.EXTjs.EasyUI,这些组件虽然提供了丰富的UI,并且一定程度上缩短了开始时间,单这些组件提供的页面风格是统一的,我们的产品风格不可能像这 ...
随机推荐
- Dynamic len
题目 有n个数编号从0→n-1,两种操作: Q L R:询问编号为L→R-1的数中共有多少种不同的数 M X Y:将编号为X的数改为Y 共有m个操作 分析 既然是单点修改,查询,我们考虑一下分块. 首 ...
- C# 基础:DataTable操作、发邮件
本文出自:https://www.cnblogs.com/2186009311CFF/p/6865909.html DataTable操作 据参数删除为0的列:包括遍历.删除.取值 public st ...
- vs 2010创建Windows服务定时timer程序
vs 2010创建Windows服务定时timer程序: 版权声明:本文为搜集借鉴各类文章的原创文章,转载请注明出处: http://www.cnblogs.com/2186009311CFF/p/ ...
- MCU2FPGA之SPI时序总线
转载自:http://blog.csdn.net/ce123/article/details/6895408 SPI总线有四种工作方式(SP0, SP1, SP2, SP3),其中使用的最为广泛的是S ...
- mysql DEFAULT约束 语法
mysql DEFAULT约束 语法 作用:用于向列中插入默认值. 说明:如果没有规定其他的值,那么会将默认值添加到所有的新记录.直线电机 mysql DEFAULT约束 示例 //在 "P ...
- windows 删除文件或文件夹
删除文件夹 rd 文件夹名 (只能删除空文件夹) 删除整个文件夹及子文件所有 rd /s 文件夹名(删除该文件及子文件) 删除文件 del 文件名(删除该文件)
- es之Source字段和store字段
PUT /website/blog/ { "title" : "elasticsearchshi是是什么", "author" : &quo ...
- linux-解决添加的网卡无法识别的问题
添加网卡之后,网卡无法被正确的识别和使用排错方法 查看/etc/udev/rules.d/70-persistent-net.rules的内容,该文件中可以查看到新添加的网卡的MAC地址 修改/etc ...
- 北风设计模式课程---依赖倒置原则(Dependency Inversion Principle)
北风设计模式课程---依赖倒置原则(Dependency Inversion Principle) 一.总结 一句话总结: 面向对象技术的根基:依赖倒置原则(Dependency Inversion ...
- 关于openGL、GPUImage、ios直播相关不错的博客
http://www.jianshu.com/users/815d10a4bdce/latest_articles