这次给大家带来项目中如何使用better-scroll插件，使用better-scroll插件的注意事项有哪些，下面就是实战案例，一起来看一下。better-scroll的使用由于需要在一个固定的的高度做无限滚动，本来css的overflow-y也可以完成的，奈何安卓不是很流畅，还很生硬，就是用了第三方库better-scroll，配合angular的ng-content。angular的ng-content和vue的插槽很像，里面一些不确定的内容可以通过ng-content投影进去。安装better-scroll1: np...
图片预览插件，支持图片切换、旋转、缩放、移动…浏览器支持：IE10+, (IE9不支持旋转功能)源码地址：https://github.com/zx1984/image-view演示地址：https://zx1984.github.io/image-view/dist/默认键盘操作方向键：左left右right前后图片切换，上up下down顺时针逆时针旋转滚动鼠标：缩放注：支持自定义按键配置，详见参数说明。# 效果图 preview演示地址：https://zx1984.github.io/image-view/dist/使用 usenpmnpm install zx-i...
前言 如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，如下面就是一个简单扩展Jquery对象的demo： //sample:扩展jquery对...
本篇文章主要介绍了基于vue2.x的电商图片放大镜插件的使用，现在分享给大家，也给大家做个参考。最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，各位大神莫见笑。vue-piczoompicture magnifier component for Vue.js 2.x基于vue2.x的电商图片放大镜插件GIF 动画截图Build Setup 使用步骤# 安装...
本篇文章主要介绍了vue better-scroll插件使用详解，现在分享给大家，也给大家做个参考。什么是 better-scrollbetter-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在 这里 。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。在需要的文件中添加import BScorll from better-scroll;引用的示例代码:let scroll = new BScroll(Dom对象, {//optionsstartX:...
这篇文章主要介绍了vue引入新版 vue-awesome-swiper插件填坑问题，现在分享给大家，也给大家做个参考。本文介绍了关于新版 vue-awesome-swiper，分享给大家，具体如下：问题为什么我的vue-awesome-swiper组件pagination小圆点不显示问题?为什么我的vue-awesome-swiper不会自动播放？为什么我的vue-awesome-swiper没有？使用引入（前面的步骤和往常一样）npm install vue-awesome-swiper --save在 main,js 里引入（全局）: import V...
这次给大家带来怎样在实战项目中使用Installation插件，怎样在实战项目中使用Installation插件的注意事项有哪些，下面就是实战案例，一起来看一下。这个插件用来简化创建服务于 webpack bundle 的 HTML 文件，尤其是对于在文件名中包含了 hash 值，而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自动生成 HTML 文件，也可以使用 lodash 模板加载生成的 bundles，或者自己加载这些 bundles。怎样在实战项目...
这篇文章主要介绍了Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决，具有一定的参考价值，感兴趣的小伙伴们可以参考一下一、背景在Vue项目中使用了第三方的datepicker插件，在选择日期后vue无法检测到datepicker输入框的变化<label class="fl">日期：</label><p class="input-wrapper fr"><input class="daterangepicker" ref="datepicker" v-model="dateRange"/><a href="javascript:;" rel="external nofollow"...
NProgress是基于jquery的，且版本要 >1.8 。这篇文章主要介绍了NProgress.js加载进度插件的简单使用方法,需要的朋友可以参考下NProgress.js 说明: NProgress是基于jquery的，且版本要 >1.8 下载地址: https://github.com/rstacruz/nprogress API: NProgress.start() — 启动进度条NProgress.set(0.4) — 将进度设置到具体的百分比位置NProgress.inc() — 少量增加进度NProgress.done() — 将进度条标为...
这篇文章主要介绍了vue项目中导入swiper插件的方法，现在分享给大家，也给大家做个参考。版本选择swiper是个常用的插件，现在已经迭代到了第四代：swiper4。常用的版本是swiper3和swiper4，我选择的是swiper3。安装安装swiper3的最新版本3.4.2:npm i swiper@3.4.2 -S这里一个小知识，查看node包的所有版本号的方法：npm view 包名 versions组件编写swiper官方的使用方法分为4个流程：加载插件HTML内容给Swiper定义一个大小初始化Sw...
这两个插件都是关于加载进度动画的，今天就和大家一起了解下pace.js和NProgress.js两个加载进度插件的一点小总结，感兴趣的朋友一起看看吧这两个插件都是关于加载进度动画的，应该说各有特点吧，最起码对我来说是各有优势的。今天一天就捣鼓了加载进度动画，也研究了大量的（也就这两个）加载进度动画，也算对加载进度动画有了一个初步的了解了吧。NProgress.jsNProgress是基于jquery的，且版本要 >1.8API: NProgress.star...
这篇文章主要介绍了微信小程序数字滚动插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下用es6语法方式写了个微信小程序小插件–数字滚动；效果图：wxml页面布局代码：<!--pages/main/index.wxml--><view class="animate-number"><view class="num num1">{{num1}}{{num1Complete}}</view><view class="num num2">{{num2}}{{num2Complete}}</view><view class="num num3">{{num3}}{{num3Complete}}</view><view cl...
这次给大家带来怎样操作日历范围选择插件，操作日历范围选择插件的注意事项有哪些，下面就是实战案例，一起来看一下。daterangepicker是bootstrap的一个日历插件 主要用来选择时间段的插件 这个插件很好用 也很容易操作 引入相关插件<!-- 需要引用的依赖库 -->、 <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/la...
下面我就为大家分享一篇zTree 树插件实现全国五级地区点击后加载的示例，具有很好的参考价值，希望对大家有所帮助。在项目功能中需要录入户籍地和现居住地，为减少用户输入量，将使用树插件选择全国五级地区+输入框输入详细地址。这里优先使用了zTree树插件。为了以后使用学习，在这里进行相关记录。当然在实现过程中参考各大神的文章是必不可少的，可以结合了自己的实际需求进行快速解决问题。zTree 树插件官网简介zTree 是一个依...
这次给大家带来怎样使用jQuery滚动条美化插件nicescroll，怎样使用jQuery滚动条美化插件nicescroll的注意事项有哪些，下面就是实战案例，一起来看一下。本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考，具体如下：你是否遇到过这种情况：想要在网页中嵌入p块并且局部滚动，但滚动条太难看啦！！！使用jquery.nicescroll来美化滚动条吧（so easy！！）：首先：下载jquery.nicescroll.js。百度一下哦！...