插件
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
Vue---vue3+vite项目内使用devtools,快速开发!
我们在前期开发时,一般使用chrome或者edge浏览器,会使用vue-devtools或react-devtools(此插件个人未使用,可百度下是否可内嵌入项目!)来审查vue项目;这个需要安转浏览器插件才可支持!故此本博客的目的是,如果已经开发或者维护阶段的vue+vite项目如何临时插入该插件使用!创建vue3项目时,会提示是否安装devtools的插件!原创 2024-07-24 15:04:09 · 582 阅读 · 0 评论 -
JavaScript---VConsole插件配置使用,一步到位简单实用!
个人喜欢BootCDN这个平台(直接在线引用或者下载本地引入均可~)3. 实例化该插件,直接默认浏览器打开即可看到。原创 2024-03-12 15:13:28 · 973 阅读 · 0 评论 -
vue------axios在vue中采用promise封装常用方法的代码
import axios from 'axios';import router from '@/router'import store from '@/store'import {message, Modal} from 'ant-design-vue'import 'nprogress/nprogress.css'let baseURL = process.env.NODE_ENV === '"development"' ? process.env.BASE_URL : 'https://x原创 2020-06-09 14:41:33 · 645 阅读 · 0 评论 -
Vue---封装axios为promise的方式,实现链式调用
1. 封装axios为promise的方式(utils/index.js)记得开发前提前封装好方便后期维护和添加新的接口调用哦!2. 实际调用使用(utils/api.js)3. vue文件中使用 (home.vue)原创 2022-05-01 16:30:34 · 3809 阅读 · 0 评论 -
插件------vue-awesome-swiper 插件不会loop(无限循环)了
现象产生:vue-awesome-swiper使用自动轮播和循环轮播不生效(loop和autoplay)!!!!解决方案:一. 在项目中使用vue-awesome-swiper如果loop和autoplay总是出现各种问题,第一次加载的时候,轮播是不动的,需要重新加载一下swiper才会轮播 配置项: swiperOption: { //循环 loop:true, //设定初始化时slide的索引原创 2021-12-06 11:23:21 · 956 阅读 · 0 评论 -
插件------http-server本地服务器插件介绍~
http-server:直接运行,默认8080端口:http-server全局安装该插件npm install --global http-servernpm install -g http-server无需下载可直接使用命令(npx)npx http-server [path] [options]使用插件运行服务 http-server [path] [options]禁用缓存启动服务// Note: Caching is on by default. A..原创 2021-05-07 14:37:37 · 813 阅读 · 0 评论 -
vue------vue项目中全局引入单独的css文件或者单独的第三方js插件
一、全局引入css文件,比如animate.css动画插件main.js文件中import animated from 'animate.css'; // 引入UI样式Vue.use(animated); // vue使用对应的样式某vue文件中:这里animated必须写,后面紧跟想要对应的动态类名加上即可 <transition name="custom-classes-transition" :enter-active-class="animated f原创 2020-10-12 16:45:03 · 1317 阅读 · 0 评论 -
Vue------关于 Vue 引用 animate.css 动画 不起作用的问题(animate.css)
Vue 官网引用的是 animate.css 3.5 版本!!!!如果你直接采用npm install animate.css ;在引入:import animated from "animate.css" ;Vue.use(animated);结果就是没有作用!!!原因:两者版本兼容性问题导致动画不起作用!!!处理方法:就是安装对应低版本的动画插件,比如官网引入的3.x的animate.cssnpm install animate.css@3.5.1 --sa原创 2020-10-10 14:53:02 · 3709 阅读 · 6 评论 -
String------插件query-string(Parse and stringify URL)
安装npm i --save-dev query-string常用API1. qs.parse(string, [options])import qs from 'query-string'; location.search // ?name=jimlocation.hash // #token=123qs.parse('?name=jim') // {name...原创 2019-11-11 10:02:57 · 982 阅读 · 0 评论 -
插件 ------ momentJs - 在JavaScript中解析,验证,操作和显示日期和时间。
momentJs网址 :https://momentjs.com/或者使用体积较小的 dayjs :https://github.com/iamkun/dayjs安装:npm install moment --save # npmyarn add moment # YarnInstall-Package Moment.js # NuGetsp...原创 2019-08-14 14:08:08 · 631 阅读 · 0 评论 -
插件 ------ cn-holiday 个人使用问题集锦(去除日期选择限制区间)
当使用该插件时,会出现一个现象,用在时期选择框上时,某区间内可以使用选择!但是以外的部分不能选中,原因在于源码,有设置区间,我个人的是:2010-12-31 到 今年 +1 (即2019 +1 = 2020年 12-31) 之间 ,去改动源码:代码如下;路径: node_modules/cn-holiday/src/ssertDateRange.js源代码:const dayjs...原创 2019-08-14 14:01:10 · 291 阅读 · 0 评论