前言上周跟大家分享了如何使用vue的自定义指令实现自定义浏览器右键菜单，大家都觉得挺有意思的，这次我把它做成了插件，上传到了npm仓库。在做这个插件的过程中，踩了蛮多坑，本文就跟大家分享下我的实现思路以及过程，欢迎各位感兴趣的开发者阅本文。环境搭建一开始我是直接用的typescript的tsc命令进行打包的，但是我的插件里用到了vue、scss，发现要把这些文件打包进去需要自己去配webpack。
原创
2024-04-24 12:06:11
306阅读
用vue项目开发，把请求接口数据的插件axios封装，方便多人开发，也方便以后管理。1、首先安装vue项目： 1)cnpm i -g vue-cli //安装全局vue-cli脚手架
2)vue init webpack vueAxios(项目文件夹名)
3)cd vueAxios（项目名）
4)cnpm i demo项目的目录如下： 安装axios2、安装axios
转载
2023-06-19 15:17:22
984阅读
点赞
一、测试项目是否可以正确运行 指令:npm run dev首先我们先建立一个vue的项目，本人用的是vue-cli随便建立的，然后运行项目不必非得是像我这样的，这一步的目的只是测试一下咱们的vue项目是否可以运行 二、修改路径(assetsPublicPath: './')打开我们config中的js文件，修改assetsPublicPath的路径为"./"（下
转载
2023-12-12 17:33:53
73阅读
1 // 防抖 ---- 效果： 短时间内大量触发同一事件时，只执行一次函数
// 场景：搜索框内模糊查询时，只在最后输入完才查询（手速慢的别抬杠），需要防抖
2 export function _debounce(fn, delay) {
3
4 var delay = delay || 200;
5 var timer;
6 return fun
转载
2023-09-13 17:20:25
168阅读
vue中的接口封装安装npm install axios; // 安装axios引入 在src目录下，新建一个request文件，包含http.js 和 api.js 文件 http.js用来封装axios api.js用来管理接口// 在http.js中引入axios
import axios from 'axios'; // 引入axios
import QS from 'qs'; // 引入
转载
2024-02-22 10:02:35
166阅读
实现原理：1.找到表格的奇偶行，然后添加不同的class，激活行高亮显示也很简单，只要判断mouseover事件，然后添加一个class，mouseout的时候，再移除 class就行； 2.不用class，直接改变background属性； 直接开干，这里用第二种方法。 第一步： 模板 jq有一个基本框架，直接搬过来呗 (funct
转载
2024-04-18 14:53:45
90阅读
前言 自从Vue2.0推荐大家使用 axios 开始，axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情
原创
2022-10-21 12:00:43
58阅读
项目由 cli 3+创建Element、bootstrapVue 它们都是非常优秀的 vue 插件，如果我们
原创
2022-03-15 17:29:55
470阅读
文章目录封装vue组件的原则和方法父组件使用props对子组件进行传参：2.在父组件中处理事件记得留一个slot4.不要依赖vuex5.合理使用scoped6.组件具有单一职责 封装vue组件的原则和方法vue组件封装思路，可以说是实现vue项目的基础。在构建项目的过程中，开发者使用的是vue框架的组件，而将一个功能抽象成多个组件，有利于提升开发效率，并且促进代码的可维护性。 以下将封装出来的通用
转载
2023-12-14 10:52:22
79阅读
之前项目一直是api接口直接写在项目中的，非常乱，不易统一维护和管理，特意学习了其它前辈如何管理api，保存下来。一、axios的封装Vue\React中多使用axios库做数据请求，如果还对axios不了解的，可以移步axios文档。安装npm install axios; // 安装axios引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个
转载
2024-07-19 22:18:11
325阅读
Vue插件化是指将一个功能封装为一个插件，使其可以在Vue实例中被复用并具有良好的扩展性。Vue插件可以包含指令、过滤器、组件、混入等
原创
精选
2024-03-09 21:25:39
150阅读
前言小伙伴们好，我是月弦笙音，今天带大家用如何用vue3 + vite3封装一个健壮的svg插件！首先得知道为什么要使用svg概念：SVG是一种基于XML的矢量图形格式，SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体,用于在Web和其他环境中显示各种图形；它允许我们编写可缩放的二维图形，并可通过CSS或JavaScri
原创
精选
2023-12-20 16:07:59
1338阅读
点赞
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素，封装可重用代码● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子vue组件的功
转载
2024-02-04 02:10:19
72阅读
关键词：SDK，VUE，单例模式，代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述：1.开发一个集团通用 SSO 单点登录页面，大致如下图： 2.开发一个对应 sdk，给接入方使用，页面效果和 web 保持一致。如下图： SDK 需求： 提供调用方式给用户，可以传递参数，调用方法，直接生成登录弹框和背景半透明的蒙层在弹框成功
转载
2024-07-02 19:52:59
137阅读
vue中实现axios封装为什么要进行axios封装vue项目安装axios封装前的get和post请求封装后的get和post请求 为什么要进行axios封装实际开发过程中可能有几种环境，开发环境，测试环境，生产环境。最开始开发的时候在开发环境，所有调用接口的链接都指向开发环境链接。到了开发完成阶段需要切换到测试环境和生产环境，如果按照封装前的请求方式（如下第一种形式），需要进入每一个文件更改
转载
2023-07-04 15:03:05
130阅读
实例内容封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。涉及知识点vue基础语法组件基本语法字键通讯（sync，provide，inject）插槽使用prop校验过渡与动画处理计算属性与监听属性v-model语法糖vue插件机制npm发布实例目的掌握组件封装的语法和技巧学会造轮子，了解组件库实现原理搭建和积累自己的组件库学习前提有一定vue基
轻量级：采用UglifyJS压缩，大小保持在30kb左右强大的选择器：jQuery不仅允许开发者使用从CSS1到CSS3几乎所有的选择器，以及其独创的高级而复杂的选择器，另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器出色的DOM操作和封装：jQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手可靠的事件处理机制：在处理绑定事件时相
转载
2023-10-10 07:51:50
62阅读
【vue3】封装自定义全局插件 原vue2方法 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import plu ...
转载
2021-08-20 22:44:00
935阅读
2评论
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹，config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时，可直接填写后端测试接口地址(需要设置浏览器允许跨域请求，或后端设置Cross-orig
转载
2024-02-24 23:02:38
37阅读
1、校验数据类型export const typeOf = function(obj) {
return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()
}示例typeOf('vue') // string
typeOf([]) // array
typeOf(new Date()) // date
typeO
转载
2024-03-18 09:00:44
36阅读
