自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 vue3 hoooks 拖拽边框放大缩小

【代码】vue3 hoooks 拖拽边框放大缩小。

2024-06-22 22:10:32 185

原创 vue2或vue3实现sdk

vue2或vue3实现sdk

2023-09-18 13:58:25 730

原创 vue2.7 与 vue3.0 双向绑定失效及解决方法

vue2.7 与 vue3.0 双向绑定失效及解决方法。

2023-06-17 18:04:38 1219

原创 前端无用知识

JavaScript 提供序列化(serialize)成 JSON 的方法 JSON.stringify 和解析 JSON 的方法 JSON.parse。出现在函数参数列表的最后,那么它就是 rest 参数,它会把参数列表中剩余的参数收集到一个数组中。rest, arg2) { // arg2 在 …出现在函数调用或类似的表达式中,那它就是 spread 语法,它会把一个数组展开为列表。// -1(错,应该为 0)// test (相同的属性)// 都会输出相同的属性(数字 0 被转为字符串 “0”)

2023-04-26 09:52:26 159

原创 帆软报表在vue中预览

帆软报表在vue中预览

2022-12-26 13:58:36 973

原创 axios封装对文件流进行报错处理

axios封装对文件流进行报错处理

2022-12-08 11:12:48 312

原创 vue基于stompjs封装进行实时消息获取

vue基于stompjs封装进行实时消息获取

2022-12-08 11:10:16 2793

原创 vue同组件实现keeplive

vue同组件实现keeplive

2022-10-16 09:33:11 445

原创 Jenkins自动布署Vue项目

Jenkins自动布署Vue项目目标:本地push代码到Gitee,Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包,然后通过Publish Over SSH插件,将打包出来的文件,部署到目标服务器上。

2022-10-16 09:01:01 1220 1

原创 基于element ui + vue封装简易表单

基于element ui +vue封装简易表单

2022-07-07 11:51:37 518

原创 封装简易@vueuse/motion组件

封装@vueuse/motion组件

2022-07-07 10:20:15 2086

原创 基于vue+element ui实现下拉表格选择组件

基于vue+element ui实现下拉表格选择组件

2022-06-14 17:34:43 4919 2

原创 vue处理tabs切换时请求数据不对的应对方法

vuex// 需要处理的请求路径const whiteUrl = ['/api/url']const cancelAxios = { state: { cancelAxiosArr: [] // 取消请求token数组 }, mutations: { pushAxios(state, payload) { state.cancelAxiosArr.push(payload) }, clearAxios(state) { state.

2022-04-19 09:31:53 1047

转载 js实现正则表达式匹配

isMath(s, p) { // 1.dp[i][j] 表示p的前i个字符和s的前j个字符是否相等 // 2.1 不遇到*,当前两个字符相等且dp[i-1][j-1]为true,则dp[i][j] = true // 2.2 遇到*,原下标字符和*前一个匹配符不相等时,不使用?*,dp[i][j] = dp[i-2][j] // 2.3 遇到*,原下标字符和*前一个匹配符相等时,不使用?*,dp[i][j] = dp[i-2][j] //...

2022-04-14 11:27:42 1030

原创 js实现数组中的逆序对

function InversePairs(data){ let num = 0 // write code here function mergeSort(arr){ if(arr.length==1) {return arr}; var mid = Math.floor(arr.length/2); var left_arr= arr.slice(0,mid), right_arr=arr.slice(mid); return merge(mergeSort(left

2022-04-10 14:46:27 263

原创 vue下载本地静态文件

vue.config.js配置 const xlsxRule = config.module.rule() xlsxRule.uses.clear() xlsxRule .test(/\.(xlsx)(\?.*)?$/i) .use('file-loader') .loader('url-loader') .options({ fallback: { loader: 'file-loader',

2022-04-01 11:25:34 1795

原创 pinia简易使用

## pinia的简单使用npm install pinia --save## 创建 Store新建 src/store 目录并在其下面创建 index.ts,导出 store,在 main.ts 中引入并使用export const useUserStore = defineStore({ id: '', // id必填,且需要唯一 state: () => { return { } }, getters: { },

2022-03-30 16:30:53 429

原创 vue2简易实现(响应式数据原理)

// 需了解// Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。// configurable当且仅当该属性的 configurable 键值为 true 时,该属性的描述符才能够被改变,同时该属性也能从对应的对象上被删除。// enumerable当且仅当该属性的 enumerable 键值为 true 时,该属性才会出现在对象的枚举属性中。// value该属性对应的值。可以是任何有效的 JavaScript 值(

2022-03-28 13:34:56 1077

原创 js实现字符串的排列

方法一 const res = [], temp = [] const len = str.length const arr = str.split('') var help = function() { if (temp.length === len) { res.push(temp.join('')) return } for (const s of arr) { temp.push(arr.shift()) hel

2022-03-21 00:05:49 1136

原创 vue实现内容过长添加左右按钮进行滑动

<div class="wrapper"> <span @click.stop="toLeft" v-if="showButton" class="prev all" ><i class="el-icon-arrow-left"></i ></span> <span @click.stop="toRig...

2022-03-14 10:50:10 1985

原创 vue2开发echats组件

1.父组件中使用及样式 <div class="contain"> <div class="flex-contain"> <BasicPieChart ref="BasicPieChartSpeed"/> </div> <div class="flex-contain"> <Dendrogram r.

2022-03-14 10:18:25 814

原创 vue和react使用js模拟键盘输入

vuelet casess=document.getElementById(‘userName’)casess.value=‘123’var event = document.createEvent(‘HTMLEvents’)event.initEvent(“input”, true, true)event.eventType = ‘message’casess.dispatchEvent(event)reactlet input = document.getElementById(‘use

2022-03-03 15:03:04 1889 3

原创 vue3+ts父子组件传值(区分有无使用setup语法糖)

setup语法糖defineProps获取组件传值import { ref, defineProps } from 'vue'const props = defineProps({ width: { type:String, required: true, default: '100rpx' }, height: { type:String, default: '100rpx' }})/

2022-02-23 15:33:54 1774

原创 uniapp+vant+ts实现下拉选择(单选和多选)

效果index.vue<!-- * @FileDescription: 下拉选择 * @Author: 鱼鱼 * @Date: 2022/02/15--><template> <van-dropdown-menu> <van-dropdown-item :title="value1"> <view class="slotBody"> <template v-for="item,

2022-02-18 17:30:33 2693

原创 uniapp+vue3+ts基于uview的路由跳转进行修改

route.ts/** * 路由跳转方法,该方法相对于直接使用uni.xxx的好处是使用更加简单快捷 * 并且带有路由拦截功能 */import { deepClone, page, deepMerge } from '@/utils'type ToPageType =| 'navigateTo'| 'to'| 'redirectTo'| 'redirect'| 'switchTab'| 'tab'| 'reLaunch'| 'launch'| 'navigateBack'

2022-02-17 14:19:05 2710

原创 基于uniapp+vue3+ts的api请求封装,并可自定义拦截器

requestClass.tsconst config = Symbol('config')const isCompleteURL = Symbol('isCompleteURL')const requestBefore = Symbol('requestBefore')const requestAfter = Symbol('requestAfter')class requestClass { // 默认配置 [config]: { baseURL?: string } & U

2022-02-17 14:13:38 4888 4

原创 uniapp中小程序的自定义导航栏组件

<template> <view class="custom_bar"> <view v-if="needSeat" :style="{ height: heightSize ? heightSize : customBar + 'px' }" ></view> <view class="custom is_fixed" :style="{

2022-02-17 14:09:05 633

原创 vue3+ts 挂载全局属性并拥有ts提示

2022-02-16 15:41:07 846

原创 vue.config.js的基础配置

vue.config.js的基础配置const path = require(“path”);const UglifyPlugin = require(“uglifyjs-webpack-plugin”);// const CompressionPlugin = require(“compression-webpack-plugin”); // 压缩// const ScriptExtHtmlWebpackPlugin = require(“script-ext-html-webpack-plugi

2021-07-02 15:13:17 449 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除