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,并且一定程度上缩短了开始时间,单这些组件提供的页面风格是统一的,我们的产品风格不可能像这 ...
随机推荐
- win10如何设置软件开机启动
想要实现应用程序在所有的用户登录系统后都能自动启动,就把该应用程序的快捷方式放到“系统启动文件夹”里C:\ProgramData\Microsoft\Windows\Start Menu\Progra ...
- 【leetcode】1146. Snapshot Array
题目如下: Implement a SnapshotArray that supports the following interface: SnapshotArray(int length) ini ...
- SQL插入字段
//SQL插入字段 String dropTable="drop table if exists test;"; String columnGid ="alter tab ...
- HTTP教程
适合人群 本教程已为计算机学科毕业生和Web开发人员准备,帮助他们了解与超文本传输协议(HTTP)相关的基本到高级概念. 预备知识 在继续本教程之前,最好对Web概念,Web浏览器,Web服务器, ...
- PHP文件操作基本代码
PHP中提供了一系列的I/O函数,能简捷地实现我们所需要的功能,包括文件系统操作和目录操作(如“复制[copy]”).下面兄弟连PHP培训 小编给大家介绍的是基本的文件读写操作:(1)读文件 ;(2) ...
- asp.net大文件上传解决方案
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载. 准备文件上传的API #region 文件上传 ...
- Socket网络通信编程(一)
1.学习基本概念.传统的同步阻塞式I/O编程.伪异步IO实现 2.学习基于NIO的同步非阻塞式编程 3.了解基于NIO2.0的异步非阻塞(AIO)编程 1.1 基本概念 Socket又称“套接字”,应 ...
- SecureCRT上传、下载文件 使用rz【上传】& sz【下载】命令
首先安装:apt-get install lrzsz SecureCRT这款SSH客户端软件同时具备了终端仿真器和文件传输功能.比ftp命令方便多了,而且服务器不用再开FTP服务了.rz,sz是便是L ...
- MySQL主从复制中replicate-ignore-db replicate-wild-ignore-table的应用
MySQL主从复制中replicate-ignore-db replicate-wild-ignore-table的应用 replicate-ignore-dbreplicate-wild-ignor ...
- ERROR 1366 (HY000): Incorrect string value:MySQL数据库、表的字符集为GBK
mysql> update userinfo set MEDIASOURCE = 'CS02-北京' where IMPORTNO = 'IMP201640613101206';ERROR 13 ...