成长笔记

原创 uniapp支付宝小程 uni-popup Cannot read properties of null (reading ‘open‘)

原创 ANDROID HOME not set, Set the environment variable.Then, close DevEco Studio and open it again.

ANDROID HOME not set, 环境变量配置

原创 uniapp 弹窗滑动穿透问题

2.enable-pull-down-refresh 设置是否可以下拉刷新，设置时仅ios生效 安卓不管用。1.以上处理滑动穿透问题，但对于有下拉刷新的功能，安卓没有效果。增强方案：动态设置是否下拉树新。

原创 华为上线 应用签名

华为上线 应用签名生成

原创 vue-print-nb 基本使用

vue-print-nb 打印插件使用，以及注意事项

原创 微信小程序分享朋友圈

【代码】微信小程序分享朋友圈。

原创 csshtml工具

1、三角形背景图案生成器演示地址：https://codepen.io/msurguy/pen/wvGgzN2、CSS 三角形生成器地址：https://codepen.io/yukulele/pen/AgzXdJ3、SVG梯度波发生器地址：https://codepen.io/supah/pen/prVVOx4、密码生成器地址：https://codepen.io/nourabusoud/pen/YeMOVv5、SVG 多边形生成器地址：https://codepen.io/winkerVSbecks/p

原创 uniapp 推送 常见问题

Unipush常见问题 - DCloud问答

原创 vue-baidu-map BMap is not defined以及基本使用

BMap is not defined ，设置中心的

原创 隐藏video 进度条（禁止快进）

video::-webkit-media-controls-timeline { display: none; }

原创 uniapp 使用wow.js 页面滚动效果

