• 月光光WEB:【HTML5页面可见性接口应用(Page Visibility API)】有这样一个需求,需要判断用户是不是与当前页面交互,比如浏览器上打开很多标签页,如果页面最小化或者目标页面被隐藏在其他标签页后,那么目标页面的某些功能可以停下来,等切换到目标页面时再继续某些功能。网页链接,演示:...全文: http://m.weibo.cn/1161257652/4063896967421839 ​ 2017-01-14
  • 月光光WEB:【PushState+Ajax实现简单的单页面应用SPA】单页面应用(Single Page Application)简称SPA,使用SPA构建的应用优点有用户体验好、速度快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染,从而相对减轻了服务器压力,SPA在WEB移动端应用非常广泛。网页链接 2017-01-14
  • 月光光WEB:【Javascript实现前端简单路由】WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。前端路由在单页面应用也很常见,它使得前端页面体验更流畅。网页链接,演示:网页链接 2016-09-26
  • 月光光WEB:【HTML5之拖放Drag &Drop】拖放(Drag &Drop)是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。html5原生的Drag &Drop事件(DnD),方便了许多,而且性能也有了提高。网页链接,演示:网页链接 2016-09-26
  • 月光光WEB:【添加到购物车相关操作】我们有很多种方法实现将商品添加到购物车,通常的做法是点击“添加到购物车”按钮,会跳转到购物车,在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。网页链接,在线演示:网页链接 2016-09-26
    【添加到购物车相关操作】我们有很多种方法实现将商品添加到购物车,通常的做法是点击“添加到购物车”按钮,会跳转到购物车,在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。http://t.cn/Rt3O2nd,在线演示:http://t.cn/RcnKZ7i ​
  • 月光光WEB:【jQuery实现的添加到产品对比】产品对比相信大家并不陌生,为了方便用户对类似产品的相关信息进行有效直观的对比,一些电商网站产品或评测网站会为用户提供产品对比的功能,用户只需勾选多个需要对比的产品,就可以进行比对。本文将使用jQuery来给大家讲解如何实现产品对比功能。网页链接 2016-08-14
    【jQuery实现的添加到产品对比】产品对比相信大家并不陌生,为了方便用户对类似产品的相关信息进行有效直观的对比,一些电商网站产品或评测网站会为用户提供产品对比的功能,用户只需勾选多个需要对比的产品,就可以进行比对。本文将使用jQuery来给大家讲解如何实现产品对比功能。http://t.cn/RtKfUwb
  • 月光光WEB:【CentOS 7.x下的LEMP环境搭建】Nginx的发音是Engine-X = E,LEMP包是由Linux、nginx、MariaDB/MySQL和PHP组成的,现在业内习惯性的称作LEMP。MariaDB是一款社区支持驱动的MySQL数据库的分支,其功能更多性能更佳,所以我们在CentOS7下安装MariaDB。网页链接 2016-08-14
  • 月光光WEB:【Reveal.js一个用来做WEB演示文稿的框架】reveal.js是一个能够帮助我们很轻易地使用HTML来创建漂亮的演示效果,也就是我们常见的PPT幻灯片。reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库。网页链接,演示:网页链接 2016-08-02
  • 月光光WEB:【关于文件上传的那些事】文件上传是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。上传方式有表单上传,Ajax无刷新上传,Flash上传,截图粘贴上传,拖拽上传,拍照上传等等。详情:网页链接 2016-08-02
  • 月光光WEB:【功能强大的文件上传组件-WebUploader】WebUploader是由Baidu WebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件。它最大的特点是采用大文件分片并发上传,极大的提高了文件上传效率。教程:网页链接,在线demo:网页链接 2016-07-17
    【功能强大的文件上传组件-WebUploader】WebUploader是由Baidu WebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件。它最大的特点是采用大文件分片并发上传,极大的提高了文件上传效率。教程:http://t.cn/RthqxHK,在线demo:http://t.cn/Rthuhcx
  • 月光光WEB:【基于Zepto的内容滑动插件:zepto.hwSlider.js】有朋友最近给我说要求把Zepto版的内容滑动插件也放出来,于是乎就整了个zepto版的内容滑动插件,它同样支持PC和移动端,可以滑屏和自适应屏幕大小。网页链接 2016-07-17
  • 月光光WEB:【前端收录】为广大前端爱好者和web开发者收录了常用实用的前端资源工具,方便大家查阅。猛戳:网页链接 2016-07-04
    【前端收录】为广大前端爱好者和web开发者收录了常用实用的前端资源工具,方便大家查阅。猛戳:http://t.cn/R5mJsYx
  • 月光光WEB:【PHP记录和读取JSON格式日志文件】我们有时需要记录用户或者后端的某个操作事件的运行情况,可以使用后端语言如PHP将操作结果记录到日志文件中,方便测试和查找问题。文章:网页链接,演示:网页链接 2016-07-04
  • 月光光WEB:【内容滑动切换效果jquery.hwSlide.js】hwSlider具有以下特性: 多个参数定制,满足不同项目需求。支持移动端触控滑动。支持图文混排,支持各种html元素。响应式自适应屏幕尺寸。同一页面支持多个滑动切换。轻量级的,压缩版不到4KB。项目地址:网页链接 支持所有现代浏览器,支持ie8+。 2016-07-01
    【内容滑动切换效果jquery.hwSlide.js】hwSlider具有以下特性: 多个参数定制,满足不同项目需求。支持移动端触控滑动。支持图文混排,支持各种html元素。响应式自适应屏幕尺寸。同一页面支持多个滑动切换。轻量级的,压缩版不到4KB。项目地址:http://t.cn/R5RmhhC 支持所有现代浏览器,支持ie8+。
  • 月光光WEB:【开发jQuery弹出层插件-hwLayer】本文我们将对弹出层代码做一个提升,通过实例来讲解如何将jQuery弹出层效果的js部分封装成一个jQuery插件,介绍插件开发格式,使得其具有更灵活的配置和扩展性。网页链接,演示:网页链接 2016-05-20