weixin_46774564的博客

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

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

原创 vue2或vue3实现sdk

vue2或vue3实现sdk

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

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

原创 前端无用知识

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

原创 帆软报表在vue中预览

帆软报表在vue中预览

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

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

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

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

原创 vue同组件实现keeplive

vue同组件实现keeplive

原创 Jenkins自动布署Vue项目

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

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

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

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

封装@vueuse/motion组件

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

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

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

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

转载 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] //...

原创 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

原创 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',

原创 pinia简易使用

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

原创 vue2简易实现（响应式数据原理）

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

原创 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

原创 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...

原创 vue2开发echats组件

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

原创 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

原创 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' }})/

原创 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,

原创 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'

原创 基于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

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

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

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

原创 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