2020年03月_this指向谁

04月 03月

原创小程序集成录音与播放API

wxml<button bindtap='start'>开始录音</button> <button bindtap='play'>播放录音</button> <button bindtap='stop'>停止录音</button>jsstart: function () { //开始录音 wx.st...

2020-03-27 16:22:14 244

原创模板配合使用layer.js弹窗，及其常见属性

1.下载layer.js包layer.js2.引入//注意：获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构）存放到你项目的任意目录，使用时，只需引入layer.js <link rel="stylesheet" href="./3.1.1/mobile/need/layer.css"><script src="../../jquery.mi...

2020-03-25 11:51:17 554

原创 html基于swiper.js的轮播简单demo

先引入swiper.js和swiper.css//样式.container { width: 590px; height: 470px;}.swiper-slide img { width: 590px; height: 470px;}//html<div class="swiper-conta...

2020-03-25 10:11:20 331

原创 html+js+canvas实现图片上传，下载

html<input type="file" id="file_btn"><canvas id="canvas" style="border:1px solid #c3c3c3;"></canvas><div id="downImg" style="cursor: pointer;text-align: center;color: cadetblue...

2020-03-25 09:56:58 401

原创微信小程序生成二维码的插件，基于base64编码输出二维码，不依赖画布

dom链接wxml:<image src="{{qrcodeURL}"> </image>js://引入二维码插件const QR = require('../../utils/weapp-qrcode.js')//调用var imgData = QR.drawImg(url, { typeNumber: 4, errorCorrectLevel:...

2020-03-24 16:46:46 649

原创 js,html在safari浏览器中兼容问题及解决方法记录

1.在safari中非点击元素的标签不能触发自动点击比如div span a标签等解决方法：1.只有input和button元素在所有浏览器中有点击事件（最简单的办法，使用这两个元素代替）2.使用dispatchEvent来触发dispatchEvent2.a标签在safari中无法下载解决方法：1.标签不能加display:none;2.用事件冒泡触发，参考问题一3.in...

2020-03-23 13:29:05 2427

原创解决小程序中使用webview 返回按钮需要点击两次才能返回

在开发小程序中，碰到使用web-view标签进入活动页，在返回时需要点击两次才能返回小程序，查了很多文档，通过验证找到了解决方法1.出现原因通过小程序社区以为也是加了#wechat_redirect导致于是把参数去掉进行测试，发现还是要点击两次才能返回，猜测应该是链接里面别的重定向导致2.解决方法在百度上查找了很多相关的解决方法，但是测试都没生效，不过天无绝人之路，还是在一位大佬的博客...

2020-03-22 13:10:42 6108

原创 css毛玻璃效果

效果-------------------------------------代码--------------------------------------1.html<div class="mc-browse"></div>2.css.mc-browse{ width: 10rem; height: 5.33rem; backgrou...

2020-03-19 16:00:47 97

原创小程序使用websoket

1.定义全局对象//在app.js中定义全局对象 globalData: { soketObj: {} }2.封装创建soket方法 connectSoket: function (callback) { //url-需要后端提供链接地址进行推送 let sessionId = getApp().globalData.userInfo.session_id, ...

2020-03-19 13:57:48 252

原创小程序常见问题和方法

1.本地储存和取值//储存值saveData: function (e){ let value = e.detail.value; wx.setStorageSync('wechat', value)}//在需要的页面取值let quzhi = wx.getStorageSync('wechat');this.setData({ quzhi: quzhi })2.在wxml...

2020-03-19 11:25:16 178

原创小程序，js的canvas绘制方法封装

小程序绘制1.wxml结构<view id='canvas_box' class='canvas_box'> <canvas canvas-id="canvas_cover" class="canvas_cover" ></canvas></view>2. 引入base64.js

2020-03-18 16:37:06 369

原创数组常用api

数组常用api1、splite(' ')可以将字符串按某个字符或者其他分割。返回数组。2、reverse()该方法会改变原来的数组，而不会创建新的数组。此函数可以将数组倒序排列。3、join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔方法join(' ');4. slice() 方法可从已有的数组中返回选定的元素。5.Math.max....

2020-03-18 15:19:28 107

原创 echarts常用API记录

折线图 1.将折现变为曲线 smooth:true; 2.给x轴或y轴设置分隔线 splitLine; 2.不显示刻度 axisTick show:false; 3.控制轴线的样式 axisLine; 4.控制轴线对应的字体样式 axisLabel; 5.控制分段（分割点） axisTick; 6.控制轴数据以分隔多少来展示 interval; 7.控制分隔区域的填...

2020-03-18 15:12:20 597

原创 H5公众号常见问题

隐藏h5右上角按钮//方式一 function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventLi...

2020-03-18 15:01:03 208

原创长图情况下，鼠标移入上滑或下滑显示剩余部分

html<div class="item-img"> <div class="pic" style="top:0;"> <img :src="item.cover" style="display: block;width:100%;height:auto;"> </div> <div class="up...

2020-03-18 14:49:11 245

原创 js，vue常见问题和方法记录

1.动态控制元素高度时如何让滚动条同步在底部//选中元素var content = document.getElementById('content'); setTimeout(function(){ //高度变化后执行操作 content.scrollIntoView(false) })2.获取当前日期时间返回格式 2020-03-18 11:52:10getNowF...

2020-03-18 14:30:33 235

原创 vue + JS气泡滚动效果

效果图1.html结构<div id="notice-info"> <div id="list"> <p class="cont" v-for="item in listData" :key="item"> <span style="color:' + (randomColor(index)) + ';">' + item....

2020-03-18 11:48:07 1675