vue-cli输入命令：npmrunbuild即可打包vue.js的项目打包出来后项目中就会多了一个文件夹dist，下图为我们打包过后的项目我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。解决：到config文件夹中打开index.js文件。文件里面有两个assetsPublicPath属性，更改第一个，也就是更改buil...

npminstalllib-flexible--savenpminstallpx2rem-loader--save-devrule.use('px2rem-loader').loader('px2rem-loader').options({emUnit:37.5})正常移动端范围是375到750我们这样设定就是让1rem为37.5px相当于将页面（375px）分成十份，每一份就是1rem（37.5...

123456789101112131415161718192021<canvasid="le-canvas"></canvas><script>/***此插件为原创，目前只能一个canvas内一...

插件描述：jquery颜色动画插件jquery.colorAnimations.jsjqueryjquery的animate方法可以自定义动画，但是，只能针对数字类型的属性，如大小，高度，透明度等。对于非数字类型如颜色，则不支持动画。所以，需要自行处理。jqueryui中增加个这个支持，可以供我们使用。如果，只是需要颜色动画，可以不必要加载所有的jquery...

在页面中引入下面的文件。<linkrel="stylesheet"href="./src/style.css"><scriptsrc="src/verly.bundle.js"></script><scriptsrc="./src/VerlyRange.js"></script>带重力感应的吊带式js滑块HTML结构<labelclass="slidecontainer">...

HTML结构<divid="drag-container"><divid="spin-container"><imgsrc="images/pexels-photo-206395.jpeg"alt="js3D旋转木马特效插件"><imgsrc="images/pexels-photo-1391498.jpeg"alt="js3D旋转木马特效插件"><img...

这是js带视觉差的页面平滑滚动特效。该特效中，在页面向下滚动的时候，页面中的图片相对于视口带有一些视觉差特效。使用方法在页面中引入下面的文件。<linkrel="stylesheet"type="text/css"href="css/base.css"/><scriptsrc="js/imagesloaded.pkgd.min.js"></script><scriptsrc=...

trianglify是一款js多边形渐变网格背景插件。该插件可以生成基于CANVAS、SVG或PNG图片的多边形网格背景。使用方法NPMnpminstalltrianglify--saveyarnyarnaddtrianglify在页面中直接引入。<scriptsrc="./dist/trianglify.min.js"></script>初始化插件使用下面的代码生成一个基本的多边形网格背景。...

简要教程Sticksy.js是一款jQuery滚动固定侧边栏元素插件。该插件可以在页面滚动时，将任意元素固定在页面的可视区域中，跟随页面一起滚动。使用方法安装npminstallsticksy--saveyarnaddsticksyHTML结构<asideclass="sidebar"><!--Nonstickyelement--><divclass="widget"></div><!-...

简要教程starlight.js是一款jQuery背景动画特效插件。该插件可以为页面添加随机动画的星星、圆形或其它形状的背景动画特效。使用方法在页面中引入下面的文件。<scriptsrc="/path/to/jquery.js"></script><scriptsrc="/path/to/starlight.js"></script>HTML结构为你想要添加背景动画的容器添加starlig...