2017年07月_xuanwuziyou

12月 11月 10月 09月 08月 07月 01月

原创自制轮播图

效果：轮播图的关键：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