weixin_44606457的博客

原创 element 时间日期选择器,设置最多可选择范围为一个月或者不能跨月选择范围

<el-date-picker v-model="time" type="datetimerange" @change="datePickerChange" :picker-options="pickerOptions" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" ...

原创 day.js 将时间转换为年月日时分秒

安装npm install dayjs --save想要使用的页面引入var dayjs = require('dayjs')var dayjsTime = dayjs(`${new Date()}`).format('YYYY-MM-DD HH:mm:ss') // new Date() 换成自己需要转换的数据 console.log(dayjsTime) // 2019-10-12 15:19:28...

原创 Mon Sep 13 17:12:54 CST 2021 时间转年月日时分秒 yyyy/MM/dd hh:mm:ss

// 时间处理 processTime(value) { // 比如 Mon Sep 13 17:12:54 CST 2021 var format = 'yyyy/MM/dd hh:mm:ss' var date = new Date(value) // let d = new Date(date); const d = new Date(date.valueOf() - 60 * 60 * 1000 * 14) //.

原创 js手机号中间几位*****

这是一个js方法export default function(tel) { var reg = /^(\d{3})\d{4}(\d{4})$/ return tel.replace(reg, '$1****$2')}在需要的地方调用import formatTel from ‘./utils/formatTel.js’console.log(formatTel(‘18767569008’)) // 187****9008...

原创 js随机生成密码（有3种类型的）

1. 写一个js文件// 随机密码,数字,字母下划线,大小写都有export function complexPsw(min, max) { // 可以生成随机密码的相关数组 var num = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'] var english = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q',

原创 js手机号验证

