- 博客(3)
- 资源 (5)
- 收藏
- 关注
原创 自制轮播图
效果:轮播图的关键:a.外层容器宽度设为一张图片的宽度,子元素的宽度是n张图片的总宽度(放置这n张图片用),此时子元素宽度大于了外层容器宽度,设置外层容器:overflow:hidden,可每次只显示一张图片。b.切换到下一张图片时的动画怎么做?从前的话就用jquery的animate函数,现在有了css3,使用transition动画就可以了,transition:left
2017-07-28 15:14:58 428
原创 js对频繁触发事件的函数防抖和函数节流
1.场景 函数防抖:注册时邮箱的输入框,随着用户的输入,实时判断邮箱格式是否正确。此时,每一次的用户输入都触发邮箱格式检测事件,造成了浪费,于是设置两次输入之间的时间间隔大于1s时(用户结束输入时),再执行检查邮箱格式。const filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
2017-07-27 17:52:47 8687
原创 监听浏览器回退事件
Dom: Js:window.onload=function(){ addHistoryEntity(); detectBack();}//新增一条浏览器浏览历史记录function addHistoryEntity(){ if(history.pushState){ //现代浏览器 history.pushState('s
2017-07-27 16:14:14 3911
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人