js
浏览器阻止window.open的解决方案
之前在做项目的时候也遇到过浏览器会阻止window.open方法,一直没有找到解决方案,直到这一次在被这个问题所困扰后脑子里突然想起wordpress的后台在发布文章的时候有一个预览按钮,第二次点击的时候不是在新开窗口而是在上一次打开的窗口又刷新了一遍,后来研究了一下window.open的参数设置,发现需要给这个open窗口定义个名称两次打开的是同一个名称的话就会是刷新而不是在次新开窗口,有了这个重大发现,问题就迎刃而解了! 先分析一下浏览器为什么会阻止window.open吧: 用户主动去触发事件的浏览器不会阻止,什么是用户主动触发的呢?就是当用户去点击的一瞬间就弹出这种浏览器是不会阻止的…阅读全文
require.js基础使用
页面结构 index.html main.js test.js index.html页面 main.js页面 test.js页面
HTML5无刷新实现跳转页面技术
window.onpopstate window.onpopstate是popstate事件在window对象上的事件句柄. 每当处于激活状态的历史记录条目发生变化时,popstate事件就会在对应window对象上触发. 如果当前处于激活状态的历史记录条目是由history.pushState()方法创建,或者由history.replaceState()方法修改过的, 则popstate事件对象的state属性包含了这个历史记录条目的state对象的一个拷贝. 调用history.pushState()或者history.replaceState()不会触发popstate事件. pops…阅读全文
汇总前端最最常用的JS代码片段-你值得收藏
html5选择器 鼠标滚轮事件 阻止冒泡 阻止默认行为 说明:该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 “submit”,在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。 检测浏览器是否支持svg 检测是否是微信浏览器 jQuery获取鼠标在图片上的坐标 js获取验证码倒计时效果 jquery类似模块加载器的方法 JS检测浏…阅读全文
检测浏览器是否支持svg
大图预览幻灯
jquery.magnific-popup.js www:http://dimsemenov.com/plugins/magnific-popup/ github:https://github.com/dimsemenov/Magnific-Popup
全屏滚动特效
jQuery Scrollify www:http://projects.lukehaas.me/scrollify/#home github:https://github.com/lukehaas/Scrollify 基本设置 Scrollify需要的jQuery1.6+。 大多数基本设置如下: 默认配置: 选项 section:选择的部分。 sectionName:您可以定义每个部分的哈希值。这使得有可能以永久链接到特定的部分。这被设定为在各节的数据属性。数据属性的名称被定义sectionName定义。 easing:定义缓动方法。 offset:偏移的距离以像素为单位,以抵消由每个部分的…阅读全文
鼠标滚轮事件插件
jquery.mousewheel.js github:https://github.com/jquery/jquery-mousewheel 使用方法 网上看不用插件来实现鼠标滚轮事件,经过测试兼容性也非常好用
拖拽排序插件
jquery.dragsort.js www:http://dragsort.codeplex.com/
日期控件
My97日期控件 www:http://www.my97.net/
@插件
at.js github:https://github.com/ichord/At.js www:http://ichord.github.io/At.js/
瀑布流布局插件
Masonry.js www:http://masonry.desandro.com/
锚点导航插件
jquery.nav.js www:http://davist11.github.io/jQuery-One-Page-Nav/#intro github:https://github.com/davist11/jQuery-One-Page-Nav
图片裁切插件
jquery.Jcrop.js www:http://deepliquid.com/content/Jcrop.html demo http://www.loveqiao.com/dom/html5css3/imgcrop http://www.loveqiao.com/archives/593