摘要: 两个网站 正则可视化 正则入门三十分钟 基本内容 定义 正则描述了一种字符串的匹配的模式 ,可以用来检查一个字符串是否包含某个子串或者是替换某个子串;一般用于表单验证,数据过滤,格式检查,数据采集,数据隐藏. 元字符 所谓元字符是用来说明匹配类型的,比如 限定符 规定紧接着的匹配的数量,与全局匹配g 阅读全文
posted @ 2018-03-17 13:14 决起而飞 阅读(277) 评论(0) 推荐(0) 编辑
摘要: js改变盒子大小 知识点 三个mouse事件:mousedown mousemove mouseup css的定位和cursor 思路 先解决单边问题识别范围,得到所选区域 event. 根据距离,判断方向根据方向进行样式的增加减少,注意top和left的变化当然还要增加最小的限制 注意 识别改变的 阅读全文
posted @ 2018-03-16 19:43 决起而飞 阅读(3313) 评论(0) 推荐(0) 编辑
摘要: 总结自定义表单样式的控件,涉及到一些css伪类伪元素知识 css组合选择符 css组合选择符在自定义表单控件中扮演着连接的作用,便于控制元素样式,css3中有四种组合选择符。 后代选择器 :以空格分离,选择后代相匹配的元素;#div p 选择的是#div下所有的p元素 子元素选择器 :以大于号分离, 阅读全文
posted @ 2018-03-13 19:50 决起而飞 阅读(451) 评论(0) 推荐(0) 编辑
摘要: js拖拽分析 思路 1、三个鼠标事件,mousedown,mousemove,mouseup 2、可移动性absolute 3、边界限制 得到鼠标点击处和div边界的距离,然后得出top 和 left 的值 具体 mousedown diffX/Y得出的是开始点击处和div边界的距离 mousemo 阅读全文
posted @ 2018-03-11 12:47 决起而飞 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 右键菜单 思路 1、遮蔽原来的默认右键菜单 2、新建右键菜单跟随鼠标移动 3、注意边界处的位置变化 4、自定义右键内容的具体效果 具体 这样的事件涉及到有关contextmenu事件,阻止默认事件,获取鼠标点击位置,涉及到offsetWidth等等,具体展示 offsetWidth:元素在水平方向占 阅读全文
posted @ 2018-03-10 16:08 决起而飞 阅读(1005) 评论(0) 推荐(0) 编辑
摘要: 选项卡 思路 1、按钮和展示的页面要对应:分别遍历,记住当前按钮的索引,让其成为展示页面的索引 2、只出现所对应的页面:所有的页面隐藏,只展示想要的页面 只展示js代码 轮播图 思路 一个完整的轮播图包含:自动播放;鼠标移入移除开始暂停;两边的按钮;下面的小轮播点 自动播放:涉及到定时器, 移入移除 阅读全文
posted @ 2018-03-09 22:52 决起而飞 阅读(555) 评论(0) 推荐(0) 编辑
摘要: 表单联动的总结 在涉及到表单联动时,会联系到new Option这个新增option的方法,也有select的add方法,这是在单纯的练习HTML时候不了解的,下面来具体的了解一下吧。 动态的设置select 在JavaScript中动态的添加select和option 传统的方法,利用DOM创建新 阅读全文
posted @ 2018-02-28 21:58 决起而飞 阅读(1474) 评论(0) 推荐(0) 编辑
摘要: 如果觉得此地排版不好,欢迎访问我的博客 浅显总结ASCII Unicode UTF-8的区别 制作表单时,为了追求更好的用户交互体验,常常会有提示性的内容,比如提醒用户字符的限制。由于英文,中文字符的问题,涉及到编码的转换调整。 ASCII码 计算机的早期使用者大多使用英文,而计算机则以二进制来储存 阅读全文
posted @ 2018-02-24 21:27 决起而飞 阅读(732) 评论(0) 推荐(0) 编辑
摘要: 瀑布流,很常见了,淘宝,网易云音乐等等都有,实现原理,咱先放着一遍,先将涉及到的知识点拓展开来 一、Math的方法 Math求最小值、最大值, 对于一般的数字直接求,Math.min Math.max 但是求数组呢,一个方法,三种形式,js高程书中利用apply的回调函数,将this指向window 阅读全文
posted @ 2018-02-14 23:15 决起而飞 阅读(883) 评论(0) 推荐(1) 编辑
摘要: 最近写个运动框架,确实好用,来附上,具体就不说了,注释比较详细 简洁版:包括链式运动,没有同时运动,不需要json格式 完整版:包括链式运动、同时运动,涉及到同时运动则需要利用json辅助完成 需要注意的几点 获取非行间样式,注意浏览器的兼容问题 常用的Math方法、parseInt等的转换 回调函 阅读全文
posted @ 2018-02-13 13:31 决起而飞 阅读(249) 评论(0) 推荐(0) 编辑