HTML5页面可见性接口应用(Page Visibility API)
Javascript前端2016年10月15日作者:月光光标签:HTML5
有这样一个需求,需要判断用户是不是与当前页面交互,比如浏览器上打开很多标签页,如果页面最小化或者目标页面被隐藏在其他标签页后,那么目标页面的某些功能可以停下来,等切换到目标页面时再继续某些功能。阅读全文
漂亮的垂直导航样式
Javascript前端2016年10月07日作者:月光光标签:CSS3
幻灯片滑动切换的时候,需要做个切换的导航条,甚至很多的页面或者组件都用到导航条,本文结合实例将简单介绍使用CSS实现的垂直幻灯片导航样式效果。阅读全文
使用jquery.pjax实现SPA单页面应用
Javascript前端2016年09月26日作者:月光光标签:jQuery HTML5
前面我有文章介绍了前端路由和Pjax单页面应用方面的实例应用,今天我来和大家分享一个单页面应用神器jquery.pjax.js。它是基于jQuery的pjax插件,使用方便,功能完善。我会结合实例给大家讲解使用jquery.pjax.js。阅读全文
PushState+Ajax实现简单的单页面应用SPA
Javascript前端2016年09月17日作者:月光光标签:HTML5
单页面应用(Single Page Application)简称SPA,使用SPA构建的应用优点有用户体验好、速度快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染,从而相对减轻了服务器压力,SPA在WEB移动端应用非常广泛。阅读全文
Javascript实现前端简单路由
Javascript前端2016年09月10日作者:月光光标签:JavaScript
WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,如Thinkphp,Wordpress中都应用了路由功能,它能够让请求的url地址变得更简洁。同样前端路由在单页面应用也很常见,它使得前端页面体验更流畅。阅读全文
HTML5之拖放Drag &Drop
Javascript前端2016年09月03日作者:月光光整理标签:HTML5
拖放(Drag &Drop)是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。过去,我们用监听鼠标的Mousedown、Mouseove、Mouseup等事件来不停地获取鼠标的坐标来修改元素的位置,而现在html5原生的Drag &Drop事件(DnD),方便了许多,而且性能也有了提高。阅读全文
非常有趣的Console
Javascript前端2016年08月27日作者:月光光标签:WEB
Console命令用来调试网页运行,在javascript开发调试时,我们会经常使用诸如console.log()命令来显示输出的信息。现代浏览器的控制台(一般按F12可呼出)console面板可以帮助我们更好的调试web网页脚本程序。阅读全文
添加到购物车相关操作
Javascript前端2016年08月21日作者:月光光标签:jQuery
我们有很多种方法实现将商品添加到购物车,通常的做法是点击“添加到购物车”按钮,会跳转到购物车,在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。阅读全文