js下 Day16、正则案例

【js下 Day16、正则案例】的更多相关文章

js下 Day16、正则案例

一．封装格式化日期功能思路分析: \1. 第一个参数format表示指定的时间格式 \2. 第二个参数date为指定的时间(可以不传,默认当前时间) \3. 获取第二个参数中指定时间的年月日时分秒 \4. 将format中的格式利用replace()方法替换 #二．表单验证效果图: 功能思路分析: 1. 面向对象框架 2. 用户名验证 \6. 给用户名文本框绑定失去焦点事件(blur) \7. 编写手机号正则和邮箱正则 \8. 验证文本框的内容是否符合手机号正则或邮箱正则 \9. 验证通过返…

JS 下拉菜单案例

css代码 .nav { width: 300px; height: 400px; list-style: none; padding:; margin: 0 auto; } .nav>li { float: left; width: 100px; text-align: center; } .nav>li a { display: block; line-height: 50px; color: rgb(141, 138, 138); text-decoration: none; posit…

js下 Day12、案例

一．垃圾分类效果图: 功能思路分析: 1. 鼠标按下 (1) 获取鼠标到元素的距离(e.offsetX) (2) 开启开关变量 (3) 获取事件源 (4) 记录垃圾初始位置 2. 鼠标移动 (1) 当开关变量为真时,修改垃圾的位置即的left和top (2) 垃圾位置 = 鼠标位置到页面位置 - 鼠标到盒子的位置 3. 鼠标抬起 (1) 关闭开关变量 (2) 循环每一个垃圾桶,通过 getBoundingClientRect()方法获取垃圾桶的四个边界,判断鼠标是否进入垃圾桶 (3) 如…

js下 Day11、案例

一．成绩分类效果图: 功能思路分析: 1. 渲染数据 2. 鼠标按下开启拖拽 \1. 给成绩盒子绑定鼠标按下事件(mousedown),用事件委托做多个标签的拖拽 \2. 开启控制拖拽的变量 \3. 获取鼠标到元素的距离(e.offsetX) \4. 获取事件源 \5. 克隆一个副本,设置定位,放到成绩盒子中 3. 鼠标移动-副本跟随 \1. 当开关变量为真时移动盒子 \2. 克隆盒子位置 = 鼠标到页面的距离 - 鼠标到元素的距离 4. 鼠标松开-边界判断 \1. 判断克隆元素是否存在,不存…

[js笔记整理]正则篇

一.正则基本概念 1.一种规则.模式 2.强大的字符串匹配工具 3.在js中常与字符串函数配合使用二.js正则写法正则在js中以正则对象存在: (1)var re=new RegExp(正则表达式); (2)var re=/正则表达式/; 三.正则的基本写法 1.开始结束符 ^ $ 2.元字符 (1)任意字符 [abc] abc中的任意一个 (2)范围 [a-z] 字母a到c: [1-9] 数组1到9 (3)排除 [^a-z] 排除字母a-c (4)任意字符 . 3.量词 (1) {…

正则表达式，js里的正则应用

我爱撸码,撸码使我感到快乐!大家好,我是Counter.好吧已经到凌晨了,其实还是蛮困的,体力不支了,想了想还是把今天任务结束掉吧,为期5天,又重新把JavaScript以及jQuery给大致过了一遍,蛮累的,不过收获还是颇丰,所谓温故而知新可以为师矣.大概的讲讲js里的正则吧,正则要学的东西太多太多,但是工作上有一些是不会经常用到的,所有你看一遍,过些日子可能又忘了,所以当真正有需要的时候再去翻找文档吧,记一些常用的即可.在js中定义正则有直接量,和RegExp类.直接量的方式为: /字符模式…