芒果大胖砸-CSDN博客

封装全局指令在main.js中Vue.directive( 'drag', (obj, binding) =>{ obj.onmousedown = function(el){ var left = obj.offsetLeft; var top = obj.offsetTop; var width = obj.offsetWidth; var height = obj.offsetHeight; //计算出鼠标的位置与元素位置的差值。 var

2021-12-16 17:40:26 287

原创 uniapp 开发微信小程序出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

这个其实是由于JSON.parse无法识别某些url中的特殊字符比如&等特殊符号造成的解决办法：uni.navigateTo({ url: '../confirmOrder/confirmOrder?data='+encodeURIComponent(JSON.stringify(data))// 传参});接受页面onLoad(option) { // 接收数据 this.datainfo = decodeURIComponent(JSON.parse(option.dat

2021-12-15 15:56:52 5734

原创 uniapp 开发微信小程序如何授权用户信息

<template> <view class="content"> <view @click="wxGetUserInfo"> 授权信息</view> <button class="bottoms" type="primary" open-type="getPhoneNumber" withCredentials="true" lang="zh_CN" @getphonenumber="getPhone

2021-12-10 18:32:07 492

原创 js uniapp开发如何把分钟数转换为多少小时多少分钟

<template> <view class="content"> <view>{{toHourMinute(duration)}}</view> </view></template><script> export default { data() { return { duration:100 // 分钟数 } }, onLoad() { console.log(thi

2021-12-09 10:32:34 833

原创 uniapp 开发微信小程序怎么调取微信支付？

微信小程序支付：res是后端返回的数据详情官方文档请参考 https://uniapp.dcloud.io/api/plugins/payment?id=requestpaymentuni.requestPayment({ provider: 'wxpay',// 服务提供商 timeStamp: res.data.data.result.timeStamp,// 时间戳从1970年1月1日至今的秒数，即当前的时间。 nonceStr: res.data.data.re

2021-12-08 14:20:52 401

原创 uniapp开发微信小程序如何调取自带的地址管理获取用户收货地址

handleChoiceAddress(){ let that = this // 1 获取权限状态 wx.getSetting({ success:(result)=>{ //2 获取权限状态当属性名比较怪异时，都要使用[]形式来获取属性值 const scopeAddress = result.authSetting['scope.address'] if(scopeAddress ==true ||scopeAd

2021-12-07 15:34:31 2695

原创 uniapp开发微信小程序如何在小程序中跳转别的小程序

跳转的目标小程序要上线才能跳转过去uni.navigateToMiniProgram({ appId: 'wxd87fa195760dc0bb', // 跳转目标小程序的id path: 'minepage/entryPlatform/entryPlatform', // 目标小程序的页面路径 extraData: { // 需要携带的参数 'data1': 'test' }, success(res) { // 打开成功 } })在manifest.jso

2021-12-03 10:33:24 2835

原创 uniapp如何接入微信小程序客服？

按钮标签的open-type="" 设置为contact 就行具体内容详情https://uniapp.dcloud.io/component/button<button open-type="contact" ></button>关于如何在其他地方能点击出发button的问题其实可以用定位解决例如.serveimg{ position: fixed; top: 850rpx; right: 23rpx; width: 115rpx; height:

2021-12-02 13:39:14 2342

原创 uniapp开发微信小程序如何分包？

创建分包名在pages.json中创建注意 root中是包名，创建完成以后在包名上右击以后就可以默认创建页面到当前分包当中了"subPackages": [ { "root": "minepage", "pages": [], }, ],

2021-11-30 17:33:22 81

原创 vue uniapp如何将一个一维数组变成一个二维数组？自定义切割数组长度

如何将一个一维数组变成一个二维数组lengthlsit(str,length) { // str:需要切割的数组，length需要切割的长度 //获取要切割的数组的长度 var length= parseInt(length); //如果长度小于要划分的长度，返回原数组 if (str < length){ return [str]; } var groups = []; //拆分成的二维数组的个数

2021-07-22 16:46:42 1848

原创 uni-app中如何对图片进行放大预览？

这个地方可以用到uni-app中的uni.previewImage https://uniapp.dcloud.io/api/media/image?id=unipreviewimageobject<image v-for="(itemimg,indexk) in item.images" :key="indexk" @click="pictureView(index,item.images)" :src="itemimg"></image>methods:.

2021-07-21 14:49:14 1561

原创 uni-app中如何实现自定义的时间段选择器

具体的实现方法就是使用小程序中的picker-view组件注意：pop是我引入的一个弹窗组件<pop ref="pops" :direction="directions" :is_close="true" :is_mask="true" :width="100"> <picker-view v-if="visible" :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="pi.

2021-07-21 14:34:55 3505 1

原创 css中flex弹性布局多行，并且下面空余的挨着

如果想要多行弹性布局只需要在父级设置这几个参数就好了，里面的子元素设置30%的宽度 display: flex; flex-flow:row wrap; justify-content: space-between;.content-ico{ width: 100%; height: 440rpx; background: #fff; border-radius: 20px; display: flex; flex-flow:row wrap; justify-c

2021-01-28 14:56:32 1510

原创解决uni-app软键盘弹起以后遮住底部input框问题

解决方法：:adjust-position=“true” 设置为true就好了<input class="solid-bottom" :adjust-position="true" :focus="false" maxlength="300" cursor-spacing="10" @focus="InputFocus" @blur="InputBlur"></input>

2021-01-26 14:42:47 3055 1

原创 web前端学习的最全笔记，前端大牛都看烂了你还不快来看看？？

最全面的前端基础知识整理链接 https://download.csdn.net/download/w161513820/13992079

2020-12-31 13:56:56 309

原创 uni-app 生命周期页面生命周期，应用生命周期，组件生命周期的区别

在uni-app中生命周期总的来说一共有三种类型页面生命周期，其实就是小程序页面当中的生命周期。页面生命周期onLoad监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）onShow监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面onReady监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发onHide监听页面隐藏onUnload监听页面卸载onResize监听窗口尺

2020-12-31 13:48:30 1184

原创 uni-app 微信小程序如果做上拉分页效果

在对多条数据的时候如何去做翻页的效果呢，主要是利用到生命周期中的onReachBottom，当下拉到底的时候就会触发这个生命周期。接口中对于传递给后台的页码就可以动态的去传参就行了，举例：这是我的接口方法 data() { return { UserFoot: [], page:1, // 页码 } }, methods: { //用户足迹 getUserFoot(pages) { let _this = this // sho

2020-12-31 13:20:11 740

原创 uni-app 微信小程序如何使用锚点定位 scroll-into-view

点击切换实现锚点定位在微信小程序中是没有办法使用a标签来实现锚点跳转这个功能的。但是呢也有很多办法可以解决。按钮的代码就是一个点击然后传参，参数就是需要跳转的id属性，特别注意的是SkipSite 最好动态传参，可以参考我下面的代码<scroll-view scroll-y='true' :scroll-top="scrollTop" :scroll-into-view="SkipSite" class="groupPurchase_main" style="flex: 1;overflow-y

2020-12-30 18:53:27 2447 1

原创 js当中可以这样截取富文本中的所有图片或者第一张图片

对于富文本中的图片截取操作可以使用正则匹配以后截取出来，截取富文本中所有的img图片。代码fn(richtext) // 截取富文本img方法 function fn(str){ var data = []; str.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, function (match, capture) {

2020-10-13 14:38:19 2629

原创 ntd-desgin-vue中的时间插件默认值显示Invalid date 解决办法

对于ant-design的一些问题我早已经见怪不怪了，但是对下班已经遥遥在望的时候，这个问题给了我当头一棒。第一反应这是啥玩儿？首先看vue的生命周期当中难道是没赋值嘛，看了下没问题，然后直接去data当中赋值，发现并没有出现问题。在mounted看了下数据，分析了一下可能是先判断了data有没有数据，如果没有数据就导致报错了。解决方法就是加一个v-if判断一下就行了这个问题就解决了，下班...

2020-09-18 18:57:43 4079

原创写一个方法根据不同时间弹出不同提示信息

根据当前时间弹出不同的提示信息function timeFix() { const time = new Date() const hour = time.getHours() return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'}...

2020-09-16 17:51:39 498

原创 js如何获取转码后的路由参数

js当中怎么获取被转码以后的路由信息，以下是把代码直接封住成了一个方法方便实用function getParam(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //decodeURIComponent解码 window.location.search 获取页面url的地址 let r = decodeURIComponent(window.location.search).subst

2020-09-16 17:47:53 387

原创 ant design vue 表格选中项判断是否是取消还是选中状态

效果只需要用表格自带的属性onSelect就可以判断是点击选中还是取消选中 onSelect: (record, selected, selectedRows, nativeEvent)=>{ // 判断是选中还是取消选中 if(selected == true){ console.log('选中') }else if(selected == false){

2020-09-16 17:42:14 4494 1

原创如何在ant design vue table 表格当中一格放入多个参数字段

效果如图有时候会遇到一个格子里面需要放入多个字段的情况并且还要判断类型不同显示的内容不同的情况，代码如下：<span slot="actions" slot-scope="text" class="table-btn-box"> <template id="payTypes"> <ul> <li v-show="text.payType == '银行卡'">持卡人姓名 : {{text.car

2020-09-13 11:01:19 5645

原创 Ant design pro 怎么把日历英文改为中文？？？国际化

这两天用ant design pro 发现了一个问题使用日历组件的时候里面居然是英文状态。看了官方文档说的是把默认语言改为zh-CN就行了，但是居然没有效果这个鬼东西依然我行我素，冒着砸键盘的心态找遍了整个文档也没有发现有用的问题。突然脑袋就像野比大雄附体一样看到了问题所在怎么这个地方有个en-US难不成是因为里面有个地方把语言存在了本地存储？顺着这条线索找到了这个地方这个文件在src/core/bootstrap.js下面把本地存储改为zh-CN 然后清空本地存储以后运行代码，果然不出我的锁

2020-07-30 15:25:46 2139

原创用js写一个简单的贪吃蛇

这是一个很简单的小游戏，看看谁能在不修改速度的前提下玩多长吧，贴图在评论里比一比<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,

2020-07-20 17:51:00 244

原创 layer.msg layui弹出层失效咋搞??

设置一个textarea字数限制超过以后弹出提示信息，并且不会刷新内容。做完以后发现提示框死活不出来，查了下好像说是因为层级太低了，反正最后的解决办法就是 return false; 就行了。form.on('submit(edit)', function (obj) { if($("#Text").val().length>=180){ layer.msg('字数超过180字啦') return false; }}）；...

2020-07-09 15:29:26 4048 2

echarts 绘制的全国地图三级联动 点击放大效果 省县乡更新过后的最新地名

空空如也

echarts 绘制的全国地图三级联动点击放大效果省县乡更新过后的最新地名