npm install wowjs --save-dev import { WOW } from 'wowjs' mounted() { var wow = new WOW({ boxClass: 'wow', //需要执行动画元素的Class animateClass: 'animated', //animation.css动画的Class offset: 0, //距离可视区域多少开始执行动画 mobile: true, //是否在移动设备执行动画..

原创 html局部滚动到某个位置

$("div").animate({ scrollTop: 300,},500);

原创 uniapp scss之mixin的全局引入

1.创建公共scss文件@mixin border-radius($radius) { -moz-border-radius: $radius; -webkit-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius;}2.使用<style lang='scss' scoped>.cirle{ @include border-radius(10rpx);.

原创 uniapp h5本地调试设置多个代理

"devServer" : { "https" : false, "port" : 8080, //浏览器运行端口 "disableHostCheck" : true, "proxy" : { "/api1/" : { "target" : "http://www.bai.com/api1/", //实际请求服务器地址 .

原创 uniapp h5 获取城市

1.首先获取经纬度getLocation(){ let that = this; uni.getLocation({ type: 'wgs84', success: function (res) { that.getCity(Number(res.latitude),Number(res.longitude)); } }); },2.安装vue-jsonp， main.js全局引入npm ins

原创 h5扫描二维码，uni-app h5扫描二维码，vue h5扫描二维码

包含jsQR.js和html5-qrcode.min.js 文件文件链接https://download.csdn.net/download/qq_35086913/25656528

原创 uniapp 统计页面停留时间

每个页面都要统计，因此全局处理的方法较好，采用全局混入的解决方式，onHide和onUnload分别处理页面隐藏和页面卸载的情况，onShow确保每次进入页面重新获取时间1. residenceTime.jslet enterTime = ''; let outTime = '';let stayTime = '';export default { data() { return { }; }, onShow(){ // 用户进入时间 enter

原创 微信小程序，发放优惠券，领取卡券添加到卡包

1.使用微信提供的 send-coupon 发券插件，样式可自定义<send-coupon @customevent="getcoupon" :send_coupon_params="send_coupon_params" // 发券参数 :sign="sign" //签名 :send_coupon_merchant="send_coupon_merch...

原创 video 静音非静音切换

function setMuted (id){ var myVid = document.getElementById(id); var sta = myVid.muted; if (sta == true) { myVid.muted = false; } else { ...

原创 swiper3 修改某一项播放速度

var homeSwiperPhone = new Swiper('.swiper-phone', { loop: false, autoplay: 10000, effect: 'fade', autoplayDisableOnInteraction: false, }); homeS...

原创 ipone低版本页面不渲染问题

1.考虑是否使用es6写法，转成es52.是否对内容div 使用overflow:hidden;若使用transform: translate3d(0, 0, 0);即可解决

原创 获取当前周、上一周、下一周日期数组

getLastweek: function() { let that = this; let weekDayArr = []; weekDayArr = that.setDate(that.addDate(that.currentFirstDate(),-7)); let nextWeek = that.setDate(that.addDate(that.currentFirstDate(),7)); console.log(nextWeek); let c.

原创 echart自用集合

/** * 柱状图 * @param contaner 容器 * @param titleName 标题 * @param legendData legend数据 * @param seriesData 图表数据 * @param xAxisData X轴数据 * @colors 曲线颜色数据以及 legend颜色数组 */function drawPie(container, colors, titleName, legendData, xAxisData, seriesData..

原创 pc端video的一些总结

<div class="videobg"> <video id="myvideo" controlslist="nodownload" ref="curVideo" preload="auto" controls="controls"> <source :src="caurse.video" type="video/mp4"> </video></div>1.动态给视频更换播放地址that.$ref.

原创 goEasy web基础版，包含表情，图片，适配pc和移动端

1.公司项目需要，做客服聊天功能，用到goEasy,官网看了一圈，web版的版本太过老旧，应用性不强，所有就自己写了一套适应项目项目需求，功能不太复杂，但包含常用的一些功能。个人比较懒，贴图说明，最后附上源码！（有问题欢迎指出）https://download.csdn.net/download/qq_35086913/15451335...

原创 聊天表情文字

https://download.csdn.net/download/qq_35086913/13992332

原创 获取上周日期数据

getLastweek: function() { let myDate = new Date(new Date().getTime() - 7 * 24 * 3600 * 1000) let day = myDate.getDay() let time = myDate.getDate() - day + (day === 0 ? -6 : 1) let startTime = ''; let weekDayArr = []; let getMont...

原创 uniapp 使用plus自定义导航栏iconfont右侧自定义图标

onNavigationBarButtonTap(e) { console.log("点击了自定义按钮"); console.log(e.index);//按钮的id，根据定义的顺序0,1,2},"app-plus": { "titleNView": { "titleColor": "#333333", "backgroundColor": "#FFFFFF", "buttons": [{//title icon "fontSrc": "/static/icon...

原创 echart省市区三级地图下钻

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>ECharts地图选择器</title> </head> <style type="text/css"> body { margin: 0; } html, body, #main { width:500px; ...

原创 h5返回上一页面并刷新

1.window.location.href="页面";//直接跳转页面2.使用history.go(-1)时var refresh= false;window.addEventListener('pageshow', function() { if (refresh==true) { window.location.reload(); }});window.addEventListener('pagehide', function(...

原创 h5图形验证码

drawPic(); /**生成一个随机色**/ function randomColor(min, max) { var r = randomNum(min, max); var g = randomNum(min, max); var b = randomNum(min, max); return "rgb(" + r + "," + g + "," + b + ")"; } /**绘制验证码图片**/ function drawPic() { ...

原创 echart双折线，常用配置

/** * 画双折线图 * @param container 容器 * @param titleName 标题 * @param xData x轴数据 * @param seriesNameOne 第一条折线图表名称 * @param seriesDataOne 第一条折线图表数据 * @param seriesNameTwo 第二条折线图表名称 * @param seriesDataTwo 第二条折线图表数据 * @param ...

原创 swiper模拟下拉选择

/*JS部分*/;(function(){function hSdrop(options){var self=this;self=$.extend(self,{els:'',},options);$(self.els).click(function(e){self.init(this);})}hSdrop.prototype={init:function(el){var kl=''kl+...

原创 6位数字密码 仅能输入

<input type="number" v-model="password2" style="-webkit-text-security:disc" pattern="\d" oninput="if(value.length>6)value=value.slice(0,6)" @keydown="handleInput" />handleInput: function(e) { let a = e.key.replace(/[^\d]/g, ""); if .

原创 html实现密码输入框效果

<div class="pay-pop-count"> <p>请输入支付密码</p> <div class="input-box"> <input class="code-input" ref="pwd" v-model="code" :maxlength="length" type="number" id="code" @keyup.13="next()" /> <label for="code.

原创 动态设置网站标题，关键字以及描述

$('title').html(res.data.webTitle);$("meta[name='distribution']").attr('content', res.data.webSeoDes);$("meta[name='keywords']").attr('content', res.data.webSeoKey);

原创 transform rotate()在ios上不生效

1.transform 兼容写法-ms-transform: rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -o-transform:rotateY(180deg); /* Opera */解决方法能 在父元素上transform: perspective(1000);...

原创 echart 双折线图

<template> <div> <div id="rightCenterChart" style="width:6.75rem;height:3.875rem;"></div> </div></template><script> const echarts = require("echarts"); export default { data() { return {}; }, m...

原创 echart 柱状图 y轴多数据

<template> <div> <div id="leftBottom" style="width:6.75rem;height:3.375rem;"></div> </div></template><script> const echarts = require("echarts"); export default { data() { return {}; }, mounted(...

原创 echart 中国地图并标记城市

<template> <div class="chinaMap"> <div id="china_map"></div> </div></template><script> const echarts = require("echarts"); import 'echarts/map/js/china.js' export default { data() { return {}; }, .