为什么名字都被占用-CSDN博客

解决办法wx-open-launch-app标签上加一个样式style="display: inline-block;border: none;"<wx-open-launch-app id="launch-btn" style="display: inline-block;border: none;"

2022-05-18 19:35:41 645 1

原创 vue-awesome-swiper init方法无效

解决办法v-if来重新渲染swiperVisible<swiper class="swiper" :options="swiperOptionTop" ref="swiper1" v-if='swiperVisible'> <swiper-slide class="slide-1" v-for='item in imgList'> <img :src='item' /> </swiper-slide></sw.

2022-03-14 14:07:44 848

原创开机后电脑变卡

看了任务管理器发现是vscode 的rg.exe程序占用内存过高，升级了vscode也不好使解决办法打开vscode-文件-首选项-设置 -搜索 symlinks去掉这个勾选就好了

2022-03-09 09:55:30 108

原创 html网页全部色调置灰

直接在body里加上这个样式即可html{ filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1); -webkit-filter: grayscale(100%);}

2021-12-20 17:41:47 176

原创 Taro里如何使用腾讯视频插件

第一步app.jsx里config下加入插件plugins: { tencentvideo: { version: "1.2.4", provider: "wxa75efa648b60994b" } }第二步具体使用页面引入config = { // 引入通讯视频插件 usingComponents: { "txv-video": "plugin://tencentvideo/vide..

2021-10-13 14:10:25 673

原创 nodejs怎么下载指定版本

https://nodejs.org/download/release/v12.18.3/可修改后边指定的版本号我是Windows 所以现在下载的这个

2021-07-17 16:29:08 771

原创解决移动端使用vue-pdf实现pdf文件预览造成的中文缺失或电子章缺失

第一步this.pdfSrc = pdf.createLoadingTask(this.pdfSrc);为 let CMAP_URL = "https://unpkg.com/[email protected]/cmaps/"; this.pdfSrc = pdf.createLoadingTask({ url: this.$route.query.pathUrl, cMapUrl: CMAP_URL, cMapPacked: true, }.

2021-07-03 17:00:32 2114 1

原创 vant 插槽无效问题

官方提供的代码<template #title> 11111111 </template>改成这样就行<template name="title" slot="title"> 111111111 </template>

2021-07-03 16:51:01 1382 1

原创 ios input失焦时,页面被上推问题

解决办法失焦的时候让页面滚回初始位置<input type="text" v-model="formInfo.realName" maxlength="10" placeholder="请输入您的真实姓名" @blur.prevent="changeBlur" /&

2021-05-10 17:49:47 190

原创 H5直接打开指定APP&&H5直接打开指定小程序

1. 绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2. 引入JS文件在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）备注：支持使用 AMD/CMD 标准模块加载方法加载。.

2021-04-20 15:17:49 995

原创 vue h5移动端查看大图组件（可缩放）

找了很多查看大图的组件发现都没办法自定义样式，或不能缩放（wc-viewer v-viewer），于是就自己写了一个主要思路就是运用swiper 1使用方法<template> <div class="size-detail"> <bigImg :imgList="imgList" :show.sync="showBigImg"></bigImg> <b...

2020-12-29 17:01:11 1357

原创 h5 localStorage在APP端无效

原因：因为安卓设置了清除缓存所以存不上解决：Android 系统 App 这里需要对 webview 操作 enable localStoragewebView.getSettings().setDomStorageEnabled(true)

2020-12-24 15:04:20 2143 2

原创 iphone移动端h5拍照上传图片被旋转问题

html<input class="xfile" name="file_img" type="file" accept="image/*" multiple type="hidden"><canvas id="myCanvas" style="position: absolute;left:-200%;top:-200%;"></canvas>js//上传图片请求 function preview(input) {

2020-12-17 16:37:33 437

原创如何运行dist文件夹

npm install express -gnpm install express-generator -g express expressDemo （expressDemo是项目名）cd expressDemo npm installnpm start //浏览器打开http://localhost:3000/#/

2020-12-09 09:55:49 1769

原创 element-ui 颜色选择器自定义换肤

颜色选择器可以实现简单全色值皮肤切换，适合做基础皮肤切换<template> <el-color-picker class="theme-picker" popper-class="theme-picker-dropdown" v-model="theme" :size="size" > </el-color-picker></template><scr.

2020-11-25 14:30:34 726

原创 rem.js 源码

;(function (designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var tid; var rootItem, rootStyle; function refreshRem() { var width = docEl.getBoundingClientRect().width; .

2020-11-21 19:03:23 209

原创 vue 实现九宫格抽奖demo

<template> <div class="luckDraw"> <div class="container"> <div class="turntable-wrapper"> <div class="luck-wrapper"> <p class="integral">今日还剩 <span>1<.

2020-11-18 13:55:33 145

原创 h5 vue解决弹窗滑动穿透问题

1.在mian.js中引入prototype.jsimport Vue from 'vue';//弹出框禁止滑动Vue.prototype.noScroll = function () { var mo = function (e) { e.preventDefault() } document.body.style.overflow = 'hidden' document.addEventListener('touchmove', mo, false)// 禁止页面滑动

2020-09-10 10:41:35 527

原创小程序解决弹窗滑动穿透问题

## 解决方案1.当弹窗没有滚动条的时候直接监听 catch:touchmove 方法，然后直接返回就可以了<view catchtouchmove="{{preventTouchMove}}"></view>preventTouchMove(){ return}2.当弹窗内容需要滚动的时候&&当前页面无需滚动如果你页面没有滚动条可以直接给当前页面最父级元素fixed定位一下或者overflow：hidden一下3当弹窗内容需

2020-08-13 18:38:31 745 1

转载 h5 Vue 的移动端图片查看插件

wc-view移动端图片浏览插件.演示地址演示地址安装npm i wc-view --save-dev使用import wcView from 'wc-view';import 'wc-view/style.css';Vue.use(wcView);img 标签时: <img class="wc-preview-img" :src="url" v-for="(url, key) in list" :key="key" @click="$preview($ev

2020-08-06 15:05:56 630

原创脚手架创建React项目

1使用官方脚手架creact-react-appnpm install -g create-react-app /*搭建一个全局的脚手架*/create-react-app my-demo /*创建项目 my-demo是项目名字*/cd my-demo /*进入目录然后启动*/npm start...

2020-08-05 14:05:46 148

原创 Wepy框架入门

1环境及新建项目npm install -g wepy-cli //全局安装或更新WePY命令行工具（wepy脚手架）： wepy-cliwepy -v //查看wepy-cli版本wepy init standard <projectName> //新建wepy小程序项目,1.7.0之前的版本使用：wepy new myprojectwepy list //查看项目模板cd <projectName> //切换至项目目录npm install //安装依赖we

2020-08-04 14:26:07 157

原创 vscode settings.json备忘

vscode settings.json备忘{ "editor.minimap.enabled": true, "workbench.iconTheme": "vs-minimal", "explorer.confirmDelete": false, "editor.quickSuggestions": { "strings": true }, "vetur.format.options.tabSize": 4, "editor.

2020-07-28 15:41:50 99

原创数字金额增加动效

实现1：数字直接累加增加效果numberAnimate(100.34)numberAnimate(num) { let n1 = new NumberAnimate({ from: num ? num : 0.00,//开始时的数字 speed: 1000,// 总时间 refreshTime: 100,// 刷新一次的时间 decimals:

2020-07-15 13:56:47 414

转载微信小程序实现上传文件如图片/word excel到服务器

说道上传文件，首先要想到微信官方文档给的API，wx.uploadFile({ })通过这个API来达到上传至服务器的效果：代码示例如下接下来我们先来说说上传图片功能，这个比较简单一些上传图片：wx.chooseImage({ }）从本地相册选择图片或使用相机拍照代码示例如下：在点击图片触发响应事件函数里写上以上代码，就会调起手机选择相册或者拍照。以上就达到了上传图片的功能上传word/pdf等文件：这个功能真是苦恼了我好久，因为项目中要用到上传wor

2020-07-07 14:28:35 9030 2

原创 vue-pdf无法显示中文

1.引入importCMapReaderFactoryfrom'vue-pdf/src/CMapReaderFactory.js'2.重置一下pdf文件this.pdfUrl=pdf.createLoadingTask({url:res.data.datas.invoicePicUrl,CMapReaderFactory})

2020-06-22 16:13:35 2875 3

原创 js 比较几个数字大小

首先把数字装进数组这样好做处理var desc=function(a,b){return b-a};var asc=function(a,b){return a-b};var num=[10, 18, 13, 100, 16, 11];num.sort(asc);console.log(num);

2020-06-17 17:59:05 1777

wxAnimateNumber-master.rar

小程序直播运营操作手册.pdf

微信小程序直播功能准入要求.pdf

空空如也