Core.css-轻量级的CSS reset和栅格系统

Core.css-轻量级的CSS reset和栅格系统

2016年11月26日作者:月光光标签:

Core.css是一个非常小巧的CSS reset和栅格系统,如果你的项目非常小,你完全没必要使用大型的css框架如Bootstrap,你只需要不到4kb的core.css,就可以拥有css reset和栅格系统以及响应式布局。阅读全文

将复杂form表单序列化serialize-object.js

将复杂form表单序列化serialize-object.js

2016年11月20日作者:月光光标签:jQuery  JSON 

jQuery有个方法$.fn.serialize,可将表单序列化成字符串;还有个方法$.fn.serializeArray,可将表单序列化成数组。那如果要将表单序列化成对象或者JSON格式数据,该如何操作呢?阅读全文

Dropzone.js实现文件拖拽上传

Dropzone.js实现文件拖拽上传

2016年11月06日作者:月光光标签:文件上传 

dropzone.js是一个开源的JavaScript库,提供 AJAX 异步文件上传功能,支持拖拽文件、支持最大文件大小、支持设置文件类型、支持预览上传结果,不依赖jQuery库。阅读全文

纯js格式化货币:currencyFmatter.js

纯js格式化货币:currencyFmatter.js

2016年11月01日作者:月光光标签:JavaScript 

currencyFmatter.js是一款简单实用的纯js格式化货币插件。该插件包含155种不同国家的货币,以及715种不同语言的本地化设置。它还能处理某些不采用的货币,功能非常强大。阅读全文

快速的导航下拉菜单动画效果

快速的导航下拉菜单动画效果

2016年10月22日标签:JavaScript 

这是一个带变形动画特效的下拉导航菜单特效。该导航菜单在菜单项之间切换时,下拉菜单会快速的根据菜单内容的大小来动态变形,显示合适的下拉菜单大小,效果非常棒。阅读全文

HTML5页面可见性接口应用(Page Visibility API)

HTML5页面可见性接口应用(Page Visibility API)

2016年10月15日作者:月光光标签:HTML5 

有这样一个需求,需要判断用户是不是与当前页面交互,比如浏览器上打开很多标签页,如果页面最小化或者目标页面被隐藏在其他标签页后,那么目标页面的某些功能可以停下来,等切换到目标页面时再继续某些功能。阅读全文

漂亮的垂直导航样式

漂亮的垂直导航样式

2016年10月07日作者:月光光标签:CSS3 

幻灯片滑动切换的时候,需要做个切换的导航条,甚至很多的页面或者组件都用到导航条,本文结合实例将简单介绍使用CSS实现的垂直幻灯片导航样式效果。阅读全文

使用jquery.pjax实现SPA单页面应用

使用jquery.pjax实现SPA单页面应用

2016年09月26日作者:月光光标签:jQuery  HTML5 

前面我有文章介绍了前端路由和Pjax单页面应用方面的实例应用,今天我来和大家分享一个单页面应用神器jquery.pjax.js。它是基于jQuery的pjax插件,使用方便,功能完善。我会结合实例给大家讲解使用jquery.pjax.js。阅读全文

PushState+Ajax实现简单的单页面应用SPA

暂无图片

2016年09月17日作者:月光光标签:HTML5 

单页面应用(Single Page Application)简称SPA,使用SPA构建的应用优点有用户体验好、速度快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染,从而相对减轻了服务器压力,SPA在WEB移动端应用非常广泛。阅读全文

Javascript实现前端简单路由

Javascript实现前端简单路由

2016年09月10日作者:月光光标签:JavaScript 

WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,如Thinkphp,Wordpress中都应用了路由功能,它能够让请求的url地址变得更简洁。同样前端路由在单页面应用也很常见,它使得前端页面体验更流畅。阅读全文