if (!/^1[3456789]\d{9}$/.test(this.phone)) { // this.phone是用户输入的 return this.$message.error('请输入正确的手机号') }

原创 js姓名除了姓，名*** 或者除了姓名最后一个字,剩余的**

// 姓名格式化 formatName(str) { if (str) { return str.substr(0, 1) + new Array(str.length).join('*') } }, formatName('王欻欻') // 王**

原创 删除对象里面的指定属性字段

var obj={ name: 'zhagnsan', age: 19 }delete obj.name //true 删除字段nametypeof obj.name //undefined 查看字段name的数据类型

原创 小程序 获取顶部胶囊的信息,设备的宽高

里面有 宽,高，top,bottomuni.getMenuButtonBoundingClientRect()

原创 获取验证码倒计时

<!-- 可以点击 --> <button type="warning" v-if="isGetCode" class="getCode" style="width:40%" round @click="getSendPhoneMessage" size="mini" id="getcode">获取验证码</button> <!-- 不可以 --&gt..

原创 获取当前时间的年、月、日、时间等

JS获取当前时间的年、月、日、时间等var date = new Date();date .getYear(); //获取当前年份(2位)date .getFullYear(); //获取完整的年份(4位)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期X(0-6,0代表星期天)date .getTime(); //获取当前时间(从1970.1.1

原创 小程序动态设置顶部文字（uniapp）

uni.setNavigationBarTitle({ title: "最近访问" });

原创 小程序返回APP

关键在于： 其他不用管例子： <button class="back" v-if="pages < 2" open-type="launchApp" app-parameter="wechat" binderror="launchAppError"> 返回 <image :src="appHeadImg" mode=""></image> </button> ...

原创 video 标签视频手动播放

// controls="controls" 主要在他<video src="视频地址" controls="controls" style="width:200px;height:100px;margin-right:20px;"></video>

原创 vue 上传文件给后端

1. 封装的视频上传组件<div class="videoBox"> <input class="input" ref="uploader" @change="onFileChange" type="file" :accept="accept" :multiple="multiple"> <label ref="uploaderlabel" style="cursor: pointer;"> <slot&gt

原创 vue 获取图片宽高

// url是本地图片地址或者线上图片地址: 本地：blob:http://localhost:8080/d854a38b-275b-4c36-b65d-be705a2458e7 getImageSize(url) { return new Promise((resolve) => { var img = document.createElement("img"); img.src = url;

原创 小程序 阻止遮罩层下的滚动

<view class="couponBox" @touchmove.stop.prevent="moveHandle"></view>// 阻止遮罩层下面滚动moveHandle: function() {},

原创 vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本

一、问题描述　　使用命令npm install vue-cli -g安装脚手架之后，创建Vue项目vue init webpack demo 提示“无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本”二、解决方法转到“开始”菜单，然后搜索“ Windows PowerShell ISE”。右键单击x86版本，然后选择“以管理员身份运行”。在顶部，粘贴Set-ExecutionPolicy RemoteSigned ； 运行脚本

原创 微信H5，判断是否在微信浏览器中打开（uniapp）

在app.vue里写上判断 onShow: function() { var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) { window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+this.$appid; /

原创 删除线和下划线，文字的间隔

text { text-decoration:underline; /*下划线 */ text-decoration: line-through; /* 删除线 */ }

原创 uniapp H5怎么适应多端

使用单位变成 rpx 就可以了

原创 微信H5获取url上面的参数（uniapp）

onLoad: function(options) { //判断公众号截取official_shop_id const getShopId = name => { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); let r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(.

原创 uniapp scroll-view去掉或者隐藏滚动条

在App.vue里面写样式/* 解决小程序和app滚动条的问题 */ /* #ifdef MP-WEIXIN || APP-PLUS */ ::-webkit-scrollbar{ display: none; }/* #endif */ /* 解决H5 的问题 *//* #ifdef H5 */ uni-scroll-view .uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none } /* #

原创 微信H5登录功能实现

//判断是否为公众号模拟器环境const isWechat = () => { return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === 'micromessenger';};//判断公众号截取codeconst getUrlParam = name => { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$

原创 小程序支付和H5支付实现（uniapp）

小程序支付：**wxml** <text class="submit" @click="payment">去付款</text> **js** payment: function(res) { uni.requestPayment({ provider: 'wxpay', // 写死的 timeStamp: res.data.data.timestamp, // 后端给的 nonceStr: res.data.data.nonceS

原创 小程序订阅功能

uni.requestSubscribeMessage({ //获取下发权限 tmplIds: ['ApDc8a7C13BLetAW6EkbIEPWg-ze-2W8_EAz7xgaXOA'], //此处写在后台获取的模板ID，可以写多个模板ID，看自己的需求 success: res => { console.log(res); if (res['ApDc8a7C13BLetAW6EkbIEPWg-ze-2.

原创 微信小程序发布新版本时自动提示用户更新（uniapp框架写的）

在App.vue里面写onLaunch: function() { // debugger const updateManager = uni.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate) }) // 下载新版本 updateManager.o

原创 小程序自带弹出框类型

1. wx.showToast(Object object)显示消息提示框wx.showToast 应与 wx.hideToast 配对使用wx.showLoading 和 wx.showToast 同时只能显示一个wx.showToast({ title: '成功', icon: 'success',//当icon：'none'时，没有图标 只有文字 duration: 2000})例：2. wx.showModal(Object object)显示模态对话框wx.

转载 uniapp base64转图片

创建一个js文件const fsm = wx.getFileSystemManager();const FILE_BASE_NAME = 'tmp_base64src'; //自定义文件名function base64src(base64data, cb) { const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || []; if (!format) { return (new.

原创 字符串转数组

// 数组转字符串 var a, b;a = new Array(0,1,2,3,4);b = a.join("-");// 字符串转数组var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解。

原创 js两个数组去重的方法

let arr1=['棉','40*40'] let arr2=['棉','40*40','好'] arr1.forEach((item1)=>{ arr2.forEach((item2,j)=>{ if(item2==item1){ arr2.splice(j,1) ...

原创 小程序解决底部遮挡点击事件

比如：iphoneX的底部安全距离会遮挡页面以下是 iphoneX 的手机屏幕解决办法如下：在需要的地方写上如下css样式（类名可以随意定）![在这里插入图片描述](https://img-blog.csdnimg.cn/20200403194738202.png#pic_center// ios底部安全距离-padding.savepadding{ padding-bot...

原创 小程序上传图片功能（uniapp框架写的）

html:<image @click="changeImg" src="../../static/uploading-icon.png" mode=""></image>js： // 上传图片 changeImg: function() { var _this = this; uni.chooseImage({ count: 9, //默认9...

原创 小程序配置域名白名单

原创 小程序复制功能（uniapp框架实现）

html: <text @click="copy(orderDetails.order_id)"> {{ orderDetails.order_id }} <text class="copy">复制</text> </text>js：copy:function(value) { uni.setClipboar...

原创 小程序登录功能（这个是使用的uniapp框架做的）

html:<button hover-class="none" open-type="getUserInfo" @getuserinfo="cancel('允许')">点击显示微信头像</button>js :// 点击弹框的取消和允许 cancel: function(value) { var _this = this; if (value == ...

原创 小程序input禁止输入，设置调用其他组件

在input增加disabled=true如例子：<input class="input" disabled=true type="number" value="" placeholder="所在地区" placeholder-class="placeholder" @tap="openAddres" />

原创 小程序轮播图中间大两边小,下边的项随着轮播图变动

wxml： <view class="swiper"> <swiper autoplay interval="{{interval}}" circular previous-margin="{{leftMargin}}" next-margin="{{rightMargin}}" bindchange="handleChange"> ...

原创 小程序的本地储存值，取值，清除储存值

// 存入值wx.setStorageSync("conversionId", '123456')// 取缓存值wx.getStorageSync("conversionId")// 清除缓存值 （等于将存储的值，重新赋值为空） wx.setStorageSync("conversionId", '')...

原创 小程序定时器的开启和关闭

data: { setInter:'' 设置定时器 }, onShow: function () { this.notification() // 调用方法 },notification: function () { var _this = this _this.data.setInter = setInterval(function () { ...