前言上周跟大家分享了如何使用vue的自定义指令实现自定义浏览器右键菜单，大家都觉得挺有意思的，这次我把它做成了插件，上传到了npm仓库。在做这个插件的过程中，踩了蛮多坑，本文就跟大家分享下我的实现思路以及过程，欢迎各位感兴趣的开发者阅本文。环境搭建一开始我是直接用的typescript的tsc命令进行打包的，但是我的插件里用到了vue、scss，发现要把这些文件打包进去需要自己去配webpack。
原创
2024-04-24 12:06:11
306阅读
简述 使用源生的axios要按照它的格式进行参数的设置，相应的请求和接收，有时候需要对其进行封装，以此来更加适应于项目中的各种请求类型，使请求格式更加统一（如统一的配置参数，请求格式以及响应接收数据方式），使用更加方便，下面就介绍两种封装方法。一、简单封装：新建http.js，将axios请求封装到里面import axios from 'axios' 设置请求延
转载
2023-07-04 15:23:38
0阅读
在项目中难免有一些重复的操作，比如读取数据等，此时把这些操作封装起来就很有必要了1.在main.js中封装，在vue页面中获取数据(优点:不需要import操作,挂载在this中，可以获取vue对象,然后封装一些自定义操作) main.js中:import Vue from 'vue'
import Axios from 'axios'
import ElementUI from 'el
转载
2023-05-29 15:34:19
283阅读
实现原理：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阅读
实现原理：1.找到表格的奇偶行，然后添加不同的class，激活行高亮显示也很简单，只要判断mouseover事件，然后添加一个class，mouseout的时候，再移除 class就行； 2.不用class，直接改变background属性； 直接开干，这里用第二种方法。 第一步： 模板 jq有一个基本框架，直接搬过来呗(function
转载
2017-06-28 14:38:07
502阅读
在vue开发中，会涉及到很多接口的处理，当项目足够大时，就需要定义规范统一的接口，如何定义呢？方法可能不只一种，本文使用axios+async/await进行接口的统一管理。本文使用vue-cli生成的项目举例。举个例子，就拿csdn来讲，分为首页、博客、学院、下载、论坛、商城、招聘等等。一般来说，网站的首页都是复杂的，会用到很多其他页面也会用到api，所以接口统一管理可以做到api的复用。那么如
转载
2024-02-29 23:19:19
31阅读
一、初始化vue脚手架注：安装完vue环境之后（vue环境配置，网上找）vue init webpack myvue1、参数解释：vue init--->初始化vue项目命令，webpack--->利用webpack模式，myvue----->vue项目名称。2、初始化完成之后，可使用npm run dev在开发模式进行运行。二、初始化cordova项目注：安装cordova环境
转载
2024-04-16 13:41:11
344阅读
1、为什么我们要封装APIps: 如果已经有了明确要封装API的需求，直接看第二步。 在没有封装API之前，我们是类似这样使用 axios 的this.$axios.post('blogArticle/frontList',parms)
.then((resp) => {
this.blogList = resp.data,
this.blogTotal = resp
转载
2024-01-11 23:30:35
33阅读
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阅读
本文将介绍如何使用vue3来封装一些比较有用的组合api，主要包括背景、实现思路以及一些思考。就我自己的感觉而言， Hook 与 Composition API 概念是很类似的，事实上在react大部分可用的Hook都可以使用Vue3再实现一遍。为了拼写方便，下文内容均使用Hook代替 Composition API 。相关代码均放在 github上面，地址：https://githu
转载
2023-12-09 12:14:59
51阅读
【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评论
轻量级：采用UglifyJS压缩，大小保持在30kb左右强大的选择器：jQuery不仅允许开发者使用从CSS1到CSS3几乎所有的选择器，以及其独创的高级而复杂的选择器，另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器出色的DOM操作和封装：jQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手可靠的事件处理机制：在处理绑定事件时相
转载
2023-10-10 07:51:50
62阅读
一.序言之前讲过Cordova结合Vue学习Camera，并讲述怎么通过Cordova来打包一个app，如果对Cordova和Vue不熟的同学，可以自行查阅相关资料，然后本文接着讲如何实习视频录取与文件上传，之后希望大家自己去实现音频录取与播放、下面是大家需要了解的一些相关文档cordova-plugin-media-capture----这个是Cordova媒体捕捉，主要使用其中capture.
第一步：首先你要具备实战它的载体，那就是你有已经跑起来的vue项目。第二步：安装vuex,引入vuexnpm install vuex --saveimport Vuex from 'vuex'
Vue.use(Vuex)第三步：在vue->src目录下创建一个store.js文件首先引入vue,因为$store是在vc身上// store.js文件
// 引入vue
import Vu
vue crudVue is the JavaScript UI tool that parades itself as progressive because it is approachable so one can get started in just a day. On the other hand, it has every feature to cater for your fron
一、安装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阅读
