文章标题

来源:互联网 发布:淘宝网络红人 编辑:程序博客网 时间:2024/06/07 17:08

早上:

    回顾昨天知识:    【练习部分】        1、Mac菜单导航栏:             (1)、 准备好下方图标,布局和样式            (2)、 document.onmousemove=functi(ev){}; 事件,计算出鼠标与各个图标中心的距离            (3)、对比距离,越小则图标放大,因此成反比            (4)、注意要限制范围,否则鼠标移至远处,下方图标会消失        2、图片碰撞则交换位置:            (1)、准备好图片布局            (2)、做碰撞检测,若碰撞了,则给碰撞上的div加样式,同时碰撞多个,要做一个比较,选取最近的            (3)、把碰撞上的div位置换成拖动的div的原始坐标,并把他们的index值换过来    【知识部分】        1、正则:            [0-9a-z] 表示出现的范围是数字和字符            g  global 表示全局寻找匹配            i ignore 表示忽略大小写            [] 中括号中的属性都是单字符 也可以用来表示范围[0-9a-z]            {n,m} 出现次数 最少出现N次,最多M次             {n} 正好N次            /d+/g 表示全局中的不止一个数字的正则            /<[^<>]+>/g  .表示所有东西, ^非,不能出现            str.replace            str.match('re')        2、image 对象,用来处理图片预加载,节省图片加载时间            oImg = new Image();            oImg.src="1.jpg";