摘要：1. webpack打包压缩 ES6 js、.vue报错： 这个问题通常是因为js用了es6的写法，uglifyJs 不支持压缩出错。 解决办法： 1 查看是否有使用babel转换。 打开webpack.base.conf.js 检查include里是否包含了你的代码。 2 查看转换的版本是否是es 阅读全文

摘要：查看演示最近项目中需要用这种效果，为了方便调试就写了个WEB版。面向过程的写法确实扩展性差。此版本就此打住吧。实现原理过程基本类似拖拽效果，需要注意一点的是左右拖动时的动画速度和距离，如果拖动的快，那么滚动的也快距离也远。根据鼠标mousemove时候最后两次的e.clientX值相减来得到速度值。 移动越快得到的数值越大。利用它就可以计算动画的速度了。 var lastX=0; function mouseMove(e){ speed=e.clientX-lastX; lastX=e.clientX //最后更新lastX值 }其它就是一些边... 阅读全文

摘要：<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> $('body').mousewheel(function(event, delta) { var left=$(window). scrollLeft(); $(window). sc 阅读全文

摘要：拖拽是网页中经常用到的控件，因此封装了一个推拽类。查看演示<script type="text/javascript">/* new Dragdrop({ * target 拖拽元素 HTMLElemnt 必选 * bridge 指定鼠标按下哪个元素时开始拖拽，实现模态对话框时用到 * dragX true/false false水平方向不可拖拽 (true)默认 * dragY true/false false垂直方向不可拖拽 (true)默认 * area [minX,maxX,minY,maxY] 指定拖拽范围 默认任意拖动 * callback... 阅读全文