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,并且一定程度上缩短了开始时间,单这些组件提供的页面风格是统一的,我们的产品风格不可能像这 ...
随机推荐
- 【leetcode】1131. Maximum of Absolute Value Expression
题目如下: Given two arrays of integers with equal lengths, return the maximum value of: |arr1[i] - arr1[ ...
- BZOJ 3357: [Usaco2004]等差数列 动态规划
Code: #include<bits/stdc++.h> #define setIO(s) freopen(s".in","r",stdin) # ...
- CF704D Captain America
http://codeforces.com/problemset/problem/704/D 题解 对于两种颜色的染色,我们可以把它看做选择问题. 比如说红色的代价小,所以我们尽可能多的染红色. 然后 ...
- permutation 1
permutation 1 #include<bits/stdc++.h> using namespace std; ]; void init() { ; i<=; i++)A[i] ...
- 在centos上配置环境
1. 安装wget [root@localhost ~]# yum -y install wget 2. 在oneinstack官网配置安装环境 wget http://mirrors.lin ...
- Oracle诊断: 服务器启后,无法连接
Oracle 服务器启后,使用Toad 客户端连接oracle 时候,遇到下面的错误: oracle ORA-12514: TNS: no listener TNS: listener does no ...
- mui初级入门教程(七)— 基于native.js的文件系统管理功能实现
文章来源:小青年原创发布时间:2016-08-01关键词:mui,nativejs,android转载需标注本文原始地址: http://zhaomenghuan.github.io... 前言 这段 ...
- 解决IDEA输入法输入中文候选框不显示问题(亲测谷歌拼音完美解决问题)
解决方法:关掉idea,进入idea的安装目录找到jre64文件夹重命名为jre642(随便什么名字都行)如下图 然后找到jdk安装目录下的jre文件复制到上图idea的安装目录下并改名为jre64 ...
- PJSIP Socket 模型
前些日子为解决项目中问题调试到PJSIP Socket收发数据部分 ,好记性不如烂笔头,记录下 PJSIP 使用的Socket 模型 ,以备后用. 不同平台下PJSIP采用不同的 Socket模型,W ...
- 阶段1 语言基础+高级_1-3-Java语言高级_04-集合_05 List集合_2_Arraylist集合
数组查询快,增删慢. 不是同步的就是多线程的 ArrayList其实就是一个数组 这是add方法 它在添加元素的时候会创建新的数组,然后把元素复制过来.这就是为什么查询快,增删们的原因. 每次增加元素 ...