在项目中难免有一些重复的操作，比如读取数据等，此时把这些操作封装起来就很有必要了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阅读
创建库，分别创建了三个文件，demo.html demo.js base.js demo.html：连接引用外部两个JS文件 demo.js：是用来写一些调用封装库的操作的一些JS代码 base.js：这个就是封装库的JS文件了。里面会写上一些封装好的效果，用于提供给demo.js进行调用 JS中常用的通过几个方式获取页面上的元素对象数据 通过
转载
2023-06-14 23:01:49
80阅读
Vue 组件库封装
原创
2022-03-25 01:17:47
2169阅读
1评论
一、常规方法在Vue项目中，通常使用封装组件的方法是 1.import 导入组件 2.在 components 中注册组件 3.在模板引擎中使用组件常规方法的弊端但在实际开发过程中，有一些组件会在多个地方频繁使用，并且组件还有一些自己的方法，如果使用常规方法来使用这些组件，不仅要完成上面三个步骤，还需要在封装好的组件中 $emit 方法，并在使用组件的地方监听，这样使用起来十分复杂，那么有没有一种
封装方法 1.要清楚该方法在哪里使用；什么时候使用，怎么用？ 2.根据【使用】，推出方法【作用】 3.完成【作用】需要哪些东西---->变化的量 4.根据【变化的量】，确定【形参】，并清楚每个形参代表的【意义】 5.将需要完成的业务，假设形参已经接受实参，完成一种情况时的业务，最后将一种情况变为多种情况 6.中间如果有bug，可能是缺少条件语句，学会写表达式 arguments 是一个伪数组
转载
2023-07-09 19:01:45
91阅读
封装库--JavaScript，完整封装库文件/**
*feng_zhuang_ku_1.0版本，js封装库，2016/12/29日：林贵秀
**/
/** 前台调用
* 每次调用$()创建库对象,使其每次调用都是独立的对象
* $()创建库对象,有一个可选参数，参数有两种方式，1是传入的this，2是传入的字符串
* 可选参数说明：
* 传入的this，this，就是当前对象本身
转载
2023-12-28 11:59:34
36阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip
转载
2020-10-28 18:45:00
389阅读
2评论
在 Vue3 项目中，封装 Axios 用于处理 HTTP 请求是一种常见的实践。本文将全面探讨如何在 Vue3 中进行 Axios 的封装，包括环境准备、集成步骤、配置详解、实战应用、排错指南以及生态扩展。这些步骤将使开发者能够有效地管理 API 调用，提升项目的可维护性和可扩展性。
## 环境准备
在开始封装 Axios 之前，我们需要确保项目的环境已准备妥当。以下是推荐的技术栈兼容性：
1.1 为什么选择axios? axios 是一个基于 promise 的 HTTP库网络请求插件. 基本特点 可以用在浏览器==(测试网站：httpbin.org/)==和 node.js中 支持 Promise API。 自动转换 JSON 数据。 客户端支持防御 XSRF。 创建项目：vue ...
转载
2021-10-28 20:01:00
182阅读
2评论
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
139阅读
使用方法简单，只需要放在你的 utils.js 工具文件中，直接export const 加上下面封装方法，在别的文件中使用 {方法1，方法2，方法3...}引用后直接使用即可。01、输入一个值、返回其数据类型type = para =>{
return Object.toString.call(para).slice(8,-1)
}02、冒泡排序升序 bubbleAsSort()bub
转载
2023-06-08 14:23:47
125阅读
jQuery的作者John Resig编写的js库，processing.js。
地址：http://processingjs.org/
转载
2010-11-20 21:51:00
486阅读
2评论
目录
01 为元素添加on方法02 为元素添加trigger方法03 转义html标签04 HTML标签转义05 跨浏览器绑定事件06 加入收藏夹07 提取页面代码中所有网址08 动态加载脚本文件09 返回顶部的通用方法10 实现base64解码11 确认是否是键盘有效输入值12 全角半角转换13 版本对比14 压缩CSS样式代码15 获取当前路径16 字符串长度截取17 时
转载
2024-01-30 00:28:08
0阅读
Javascript是一种基于对象的语言，但它又没有class。这在很长的一段时间里，对JS的面向对象编程的概念很模糊，在编程的时候时有用到，但要说个所以然，却说不出来，所以看了些书，又在网上查了些资料，写下些总结。一、封装写个对象，将属性（变量），方法写在对象内，这就是封装。如下：我把两个属性封装在函数内。 var Cat = {
name : '',
color : ''
转载
2023-08-09 11:14:28
132阅读
为了方便项目的维护，以及规范性，对axios进行必要的封装一、在 utils目录下 创建 auth.js 请求头 token的封装import Cookies from 'js-cookie'
const TokenKey = 'loginToken'
// 获取token
export function getToken() {
return Cookies.get(TokenKey)
转载
2024-04-08 23:22:13
58阅读
前 言 继承是使用一个子类继承另一个父类，那么子类可以自动拥有父类中的所有属性和方法，这个过程叫做继承！ JS中有很多实现继承的方法，今天我给大家介绍其中的三种吧。 1.在 Object类上增加一个扩展方法 //声明一个父类
function Person(name,age){
this.name=name;
t
转载
2023-09-15 22:45:24
126阅读
我们一般的做法是在 src 文件夹下 新建一个 util 文
原创
2022-08-04 16:20:38
756阅读
import axios from "axios"; // 封装 axiosexport function get(url, params = {}, headers = {}, option = {}) { return new Promise((resolve, reject) => { axi ...
转载
2021-09-07 11:25:00
203阅读
2评论
1、axios的安装：安装axios：cnpm install axios。引入：在项目的src文件夹中新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。2、axios的封装（直接贴代码）//在http.js中
/**
* axios封装
* 请求拦截、响应拦截、错误统一处理
转载
2024-01-19 23:47:40
750阅读
