z1010017573的博客

原创 vue 使用vant van-dialog 报缺少name

vue 使用vant van-dialog 报缺少name

原创 vue数组去重 数组对象去重

常见普通数组去重利用Es6 Set去重unique(arr){ return Array.from(new Set(arr)) },利用filterunique(arr){ return arr.filter((item,index,arr)=>{ return arr.indexOf(item,0) === index; }); },利用双for循环，然后solice去重unique(arr){

原创 vue配合antd上传多张图片

html代码<h2>图片</h2> <div class="content"> <a-upload action="https://xxxx" list-type="picture-card" :file-list="fileList" @preview="handlePreview" .

原创 简单使用antd vue Anchor锚点

antd的anchor组件在点击锚点后会修改URL，而单页应用中如果使用哈希模式的路由，当URL被修改后，刷新页面会导致当前路由没有定义而出现404的情况。<template> <header id="top"> </header> <article id="cont"> </article> <a-anchor :affix="false" @click="handleAnchorClick">

转载 Uni-App 微信小程序接入微信支付

微信小程序用的是 JSAPI 方式，在前端，把商品信息传到后台，后台创建订单，然后调用统一下单接口，然后打包一个数据包给App调起微信支付要准备一下资料：1. 微信公众号认证，并开通微信支付。2. 小程序绑定微信支付（小程序管理后台左侧点微信支付，然后按提示操作）3. 获取开发必要参数开发参数包含：APPID：小程序 appIDMCHID：商户号KEY：商户支付密...

原创 vue ios返回上一个页面后不刷新问题

created() { var _this = this; var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; var isIOS = !!u.matc...

原创 websocket vue使用

data(){ return{ websocket: null, }}created() { localStorage.setItem('root', process.env.API_ROOT);},mounted(){ //页面刚进入时开启长连接 var socketUrl = localStorage.getItem('...

原创 微信小程序不授权的情况下获取头像昵称

<open-data type="userAvatarUrl"></open-data> //头像<open-data type="userNickName"></open-data> //昵称open-data文档

转载 解决vue项目iOS点击两次调起iOS键盘问题

前几天项目碰到个iOS点击输入框轻轻点击输入框调用不起键盘，需要点击好多次才可以。最后在网上查询了好多资料才得以解决。进入正题，第一步查看是否安装了fastclick插件，就是看一下package.json文件有没有。如果么有就安装一下。命令如下：cnpm install fastclick --save第二步：在main.js文件...

原创 vue禁用分享，开启分享

分享 加showOptionMenu 可以把禁用的分享开启import wx from 'weixin-js-sdk'methods: {// 分享 async Share() { var _this = this; let rs = await this.$post('', { }) if (rs.code === '0...

原创 微信小程序自动更新

//检查是否存在新版本 wx.getUpdateManager().onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log("是否有新版本：" + res.hasUpdate); if (res.hasUpdate) {//如果有新版本 // 小程序有新版本，会主动触发...

转载 vue控制物理返回键

//1、挂载完成后，判断浏览器是否支持popstateif (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false);...

转载 ios还原窗口

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/QiuMenglin_/article/details/89493689// ios还原窗口function selectBlur() {setTimeout(function () {...

原创 宽度自动补全

1.使用calcwidth:calc(100% - 45px) ;2.使用flexul { width: 100%; position: relative; display: flex; flex-direction: row; overflow: hidde...

转载 在H5页面中禁止微信分享转发按钮

在H5页面中禁止微信分享转发按钮（mugeda）在页面脚本中插入以下代码方法一: 加一段js代码document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');});方法二：设置微信jssdkwx.config...

原创 git拉取推送克隆报错

我平时都是使用Sourcetree的，今天手贱就更新了一下，然后就开始出问题。起初以为是更新的问题，后来用命令行还是不行，老提示我缺少一个文件。然后就全部删除，重新克隆， 还是不行，提示 克隆成功，但签出失败。感觉莫名其妙，捣鼓了老半天，各种度娘终于找到了问题所在。那会在master上直接改过东西，先提交再拉取，有时候就出问题了，然后就上不上下不下 ，拉取推送都不行。后面发现有...

原创 解决微信H5自定义分享在IOS下失效的问题

最近做微信分享的时候遇到的一个问题，安卓分享无问题，但是ios报错invalid signature，必须得刷新一次，才可以正常分享，然后网上查了查相关问题，试了很多办法才发现问题所在。主要原因：IOS：每次切换路由，SPA的url是不会变的，发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url)Android：每次切换路由，SPA的url是会变的，发起签名请求...

原创 解决动态加载swiper,默认显示最后一个swiper-slide

捣鼓了老半天！说白了还是生成的时候会在.swiper-wrapper 添加一个style，只要把它顶掉就行了<div class="swiper-container"> <!-- box1 --> <div class="swiper-wrapper box1"> <!-- class="swi...

转载 js禁止原生手机返回键（物理返回键）

原文链接：https://www.cnblogs.com/duanzb/p/9489047.html$(document).ready(function() {　　if (window.history && window.history.pushState) {　　　　$(window).on('popstate', function () {　　　　　　 wi...

转载 Web开发者需要知道的CSS Tricks

原创 腾讯地图实时精准定位

最近写项目的时候遇到一个问题，需要用到实时定位，H5页面怎么实时定位。然后就是各种百度和文档，试用了很多方法，都不太理想，终于找到一个比较中肯的方法。我用的是腾讯地图，使用的话去腾讯地图注册账号申请一个开发秘钥就可以使用了。我就截取一部分我的代码。 //设置Marker自定义图标的属性，size是图标尺寸，该尺寸为显示图标的实际尺寸，origin是切图坐标，该坐标是相对于图片左上角默...

原创 移动端开启检查Vconsole

1，安装 ：npm install Vconsole2，在main.js引入import Vconsole from 'vconsole'const vConsole = new Vconsole()Vue.use(vConsole)就可以使用了，不需要的时候注释就行

原创 vue使用腾讯地图

vue使用腾讯地图最近项目需要用腾讯地图，可能有点乱，将就看吧，写一些可能用到的主要功能吧，直接上代码，参数不懂得看文档获取定位需要改为https，不然获取不到我是直接在index.html里引入的<body> <div id="app-box"></div> <script charset="utf-8" src="ht...

原创 实现ip地址访问本地vue项目

1，查看当前ipwindow+R cmd 打开命令提示符 输入 ipconfigmac:ifconfig2，在config里index找到host 修改为 ‘0.0.0.0’然后重启项目就可以了

原创 检测设备方向

//处理方向 window.addEventListener("deviceorientation", handleOrientation, true); function handleOrientation(event) { var absolute = event.absolute; var alpha = event.alpha;//值表示设备围绕z...

翻译 页面滚动穿透解决方案

问题移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。这是封装的一个方法，StopBodyScroll: function (isFixed) { try { var bodyEl = document.body; if (isFixed) { var top = window.scrollY bodyEl.style....

转载 检测当前设备是移动端还是pc端

function browserRedirect() {var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";...