WEB技术分享

2016年09月03日作者：月光光整理标签：HTML5 

拖放（Drag &Drop）是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。过去，我们用监听鼠标的Mousedown、Mouseove、Mouseup等事件来不停地获取鼠标的坐标来修改元素的位置，而现在html5原生的Drag &Drop事件（DnD），方便了许多，而且性能也有了提高。阅读全文

2016年08月27日作者：月光光标签：WEB 

Console命令用来调试网页运行，在javascript开发调试时，我们会经常使用诸如console.log()命令来显示输出的信息。现代浏览器的控制台（一般按F12可呼出）console面板可以帮助我们更好的调试web网页脚本程序。阅读全文

2016年08月21日作者：月光光标签：jQuery 

我们有很多种方法实现将商品添加到购物车，通常的做法是点击“添加到购物车”按钮，会跳转到购物车，在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。阅读全文

2016年08月07日作者：月光光标签：jQuery 

产品对比相信大家并不陌生，为了方便用户对类似产品的相关信息进行有效直观的对比，一些电商网站产品或评测网站会为用户提供产品对比的功能，用户只需勾选多个需要对比的产品，就可以进行比对。本文将使用jQuery来给大家讲解如何实现产品对比功能。阅读全文

2016年07月31日作者：月光光标签：滑动  JavaScript 

reveal.js是一个能够帮助我们很轻易地使用HTML来创建漂亮的演示效果，也就是我们常见的PPT幻灯片。reveal.js不依赖其他任何javascript库，是一个独立的javascript插件库。它提供了多种幻灯片过渡效果，是一个非常棒的在线演示库。阅读全文

2016年07月22日标签：文件上传 

文件上传在WEB开发中应用很广泛，我们经常发微博、发微信朋友圈都用到了图片上传功能。文件上传是指将本地图片、视频、音频等文件上传到服务器上，可以供其他用户浏览或下载的过程。今天我给大家聊聊常见的文件（图片）上传的方式和要点处理。阅读全文

2016年07月16日作者：月光光标签：文件上传  PHP 

WebUploader是由Baidu WebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用老的FLASH运行时，兼容PC和移动端。它最大的特点是采用大文件分片并发上传，极大的提高了文件上传效率。阅读全文

2016年07月07日作者：月光光标签：移动端  CSS3  滑动 

前段时间为给大家介绍了内容滑动插件：hwSlider.js，它是兼容PC和移动端的，但是是基于jQuery的。有朋友最近给我说要求把Zepto版的也放出来，于是乎就整了个zepto版的内容滑动插件，它同样支持PC和移动端，可以滑屏和自适应屏幕大小。阅读全文

2016年06月23日作者：月光光标签：滑动  jQuery 

经过前两部分的讲解，我们大概知道内容滑动切换的基本开发思路和技巧，现在我们在第三部分将前面两部分的代码进行优化，封装成一个jQuery插件：jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。阅读全文

2016年06月19日标签：滑动  移动端 

今天我们继续内容滑动切换效果的第二部分讲解。如今我们的web开发都要适应移动设备，就是说我们的web页面要在移动设备如手机端也能正常访问，所以我将第一部分的基本切换效果做了加强，增加了响应式和触控滑动效果。阅读全文