jdjfjgfdgdfg-优快云博客

原创 Vue3 ＜script setup＞语法糖 beforeRouteEnter使用

vue3、ts、vue-cli、vue页面。beforeRouteEnter功能调用，并调用vue页面内的变量和函数

2022-06-15 17:47:23 12489 1

原创 vue3 ts ‘get‘ on proxy: property ‘provider‘ is a read-only and non-configurab

Vue3 + ts + webpack在public/index.html引入其他js工具库调用js库提示以下错误：‘get’ on proxy: property ‘provider’ is a read-only and non-configurable data property on the proxy target but the proxy did not return its actual value (expected ‘#’ but got ‘#’)调用工具库内部就报错，不调用就不

2022-04-25 16:19:45 3092

原创 vue3 ts webpack vue-cli3 打包本地线上预览解决

vue3 ts webpack vue-cli3 打包本地线上预览解决npm run build 项目根目录下生成dist文件夹全局安装：npm i http-server -g进入dist文件夹目录下：cd dist执行指令：http-server

2022-04-20 17:14:00 930

原创 vue3 element-plus 动态设置el-button类型，npm run dev项目正常，npm run build失败

“vue”: “^3.2.16”,“vite”: “^2.6.4”,“element-plus”: “^2.1.4”,以下程序可以正常执行，但是npm run build失败<template> <el-button :type="typeBtn">sfsdfsdf</el-button></template><script lang="ts" setup> const typeBtn = ref('info');</sc

2022-03-24 20:04:23 2736

原创 Wallet Connect 版本2 web3

vue（3.2.16） + vite（2.6.4）dapp连接wallet,这个实例是实现dapp的功能。依赖包安装：“@walletconnect/client”: “^2.0.0-beta.23”,“@walletconnect/legacy-modal”: “^2.0.0-beta.23”,“@walletconnect/types”: “^2.0.0-beta.23”,“@walletconnect/utils”: “^2.0.0-beta.23”,“vue”: “^3.2.16”,

2022-03-24 19:36:40 5691 5

原创 vue js 返回上一级功能无效，直接跨级跳转

vue js 返回上一级功能无效，直接跨级跳转，或者直接回退到首页调用window.history.backwindow.history.gohistory.backhistory.go$router.back$router.to返回上一页功能，均无效，回退跨级或者直接回退到首页"/"。查询原因是因为路由跳转方式问题：如果都使用router.push跳转，history中记录所有的历史页面;如果用router.push跳转，history中记录所有的历史页面; 如果用router.

2022-01-24 17:00:34 2306

原创 vue 引入本地某个文件 require

vue 使用require引入某个文件，判断本地是否有某个文件在本地电脑有host.json文件，在项目中引入这个文件1.使用require.context判断某个文件是否存在require.context(引入某个文件的路径，是否遍历该路径下的所有子目录，正则匹配后缀名称)let obj = require.context( "/Users/Administrator/test-demo", false, /\host\.json$/); // 检索符合

2021-08-20 17:49:02 4131

原创 js 预览大文件 TXT 浏览器渲染崩溃

js 预览大文件 TXT 浏览器渲染崩溃1.监听滚动条事件2.从服务器请求回100M文本数据。3.对总内容xhr.responseText 分页。4.设置默认初始只显示5页，每页控制显示1000个字符长度，可自定义数字。根据内容进行分割字符串。5.拖动滚动条到底部，如果还有未加载数据，继续渲染剩余的分页从服务器请求回100M txt文件数据，如果一次性渲染导致浏览器崩溃。做分页渲染解决这个问题。使用<pre>txt文本内容</pre>标签渲染txt文本内容。保留txt内容格

2021-08-19 12:45:41 1165

原创 vue git上传文件忽略node_modules

1.在项目跟路径下，命令窗口输入：touch .gitignore创建文件：.gitignore在这个文件内把不需要要上传到的git的内容描述

2021-08-03 16:41:22 1803

原创 vue 修改 node_modules 内的插件依赖包

当我们安装的依赖包某些不满足我们的需求时，我们需要对其进行某些少量的改动。改动不大，但是又不影响依赖插件其他的更新。在自己项目的node_modules里面找到自己要修改的依赖包文件ag-grid-enterprise.cjs.js ：项目/node_modules/ag-grid-enterprise/dist/ag-grid-enterprise.cjs.jsag-grid-enterprise.cjs.js这个文件就是自己需要修改的文件把这个文件拷贝出来放到自己的项目目录下如：项目/sr

2021-07-07 16:28:55 2969 1

原创 vue ag-grid-vue 大数据动态加载服务器请求数据

vue ag-grid-vue 渲染大数据表格动态请求服务器数据设置子目录目前只能是初始是一次性加载所有数据再分页渲染，还没有研究出滚动分页加载服务器。这个方法是一次加载所有数据在前端再做的分页渲染。点击目录文件展开能动态加载服务器的数据显示子目录数据安装插件：npm install --save ag-grid-enterprise ag-grid-community ag-grid-vue代码实现import { AgGridVue } from "ag-grid-vue";imp

2021-06-18 15:33:37 1979

原创 vue 一个js文件内export 多个function, 内部function互调使用

vue 一个js文件内export 多个function, 内部function互调使用index.jsimport { getBytesLength as sss } from "@/utils/index"; // sss 为别名// 面包屑名称限制export function reSetNameBreadcrumb(name, lengthArr){ console.log(sss("xxx")) // 调用内部方法 if(lengthArr === 1 &&

2021-06-01 10:58:23 9390

原创 vue, H5 播放器video 嵌入APP(andriod，IOS) m3u8不能正常播放，总时长显示不正常，显示正在直播

m3u8是后端同事自己对mp4视频的切割处理，由于我们前端同事对这个格式的视频数据没有去了解，后端同事也不知道这个数据有错，导致我们走了很多的弯路。。一直以为是前端处理的插件不当导致的不能播放，试了很多是视频插件，后面用xgplayer-hls可以播放其他地方的m3u8数据，但是自己封装的m3u8不能播放，然后改用xgplayer-hls.js，哎，终于能播放了，但是发现这个.m3u8多次请求，正常是.m3u8只请求一次，后面都是请求.ts。多次请求.m3u8会造成服务器的负担，这个就行不通了。还发

2021-04-14 17:51:06 2771

jdjfjgfdgdfg的博客