前端常用插件
文章平均质量分 58
wangle_style
这个作者很懒,什么都没留下…
展开
-
lazyload.js实现懒加载
1:引入2:html部分备注:添加class是为了方便下面的js控制/ 2.data-original=“”属性是真是图片地址 3.width和height两个属性必须设置不然图片会始终出现在显示区3:js控制部分$("img.lazy").lazyload({ effect: "fadeIn",原创 2017-11-29 15:05:15 · 2759 阅读 · 0 评论 -
echarts在vue中的使用
安装:cmd进入项目根文件夹 cnpm install echarts --savemain.js中全局引入:import echarts from 'echarts'Vue.prototype.$echarts = echarts或者不用在main.js中全局引入,哪个页面使用在哪里引入即可,比如我是在load_ajax.vue这个页面用所以,此页面结构如下:<template> ...原创 2018-04-03 10:00:24 · 2230 阅读 · 0 评论 -
jquery-confirm小弹窗插件的简单使用
这里只是简单的说说如何在vue中使用,想看更多的可以移步此插件官网,很详细http://craftpip.github.io/jquery-confirm/安装和全局引用就不多说了,很简单npm,import就好了需要注意的是,要引入css文件,否则样式不会被加载进来<template> <div class=""> <button type="butto...原创 2018-04-03 09:47:08 · 1348 阅读 · 0 评论 -
better-scroll在vue中实现原生滚动和上拉/下拉加载的效果
为了方便在VUE中的使用,可以把better-scroll抽化成一个组件,比如我抽化成了一个scroll组件,如下:<template>//ref="wrapper"不能更改 <div ref="wrapper">//此处放加载异步加载的内容 <slot name="header"></slot>//此处为上拉后没有数据的时候显示原创 2018-04-03 09:34:25 · 5689 阅读 · 3 评论 -
vue引入其他框架组件方法汇总
博前声明:这些方法都是基于nod.js的npm和webpack打包构建工具的前提下一、引入jQuery框架:首先在当前项目的根目录下(就是与package.json同目录),运行命令cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中。然后修改webpack.base.conf.js两个地方:其一:加入var webpack = ...原创 2017-10-13 14:43:46 · 3006 阅读 · 0 评论 -
新版vue-cli如何使用json-server来mork
新版的vue-cli由于把dev-server。js合并到webpack.dev.conf.js中,所以在配置json-server的时候文档中的方法就不适应了第一步:安装:命令行中输入 cnpm install json-server --save第二步:找到build/webpack.dev.conf.js并在const portfinder = require('portfinder')这一...原创 2018-03-06 11:28:32 · 3240 阅读 · 4 评论 -
bootstrap typeahead实现模糊查询功能
一:下载并引用二:html部分: 三:js部分:function displayResult(item, val, text) { console.log(item); $('.alert').show().html('You selected ' + val + ': ' + text + '');}原创 2017-12-07 15:33:33 · 2155 阅读 · 0 评论 -
require.js的使用
一:创建config.js用来配置模块加载的位置,或者更直接的说法是给js文件起个剪短的名字,方便require加载可以用两种方式来写:1,如果js模块不多的话可以直接require.config({ paths:{ 'jquery' : 'asstes/js/jquery.3.1.0', 'bootstrap'原创 2017-12-02 14:37:13 · 570 阅读 · 0 评论 -
mescroll.js实现下拉刷新,上拉加载!!
一:下载并引用二:html部分: 备注:id="mescroll"可以更换但是class="mescroll"不能更换三:js部分:1: 进入页面前,后台初始化页码、条数,获取总数据量 // 把后台获取的当前页码赋值给pageNo va原创 2017-11-30 15:29:26 · 4694 阅读 · 0 评论 -
vue+element使用vue-quill-editor的富文本编辑器
备注:我这里采用的是npm的安装模式配合vue-cli1.安装:cnpm install vue-quill-editor --save2.安装quill依赖:cnpm install quill --save3.如何很多页面都需要用到,可以选择在main.js中引入,如下: import VueQuillEditor from 'vue-quill-editor' imp...原创 2018-11-21 10:54:38 · 2375 阅读 · 0 评论