湾流~-优快云博客

// 上传图片 videoFile(file) { let params = new window.FormData() let fileOfBlob = new File([file], new Date().getTime() + '.jpg') params.append('file', fileOfBlob) uploadImgFile( params).then(res => { console.log('上传结果', res

2022-09-24 17:51:29 1285 1

原创 vue 中使用节流和防抖(触发事件中&watch中使用)

/* * fun [function] 需要防抖的函数 * delay [number] 毫秒，防抖期限值 */export function debounce(fun, delay = 300) { let timer; return function () { let ctx = this let args = arguments if (timer) { clearTimeout(timer) } timer = setTimeout

2022-09-24 17:49:41 1965

原创小程序&vue 发送验证码后冷却功能

小程序&vue 发送验证码后冷却功能附:标签自适应文字宽度

2022-09-24 16:58:12 331

原创小程序跳转另一个小程序并携带参数

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2022-06-01 21:19:50 4379 1

原创 vue 使用keep-alive 让返回页面不重新刷新(页面缓存)(保持组件状态)

官方说明vue keep-alive 官方说明示例1.在路由配置页添加meta信息 { path: '/XXXXXXX', component: XXXXXX, meta:{ keepAlive:true //需要缓存的页面 }},2.在app.vue 中使用keep-alive包裹需要缓存页面的视图组件<keep-alive> <router-view v-if="$route.meta.keepAlive" /><

2022-04-21 17:21:40 3708

原创 h5自定义微信分享链接

未自定义前自定义后1.安装微信jweixin-1.6.0依赖"jweixin-1.6.0": "^1.0.0",2.封装一个wxsdk.js方法前端要请求后端接口获取公众号的信息并填入// wetchat.js －－个人封装import wx from 'jweixin-1.6.0'; // 这是自己优化的sdk方法，可以解决ios签名报错的一些问题// import wx from 'weixin-js-sdk'; // 这是官方的微信sdk引入方法import { ge

2022-04-07 21:08:05 1774

原创 vue 制作带二维码的海报并下载。 (html2canvas转为图片不显示文字的方法)

效果图如上**1.安装依赖 npm install**qrcode (生成二维码)html2canvas (截取html元素生成图片)**2.结构**```typescript //海报结构 //posterHtmlBg 海报背景图路径 v-show="false" 元素不需要显示在页面上...

2022-04-07 20:13:48 2051 3

原创 Invalid prop: type check failed for prop “label“. Expected String with value “1“, got Number with va

期望值为字符串,的到的值为数字类型,所以转为字符串就好了index+1+''<el-form-item :label="index+1+''" v-for="(item,index) in intro" :key="index+1"> </el-form-item>

2022-03-29 22:48:24 7876

原创 vue 生成二维码并点击按钮下载功能

安装qrcode依赖npm install qecode页面部分<canvas id="qrcode" ref="qrcode" width="200" height="200"></canvas><a href="javascript:;" @click="downloadCode"> 下载二维码</a href="javascript:;"><script>import qrcode from "qrcode"; //引入qrc

2022-01-25 23:15:04 1274

原创 svn 提交不了代码,一直转圈卡死不动,没有任何报错提示

如图所示,一直显示成这个样子解决方法:很简单,你看看你项目的上一级目录名称是不是用了中文字符

2022-01-20 11:45:02 4115

原创小程序使用javascript-obfuscator工具进行代码混淆处理

1.在node.js中执行以下命令下载依赖npm install javascript-obfuscator -g2.在文件目录中输入javascript-obfuscator app.js 将会对app.js执行混淆处理,并生成混淆文件app-obfuscator.js3.将混淆的文件改名为app.js 覆盖源文件4.上传-审核-发布即可附:将当前目录下所有js文件批量混淆javascript-obfuscator input_file_name.js javascript

2022-01-14 23:04:01 3891

原创 idea Error running ‘Tomcat8‘: Address localhost:1095 is already in use 端口被占用的两个解决办法

结束进程法修改端口法

2022-01-13 22:33:49 486

原创 jsp 报错 Uncaught SyntaxError: Unexpected token ‘；‘

这个问题也许并非是jquery版本或是什么引入文件路径错误的问题我这里出现这个问题是因为接口的一个数据没有正常返回,导致的报错.整个页面的组件和按钮全部失效,所以解决办法是检查接口

2022-01-13 22:01:03 1019

原创 vue-cli 2.0/3.0+ vue build打包生成的文件中运行index.html报错Failed to load resource: net::ERR_FILE_NOT_FOUND 白屏

问题执行npm run build 生成的打包文件运行index.html 报错,上线不能正常显示内容解决办法vue-cli 2.0在build / webpack.prod.conf.js 文件 output参数配置 publicPath:’./’, 重新build即可vue-cli 3.0 及以上1.在vue.config.js 文件中修改成 publicPath: ‘./’module.exports = { publicPath: './', //改成此路径 2.在

2022-01-10 23:29:04 830

原创 jsp 新建页面的方法

jsp 新建页面需要更改java代码,示例如下

2021-12-01 20:34:02 980

原创 vue 一键复制粘贴文字功能

1/下载 clipboard 依赖npm install clipboard --save2/在功能页面写如下代码<template> <div style="margin:10px auto;" v-for="(item,index) in ringTemplete" :key="index" class="article" > <el-card class="box-card"> <h1>

2021-10-17 23:52:57 981

原创报错 npm ERR! 404 Not Found - GET https://registry.npmjs.com/ - Not found

需要切换淘宝镜像npm config set registry https://registry.npm.taobao.org

2021-10-17 22:34:59 3406

原创 js 防抖和节流的方法

防抖/* * fun [function] 需要防抖的函数 * delay [number] 毫秒，防抖期限值 */function debounce(fun, delay = 300) { let timer; return function () { let ctx = this let args = arguments if (timer) { clearTimeout(timer) } timer = setTimeout(()

2021-10-11 22:51:15 141

原创 vscode 不让目录并列(折叠)合成一行显示的设置方法 (紧凑形式呈现文件) (单个子文件夹压缩在组合的树元素中)

依次按图点击,在搜索框输入Compact Folders 将Compact Folders勾选去掉即可

2021-10-10 23:25:02 3075 2

原创微信小程序使用scroll-view 标签实现内容上下或左右滑动

scroll-view标签微信官方介绍scroll-view标签属性 : scroll-x 为x轴(左右滑动),scroll-y为y轴(上下滑动)左右滑动scroll-view标签需要设置white-space: nowrap;里面的元素要设置为行内块元素html<scroll-view scroll-x > <view class="templateitem" v-for="(item,index) in xxx" style=" width: 200px; heig

2021-09-05 23:57:30 5920

原创 js 电话号码脱敏,固话或移动号码或文字中夹杂的号码中间用*号替代

效果图处理代码98765432171//导出一个 desensitization 方法export function desensitization(strInfo){ let reg = /\d{7}/; //验证一个长度为7的整数 let str = strInfo; //将传入的包含电话号码的形参strInfo赋值给变量str let str2 = str.split('').reverse().join('') //数据翻转为了使号码后三位是明码 let arr =

2021-08-22 00:07:20 1565

原创 vue 循环向数组里push进数据,视图没有更新

如下代码,将myringList里的数据循环遍历出来,子元素Type=7的,就将这个元素push进movieList数组的data属性中,这种方法数据视图是不会更新的this.myRingList.forEach(function(item){ if(item.Type==7){ this.movieList.data.push(item) }else{ this.musicList.data.push(item) }})这是可以创建

2021-08-15 23:15:04 3866

原创 windows 键盘输入突然有了节流效果,不能连续输入同一个键

这是因为使用了筛选键,按以下步骤关闭筛选键即可

2021-06-27 22:49:57 9125

原创微信小程序mpvue框架,上线小程序提示上传失败报“Error:代码包大小为2165kb,上限为2048kb,请删除文件后重试“的解决办法

提交的时候执行 npm run build:wx 打包即可

2021-06-23 20:40:44 2308

原创 SVN上传文件报错 Commit blocked by pre-commit hook (exit code 1) with output

我这里是因为忘记写comment信息了参考文章https://blog.youkuaiyun.com/yasi_xi/article/details/39450689

2021-06-15 13:42:22 919

原创解决报错 This dependency was not found:(这个依赖没有找到)

错误的原因是你这个文件引入或使用了文件资源,但却没有找到我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了<style scoped lang='less'></style>报错全部信息ERROR Failed to compile with 1 errors 下午10:57:54This dependency was not found:.

2021-06-14 23:11:32 20741 3

原创使用git 快速批量创建文件夹和js文件

第一个指令//创建文件夹mkdir onefile twofile threefile$ mkdir onefile twofile threefile第二个指令//创建js文件 touch onefile.js twofile.js threefile.js$ touch onefile.js twofile.js threefile.js效果如下

2021-05-23 18:17:29 422

原创 vscode使用用户代码片段快速生成vue页面模板

{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=''>${1}</div>", "</template>", "", "<script>", "export default {", " // 组件名", " name: '',", " // 注册组件", " components: {},", " ..

2021-05-23 17:54:30 517

原创 postcss-pxtorem单位转换插件配置报错Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Mig

原因是依赖版本太高,所以执行以下命令进行版本降级,重新启动项目即可npm i postcss-pxtorem@5.0.0在根目录新建postcss.config.js文件中配置module.exports = { plugins: { 'autoprefixer': { browsers: ['Android >= 4.0', 'iOS >= 8'] }, 'postcss-pxtorem': { rootValue: 37.5, .

2021-05-23 01:22:24 1659

空空如也

请问,vscode中怎么不让目录/折叠显示