- 博客(28)
- 收藏
- 关注
RSS订阅原创 js判断图片链接是否有效
=。=function checkImgExists(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image(); ImgObj.src = imgurl; ImgObj.onload = function(res) { resolve(res); } ImgObj.onerror = fun
2022-03-07 17:20:18
520
原创 vue this.$router.go(-1) ios不生效问题。
首先需要确认一下路由是否使用了 history 模式，如果是的话，使用原生的 history.back(-1) 或 history.back() 试试。history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退window.location.reload(); //刷新 window.history.go(1
2021-08-06 16:49:58
2783
原创 vue 使用vant UI框架
vant组件的引入方式vue2.0引入1.全局导入所有组件注意：配置 babel-plugin-import 插件后，将不允许以这种方式导入组件在main.js里面写入import Vue from 'vue'; import 'vant/lib/index.css';// 引入所有import Vant from 'vant';Vue.use(Vant);// 引入单个import { Button } from 'vant';Vue.use(Button);2.局部引入组
2021-04-22 17:51:46
430
原创 vue中使用@路径别名
1. 直接使用@vue项目中默认定义了@别名 ， @代表着到src这个文件夹的路径import request from '@/utils/axios'2. vue.config.js配置没有path模块需要先安装pathnpm install path --saveconst path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports =
2021-04-22 10:41:14
597
原创 js 时间戳转时间格式
前端开发过程中，常常需要将时间戳转化为标准时间格式供用户浏览。function formatTime(timestamp) { var date = new Date(timestamp) var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var seco
2021-04-21 09:17:52
386
原创 微信小程序 设置 backgroundColor 无效的问题
当我们在小程序中设置backgroundColor 时，没有效果，页面还是白色，因为backgroundColor 指的是窗体背景颜色而不是页面背景颜色{ "usingComponents": {}, "backgroundColor": "#eb631d", "enablePullDownRefresh": true}backgroundColor 窗体下拉刷新或上拉加载时露出的背景????如果要设置页面背景颜色，得在 wxss 中自定义样式，如下：page { backg
2021-04-02 16:38:31
3949
原创 微信小程序 自定义导航栏
在app.json的window对象中定义导航的样式"window":{ "navigationStyle": "custom"},在app.js的onLaunch方法里面获取手机状态栏高度，全局定义导航高度navH // 获取手机系统信息 wx.getSystemInfo({ success: res => { console.log(res) //导航高度 this.globalData.navH = re.
2021-03-31 10:27:31
116
原创 js 判断对象是不是空对象
将对象转化为json字符串，再判断该字符串是否为"{}"let data = {};let res = (JSON.stringify(data) == "{}")console.log(res) //true
2021-03-26 14:55:08
192
2
原创 微信小程序 识别身份证，银行卡
微信小程序实现 身份证，银行卡…识别OCR 识别购买成功后在 设置 插件中添加，详情中查看使用方法–开发文档开发文档中的代码直接使用就可以了
2021-03-19 15:09:22
3007
原创 微信小程序 防抖和节流
防抖延迟函数执行不管函数触发了多少次，只有在最后一次触发函数后，走完 setTimeout，再执行。节流n秒内，第一次触发函数并执行，以后 n秒内不管触发多少次，都不执行。直到下一个n秒，第一次触发函数并执行，这个n秒内不管函数多少次都不执行。...
2021-03-05 10:14:50
566
2
原创 微信小程序 使用百度地图的api
// 引用百度地图微信小程序JSAPI模块var bmap = require('../../utils/bmap-wx.min.js');Page({ data: { // 这个值是在百度地图平台api中申请的。 ak: "zd0GVW0Hg3R1kGMSWkOQZXuyo406h0id", latitude: 23.099994, //纬度 longitude: 113.324520, //经度 address: '', //地址
2021-03-03 15:32:49
1075
2
原创 微信小程序 wx.makePhoneCall 的坑
小程序联系客服 需要拨打电话，在 安卓 会直接跳转到拨号界面，所以需要写一个弹框，但是在 ios 会自带一个弹框，就导致双弹框问题。所以就验证是不是 ios，时 ios 的话直接调用 api，不用显示ui模板了，let isIphone = app.globalData.systemInfo.model.search('iPhone') != -1 ? true : false if(isIphone) { let servicePhone = index wx.ma
2021-03-01 15:59:16
919
5
原创 微信小程序 webview应用+网络校验
1. 创建 webview 的文件2.wxml这里做了个是否有网络的验证 <view wx:if="{{isNonetwork == false}}"> <web-view src="{{lick}}?u={{userId}}" ></web-view> </view> <view wx:else> <view class="noChong">网络不给力，请重新加载</view>
2021-02-23 16:41:29
406
原创 微信小程序 查询关键字标红
wxml<block wx:for="{{item.title}}" wx:key="*this" wx:for-item="items"> <text wx:if="{{items.key == true}}" style="color:red;">{{items.str}}</text> <text wx:else>{{items.str}}</text></block> jslet
2021-02-23 15:18:12
907
2
原创 微信小程序 canvas压缩图片
app.Upload.imgCompress({ 'files': [this.data.imgSrc], 'canvasId': 'canvas', 'that': this }).then(res => { console.log(res) // [url,...] })/** * canvas 压缩图片 * @param files 图片url集合 * @pa
2021-01-21 18:49:48
219
原创 微信小程序 获取节点的位置和信息+设置滚动条的位置
微信小程序获取节点的位置和信息+设置滚动条的位置let query = wx.createSelectorQuery() query.select('#scroll').boundingClientRect() query.selectViewport().scrollOffset() query.exec(function (res) { console.log(res) // res[0].top // 节点的上边界坐标 /
2021-01-19 14:15:54
2195
原创 微信小程序 IOS new Date()获取时间格式不兼容
开发小程序过程中，new Date(‘2020-1-1’)在IOS下是不识别的。IOS不识别 2020-03-14 这种格式的时间，它识别 2020/03/14 这种格式，而且这种在IOS和安卓都兼容。let date = new Date('2020-1-8'.replace(/\-/g, '/')).getTime();console.log(date) ...
2020-11-03 10:23:17
740
原创 微信小程序 携带参数返回上个页面
let src = '123456789'let pages = getCurrentPages(); //获取当前页面pages里的所有信息。 let prevPage = pages[pages.length - 2];//prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。prevPage.setData({ // 将我们想要传递的参数在这里直接setData, 上个页面就会执行这里的操作。 imgSrc: src,
2020-10-27 18:04:50
181
原创 vue input自动聚焦 v-focus
使用 v-focus指令实现自动聚焦<input v-focus >export default{ data(){ return{ } }, directives:{ focus:{ inserted:(el)=>{ el.focus() } } },}
2020-09-29 17:27:45
3235
原创 vue 解析后台返回的二维码图片数据流、乱码
vue 解析后台返回的二维码图片数据流、乱码1解析 // 将请求的数据返回类型设置为blobthat.$http.post('路径','{传参}',{responseType:'blob'}).then( res => { // 解析得到url就可以正常使用了 let url = window.URL.createObjectURL(res.data); this.imgUrl= url}).catch( err => { console.log(err)})2使用&
2020-09-17 15:46:09
1512
2
原创 vue 使用md5加密加盐
npm安装：npm install --save js-md5方法1// 引入import md5 from 'js-md5';// 使用：md5('holle') // bcecb35d0a12baad472fbe0392bcc043方法2import md5 from 'js-md5';Vue.prototype.$md5 = md5;// 使用：this.$md5('holle') // bcecb35d0a12baad472fbe0392bcc043加盐方法// 加盐
2020-09-17 14:30:33
2550
3
原创 vue 生成海报+二维码
生成二维码：qrcode.js 插件// 生成二维码的方法qrcode () { let that = this; let qrcode = new QRCode('qrcode', { width: 80, height: 80, // 高度 text: 'http://www.baidu.com', // 二维码内容 // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas） // bac
2020-09-16 18:08:13
733
原创 vue 获取元素距离页面顶部的偏移值
// 获取元素let div = document.getElementsByClassName('goods_detail')[0]// 获取scrollToplet div_scrolltop = div.offsetTop
2020-09-08 14:10:44
2383
原创 vue 监听滚动条事件
定义监听滚动条的方法mounted () { window.addEventListener('scroll', this.handleScroll, true) },// 保存滚动值，这是兼容的写法 handleScroll () { let x_scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop if(x_scrollTop
2020-09-07 18:19:58
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人