weixin_44936767的博客

【代码】微信小程序之解决时间段组件，苹果手机带上午或下午的情况，导致时间存储失败问题。

【代码】微信小程序提前验证授权。

微信小程序startLocationUpdateBackground()简单实现骑手配送位置

前言：2.9.0 起支持一套新 Canvas 2D 接口（需指定 type 属性），同时支持同层渲染，原有接口不再维护参考文档：https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html<!-- 海报 --><view catchtouchmove="preventTouchMove" class="canvasMain" hidden="{{!posterDatas.show}}"> .

前言：如上图所示，有的手机底部自带导航特殊导致按钮去导航重叠解决方法：isIpx ==true 重定义高度即可，视情况而定 /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () { var that = this; // 获取页面的有关信息 wx.getSystemInfo({ success: function (res) { // 根据 屏幕高度 ...

第一种：支持不在微信生态内跳转 <?php $data = '{ "jump_wxa": { "path": "/pages/user/user-zhuye/user-zhuye", "query": "id=' . $detailId . '",

/** * 处理输入的数字替换为******** */var sub = function (str) { var phnumAfter = str; // 拉取当前文本输入的数字 var strc = str.replace(/[^0-9]/ig, ""); //替换输入数字中的文字 if (strc) { phnumAfter = "*"; str = str.replace(strc, phnumAfter); } return str;}mo.

JSSDK参考文件！！！一、注意查看引入JS的版本，版本，版本！！！！！！引用1.6，引用1.6，引用1.6！！！！：http://res.wx.qq.com/open/js/jweixin-1.6.0.js如果不引用1.6会出现什么情况：开放标签列表不显示,所以导致按钮不显示二、使用script还是template问题如果单纯只是html使用<script type="text/wxtag-template">，vue使用template三、wx.co.

参考文章：php 使用redis锁限制并发访问类var util = require("../../utils/util.js");var app = getApp();Page({ /** * 页面的初始数据 */ data: { }, //初始化点击次数变量 shezhi: 0, //去支付 onShoppinglist: function (e) { var that = this;

一、使用QQ地带Emoji表情代码大全参考链接：小程序中如何使用Emoji表情 - Jo太郎 - 博客园如何使用：index.js// index.js// 获取应用实例const app = getApp()Page({ data: { emoji: '☀-☔-????-????', emojiArr: ['01', '02', '03', '04'], motto: 'Hello World', emojis: [], isEmoji

例如：点击主页面是index进入子页面listlist页面onUnload进行监听 onUnload() { //getCurrentPages 获取当前的页面栈 var pageList = getCurrentPages(); var prevPage = pageList[pageList.length - 2]; //获取前一个页面 if (prevPage) { prevPage.reload(); //调用前一个页面的function;

一、php安装扩展组件Swoole参考连接二、配置linux服务器在站点的配置文件中#SSL-END下面添加代码location /wss/ { #通过配置端口指向部署websocker的项目 proxy_pass http://127.0.0.1:9205/; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgr...

var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; var n = timestamp * 1000; var date = new Date(n); //年 var Y = date.getFullYear(); //月 var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1.

参考使用的是微信小程序WeUI组件emoji这个是组件返回的一次文本和图标的参数，怎么存入数据库，并且表情和图片的位置对应上，是个问题！！！！！存入数据库思路：具体代码自己写吧，就不贴了，数据库结构贴出来1、建立两张表2、表a_biaoqing（当前整个评论）：member_id（当前评论的会员ID）3、表a_biaoqing_wenben（当前评论中的内容）：biaoqing_id（当前整个评论的ID）、content（当前评论的文字内容）、type（当前评论的类型）、imageClass（

思路：wx.chooseImage拉起上传图片获取图片的本地路径wx.uploadFile把本地路径等参数提交到指定的上传文件<view class="shangchuan _tu"> <block wx:for="{{formDatas.list[0].tempFilePaths}}" wx:for-item="item" wx:for-index="idx" wx:key="key"> <view class="li"> <image sr

官方链接：在微信小程序中使用 ECharts官方小程序：一、引入文件：仅拷贝 ec-canvas 目录到新建的项目下，然后做相应的调整二、index.jsimport * as echarts from '../../ec-canvas/echarts';const app = getApp();function initChart(canvas, width, height, dpr) {//圆形图 const chart = echarts.init(canvas, null, {

自定义函数文件/** * 自动获取定位信息 */function getLocation(that, qqmapsdk) { if (wx.getSystemInfoSync().locationEnabled == false) { wx.showModal({ title: '提示', content: '请打开手机定位', showCancel: false }) return; } if (wx.getSetting).

<view class="index"> <view class="xian"></view> <view class="xian"></view> <view class="xian"></view> <view class="detail">一等奖</view> <view class="detail">二等奖</view> <view class="de

一、画布，图片添加圆角/** * 自定义函数roundRect * 画圆弧 * ctx >> 画布 *bg_x 图片的x坐标 *bg_y 图片的y坐标 *bg_w 图片宽度 *bg_h 图片高度 *bg_r 图片圆角 * */function roundRect(ctx, img, bg_x, bg_y, bg_w, bg_h, bg_r) { // 开始绘制 ctx.save(); ctx.beginPath(); // var bg_x = 15;

话不多说上效果源码连接

具体思路：一、打通微信小程序和微信公众号1、利用不同平台下，相同的unionid来判断是发送到那个用户2、获取微信小程序openid和unionid >>官方文档3、获取微信公众号openid和unionid （触发条件是，用户的关注公众号和不在关注）。详情见下面代码需开启服务器配置的前提下二、开通开发者账户官方链接，需要另外再付300元1、保证公众号是服务号2、保证公众号、小程序绑定在同一开发者账户下3、保证公众号、小程序相互关联4、公众号后台开通服务器配置5、开发者平台

示例地址：点击下载示例文件直接导入微信开发者工具可运行，具体看代码吧使用起来挺简单的。（也是在参考别人的，做了下小修改）注意：cropper和cropper-image文件不需要做修改（可以修改样式）使用：修改index/index.js中data的宽高就可以了（改为自己想要剪切的尺寸，不过需要等比转化下）注意：所有的剪切宽度都以cropper/cropper.js中的宽度为标准比如：1000500 转化 330165 以宽度为标准等比转化下。...

注意这个是结合腾讯位置服务另外还有在app.js中添加“permission”: {“scope.userLocation”: {“desc”: “你的位置信息将用于小程序定位”}},/** * 自动获取定位信息，utils/utils.jsz中 */function getLocation(app, that, qqmapsdk) { var tempAddrInfo = wx.getStorageSync('tempAddrInfo') || {};//获取缓存 wx.get

组件文件（time-danxuan）1、timedan.jsComponent({ properties: { start: { type: String, value: '', observer: function (newVal) { if (typeof (newVal) == 'string' && newVal.length > 0) { var t = new Date(newVal.

//操作系统及版本 var xitong_iOS = wx.getSystemInfoSync().system.indexOf('iOS');//判断是否是iOS，返回0 var xitong_android = wx.getSystemInfoSync().system.indexOf('android');//判断是否是android，返回0

<view class="saixuan" catchtap='clickPup'>触发</view><view class='bianji {{productLeiShow ? "hover" : ""}}' hover-stop-propagation='true'> <view class="gaodu">出来</view></view><view catchtap='clickPup' class='bejings

第一步：找到app.json微信文档链接之navigationStyle第二部：获取顶部胶囊按钮和头部的各个值暂且分为3个区域A区：B区：胶囊按钮到A区的高度C区：胶囊按钮的坐标胶囊的高度 //wxml:<view class="custom flex_center" style="height:{{zt_hight_d1}}px;"> <view ......

文本安全内容检测接口 这是接口基于HTTPS协议curl_post：CURL 发送POST请求 function curl_post($url , $data=array()){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); cur

了解多图下载之前看下微信官方提供的：saveImageToPhotosAlbum和wx.downloadFile解决思路就是有几张图片，就循环执行几次saveImageToPhotosAlbum // 微信保存多张图片 Baocunimg: function (e) { var that = this; var mainDatas = that.data.mainDatas; var pic = mainDatas.pic;//获取当前图片的数组 // conso

一、建立组件/components/timePicker/indexindex.js// components/timePicker/index.jsComponent({ /** * 组件的属性列表 */ properties: { /** * 组件类型 date:日期(yyyy-MM-dd) time：时间(hh:mm:ss) dateTime: 日期时间(yyyy-MM-dd hh:mm:ss) */

主要体现的功能一、本身自我的一个定位二、输入目标地点三、导航到目标地点四、目标地点周边的搜索，和点击标记点，在点击（到这去）实现导航切换前端页面<view class="page-body"> <view class="page-section page-section-gap"> <map id="myMap" style="width: 100%; height: {{height}}px;" latitude="

1、调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。2、调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session_key。3、使用会话密钥 session_key解密button返回的手机号加密后的数据一、调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器官方文档调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（s

这里封装在util.js里，成为公共的模块如何在测试的时候提示，域名不合法，把这个勾选上。方便测试。另外网络协议是httpsuli.js/** * 请求数据 * that * url 请求地址 * callback 请求返回到的自定义函数 * data 请求数据 * method 请求类别，POST还是GET，默认GET */function http(that, url, callback = null,data = null, method = 'GET') { va

一/创建自定义组件文件在Components里面新建文件夹（pubu）,点击pubu右键选择新建Components具体参考链接 如何创建自定义组件二/引用在父组件index.son文件中添加路径“usingComponents”: {“pubu”: “/components/pubu/pu”}在父组件index.wxml引用<pubu chuanRhu="{{note}}" bind:myChuanchu="chuanChu" />//note传递的参数//在父

背景：如果单纯的使用CSS3column-coun来实现的话，会出现第一个和第二个都在最左边的情况思路:分左右两列，根据当前数据的下标除以2的余数否为0进行左右排布//index.wxml<import src="../template/addCard-pubu.wxml" /><view class="content">//这里加入分列，分两列(column-coun) <view class="left"> <view class="zhon

WXS响应事件官方文档背景：有频繁用户交互的效果在小程序上表现是比较卡顿的，例如页面有 2 个元素 A 和 B，用户在 A 上做 touchmove 手势，要求 B 也跟随移动，movable-view 就是一个典型的例子。一次 touchmove 事件的响应过程为：a、touchmove 事件从视图层（Webview）抛到逻辑层（App Service）b、逻辑层（App Service）处理 touchmove 事件，再通过 setData 来改变 B 的位置一次 touchmove 的响应需

一、微信小程序转发到朋友圈有限制条件，只有安卓手机才可以使用。二、需满足两个条件参考文档设置分享状态小程序页面默认不可被分享到朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：1、首先，页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档2、满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档满足上述两个条件的页面，可被分享到朋友圈。

一、开通和创建云函数在项目根目录找到 project.config.json 文件，新增 cloudfunctionRoot 字段，指定本地已存在的目录作为云函数的本地根目录示例：{“cloudfunctionRoot”: “./functions/”}完成之后，右键点击functions，新建Node.js函数，命名就是函数名称！！比如add二、配置权限查看微信开发文档找到刚建立的云函数文件add下的cofig.json文件。{ "permissions": {

官方文档第一部：在小程序的设置》关注公众号中打开该组件注意：！！在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:1、当小程序从扫小程序码场景打开时2、当小程序从聊天顶部场景中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态3、当从其他小程序返回小程序时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态4、为便于开发者调试，基础库 2.7.3 版本起开发版小程序增加以下场景展示公众号组件：5、开发版小程序从扫二

<rich-text nodes="{{newResData}}"></rich-text> var jsonDa = JSON.stringify(tempConfig.content_yuekajian09).replace(/<img/gi, "<img class='richImg'style='width:auto!important;height:auto!important;max-height:100%;width:100%;'"); /