大致的需求是：一个大轮播图，旁边是小的轮播图跟随大轮播图进行轮播，边框可以有颜色。 来些实际的：swiper版本："swiper": "^6.3.5", 插件： "vue-awesome-swiper": "^4.1.1", 官网： https://github.com/surmon-china/vue-awesome-swiper 按照官网进行安装 main.js:import VueAwesomeSwiper from vue-awesome-swiper import swiper/swiper-bundle.cssVue.use(VueAwesomeSwiper)使用插件的页面： import { Swiper, SwiperSlide...
Vuex 是不是有点繁琐？ Vuex 是针对 Vue2 来设计的，因为 option API 本身有很多缺点，所以 Vuex 只好做各种补丁弥补这些缺点，于是变得比较“复杂”。 现在 Vue3 推出了Composition API，功能更强大也弥补了之前的缺点，但是 Vuex 4.0 只是兼容了 Vue3，使用风格上似乎没啥变化。 于是乎怎么看怎么别扭，不是说 Vuex 不够强大，Vuex 的 state 也使用了 reactive ，而且也是用 provide/inject 实现注入的，但是没有后续了，Composi...
shutter.js百叶窗（好像需要配合velocity.js）、slick.js幻灯片 地址： https://www.html5tricks.com/demo/jquery-blinds-player/index.html（百叶窗） https://www.html5tricks.com/demo/jquery-css3-3d-rotate-player/index.html（3D旋转） https://www.html5tricks.com/demo/jquery-svg-image-slider/index.html（幻灯片） https://www.html5tricks.com/demo/jquery-ver-image-accordion/index.html（垂直手风琴） https://www....
一、vscode常用10大插件 1、Auto Close Tag 2、Auto Rename Tab 3、Chinese 4、ESLint 5、HTML CSS Support 6、HTML Snippets 7、JavaScript(ES6) 8、live Server 9、Opern in brower 10、Vetur 11、vue 2 snippets --vue的语法提示二、vscode--下载使用node.js---运行renrenfast-vue前端项目 1、下载node.js,并安装版本10.16.3 2、cmd-- node -v 查看版本号 3、npm配置淘宝镜像 npm config set registry http://registry.npm...
前言 本文就跟大家分享下如何使用CLI从零开始开发一个支持Vue2的库，并上传至npm，欢迎各位感兴趣的开发者阅读本文。本文发布的插件地址：v-scrawl 本文插件的实现代码以及思路：v-scrawl实现方式 开发不易，如果可以给我点个star好吗实现思路 本文使用的vue-cli3，因为vue3现在个人认为应用范围还不是很大，所以这里发布的是vue2版本的插件创建项目 完善相关配置 添加库描述 发布至npm实现流程 创建项目 本文就以我最近写的一个vu...
数据持久化 由于Vuex的状态是存储在应用中，当刷新时所有状态都还原了。因此一些场景下需要做状态的抱持，如：登录状态等 实现持久化的方式一般有：localStorage、sessionStorage、cookie、后端存储 使用Vuex插件的形式去监听同步状态 // pluginsPersist.js export default store => {// store初始化的时候，将存储在localStorage中的状态还原if (localStorage) {const user = JSON.parse(localStorage.getItem('user'))if (user) ...
准备工作 安装node.js，安装过程中会用到npm命令。 下载vue-devtools工具包 官方地址github：https://github.com/vuejs/vue-devtools/tree/master 选择master分支，大家也可以选择其他分支，自己喜欢就好下载完成后解压得到目录vue-devtools-master，进入目录，然后执行 npm install，会看到如下安装过程直到如下过程说明安装成功然后执行命令：npm run build，出现如下视图，说明工具包构建完成 chrome添加vue-devtools插件 进...
1.swiper: https://www.swiper.com.cn/ 2.vueswiper： https://www.jq22.com/jquery-info15947 https://github.com/warpcgd/vue-concise-slider/tree/gh-pages 3.WOW.js – 让页面图片滚动显示 https://www.npmjs.com/package/wowjs https://www.dowebok.com/131.html https://www.dowebok.com/demo/131/ 4.Animate.css动画演示 https://www.dowebok.com/demo/2014/98/
vue插件和组件的区别Vue.use()是全局注册插件 Vue.component()是全局注册组件Vue组件（component）用来构成你的App的业务模块，它的目标是App.vue。Vue插件(plugin) 用来增强你的技术栈的功能模块， 它的目标是Vue本身。（插件是对Vue的功能的增强和补充） 来源：Vue 组件和插件的关系
解决IE浏览器使用vue-particles插件实现粒子特效不兼容问题 找到一篇写的很好的文章，讲解也很详细 附链接：https://www.jianshu.com/p/0153f6e3efcd 但是，这篇文章并没有完整解决问题，不仅需要在入口文件引入 babel-polyfill 模块，还需要在vuex中引入，在src/store/index.js中添加以下代码 import '@babel/polyfill'亲测有效！
一、预览图二、地址及参数 viewer.js GitHub地址：https://github.com/fengyuanchen/viewerjs 演示地址：https://fengyuanchen.github.io/viewerjs/ 名称类型默认值说明inline布尔值false启用 inline 模式button布尔值true显示右上角关闭按钮（jQuery 版本无效）navbar布尔值/整型true显示缩略图导航title布尔值/整型true显示当前图片的标题（现实 alt 属性及图片尺寸）toolbar布尔值/整型true显示工具栏tooltip布尔值true显示缩放...
一、uni-app (app混合开发)uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架，开发者编写一套代码，可编译到的iOS，安卓，H5，小程序等多个 平台。官网：uni-app二、vue-cli3+cordova (app混合开发)网址：https://www.jianshu.com/p/543a1da430c2三、element-ui (后台管理系统)网址：http://element.eleme.io/#/zh-CN四、vant-ui、mint-ui（移动端插件）网站：mint-ui 好像很久没更新了，不过还是可以用vant-ui 我自己...
html2canvas 非常好用,便捷的将div标签可以下载下来的插件; 官网地址:http://html2canvas.hertzen.com/ vue项目中使用 下载插件 npm install --save html2canvas引入你需要的vue项目里 import html2canvas from "html2canvas";组件中使用(我这里是打印二维码为例) html <!-- 二维码弹出框 --> <el-dialogtitle="二维码"width="250px"row-key="id" ><div style="height:255px;" ref="box"><div id="qrcode" ref="qrcode"></div><di...
官方 https://dafrok.github.io/vue-baidu-map/#/zh/start/installation 申请密钥 http://lbsyun.baidu.com/apiconsole/key 自动生成器 http://api.map.baidu.com/lbsapi/creatmap/index.html 大佬例子 https://www.cnblogs.com/jiekzou/p/10485604.html 示例：$ npm install vue-baidu-map --save<template><!-- ak是密钥，仅局部注册组件时声明 --><!-- ak是密钥，仅局部注册组件时声明 --><baidu-map :center="{lng: 120.090385...