小七Plus-CSDN博客

原创根据月份获取每月一号时间戳

小程序中知道月份，根据月份获取每月1号的时间戳 var that = this; var currentDate = new Date().getTime(); let date = new Date(currentDate); var y = date.getFullYear(); // var m = date.getMonth() + 1; //获取到的月份 var m = parseInt(this.data.monthArr[e.detail

2020-12-31 14:28:41 1150

原创微信小程序分享功能，自定义分享图片，分享页面无法返回问题

微信小程序右上角分享功能，自定义分享页面图片，以及分享页面无法返回首页问题通过商品详情页面分享，先跳转到首页，在首页onload周期跳转到商品详情页onShareAppMessage: function () { return { title: this.data.detailDatas.storeName, //根据自己需求 path: '/pages/index/index?id=' + this.data.id, // imageUrl: this.da

2020-12-05 14:46:38 985

原创原生js实现放大镜效果

我们在逛pc端商城时，鼠标放到商品上经常会看到一个类似放大镜效果的蒙层，<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0px; padding: 0px;

2020-12-02 15:52:01 168

原创旋转相册动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>旋转相册</title> <style> * { margin

2020-12-02 14:39:39 80

原创获取简单验证码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简单验证码</title></head><body> <input type.

2020-12-02 14:02:45 200

原创行走的时钟动画

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>时针转动</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { margin

2020-12-02 13:48:41 320 2

原创超酷CSS3盒子3D旋转效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>盒子反转</title> <style type="text/css"> body{ perspective: 600px; } .box{ position: relative; width: 300px; height: 300px;

2020-12-02 13:41:12 160

转载微信小程序知道经纬度获取详细地址

//已知的经纬度 var latitude = this.data.latitude; var longitude = this.data.longitude var key = 'FK4BZ-VQSCK-XQGJQ-AUH4M-MXST3-OLFQQ' //写自己申请的key wx.getLocation({ success: function (res) { wx.request({...

2020-11-28 13:49:03 807

原创小程序进入首页时弹出广告

项目需求，判断用户是否开通会员，没开通会员的话每次进入小程序弹出一个引导开通会员的弹窗，已经开通会员的不在弹先看下效果图wxml代码  <view class="mask" hidden="{{showAd}}"> <view class="AdView-mask" animation="{{animationData}}"> <image class="mask-img" src="https://adminapi.s

2020-11-20 11:27:51 6161 4

原创小程序扫码开门建立WebSocket连接

最近在做一个自动售货机小程序，扫码开门，选购完商品后关门结算，需要使用到WebSocket连接，根据WebSocket下发的指令进行逻辑处理小程序页面内扫码 // 判断是否登录 if (!app.globalData.token || !app.globalData.userInfo) { console.log(11112); wx.navigateTo({ url: '../login-wx/login-wx'

2020-11-20 11:06:17 649 1

原创小程序navigateTo和redirectTo的区别,一直返回上一个页面解决思路

最近做的小程序项目，之前跳转用的全是navigateTo，点击左上角返回按钮时，一直返回上一个页面，有些业务逻辑可能不需要返回上一个页面，比如：商品列表 → 商品详情 → 购物车 → 确认订单 → 订单详情或者其他。如果使用navigateTo的话订单详情页面就会返回到确认订单页面，而我们订单完成后希望它返回的是购物车页面，这个时候就要使用到redirectTo了。修改前的先说下navigateTo和redirectTo最主要的区别1.wx.navigateTo 和 wx.redirectTo 都

2020-11-19 11:38:39 10642 1

转载单线程与多线程的区别

转载于：https://blog.csdn.net/hr10230322/article/details/78642898总结：1、多线程间并行，是一个进程中的多个执行流，可理解为将一个大任务拆分出的多个子任务。2、多线程适用场景 1）存在需要等待IO、网络或其他外部资源的任务。当前等待其他资源却依旧占用CPU的线程可让出CPU，让其他线程执行，大大提高了程序效率，充分利用了CPU资源。 2）存在长时间占用CPU的任务。CPU以时间片为单位分配给各个线程，一个周期内各个线程都可以得到执行，而

2020-11-18 14:42:38 1177

原创微信小程序搜索，搜索历史，清除搜索历史，以及点击搜索历史实现搜索功能

wxml页面<view class="search-header"> <view class="search-wrap"> <image src="../../images/icon_sous2.png" class="search-icon" bindtap="searchFn"></image> <input bindinput="searchText" value="{{searchValue}}" class="search-inpu

2020-11-18 13:15:24 2124 5

原创微信小程序分页功能实现

先在data里定义当前页，每页条数，全部总条数在wxml页面遍历cartListDatas data: { page: 0, //当前页 pages: 10, //每页条数 total: 0, //q全部总条数 cartListDatas: [], },请求接口数据 // 获取数据 getCartList(isMerge) { var deptId = wx.getStorageSync('deptId') var pages =

2020-11-18 11:38:04 2854 4

原创小程序根据接口数据的某一个值对数据排序

自己项目中让热搜的商品在最前面展示//接口请求成功后 if (res.data.code == 200) { //定义一个比较器--降序排列 function compare(propertyName) { console.log(propertyName) return function (object1, object2) { var value1 = object1[propertyName];

2020-11-11 10:08:13 520

原创微信小程序时间戳转日期，日期格式自己随意更改

建一个util.js//数据转化function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n} /** * 时间戳转化为年月日时分秒 * number: 传入时间戳 * format：返回格式，支持自定义，但参数必须与formateArr里保持一致*/function formatTime(number,format) { var formateArr = ['Y','M','D',

2020-11-04 10:26:09 2485

原创小程序接口数据是字符串数组的通过循环转数组在遍历

小程序接口数据是字符串数组的通过循环改变返回的数据类型再进行遍历转换后数据代码 wx.request({ url: app.globalData.api + `/orders/orderList?page=${page}&size=${pages}`, header: { 'Content-Type': 'application/json;charset=utf-8', 'token': token }, method: 'POST',

2020-11-04 10:04:28 1170

原创微信小程序弹框wx.showToast、wx.showModal样式修改

wx.showModalwx.showToast({ title: '失败',//提示文字 duration:2000,//显示时长 mask:true,//是否显示透明蒙层，防止触摸穿透，默认：false icon:'success', //图标，支持"success"、"loading" success:function(){ },//接口调用成功 fail: function () {

2020-11-03 16:38:15 10117 1

原创 vue组件间通信的六种方式

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、emit/emit/emit/on、vuex、$parent / children、children、childr

2020-06-30 15:41:40 116

weixin_45334111的博客