214浏览

0评论

微信小程序实现树莓派（raspberry pi）小车控制

本文是基于上一篇“网页版树莓派小车控制程序”改造而成。主要也练习了一下微信小程序的开发。这里简单记录一下主要代码片段。也是趟过了许多的坑，例如：微信小程序不支持完全...

微信
• 2020-05-27

376浏览

0评论

微信小程序复选框实现多选一功能过程解析

这篇文章主要介绍了微信小程序复选框实现多选一功能过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下功能实现界...

微信
• 2020-05-27

230浏览

0评论

vue微信分享插件使用方法详解

本文为大家分享了vue微信分享插件的使用方法，供大家参考，具体内容如下1.安装weixin-js-sdknpm install weixin-js-sdk2.创建文件并引入 在src下创建common目录 在common目录...

微信
• 2020-05-27

763浏览

0评论

微信小程序使用 vant Dialog组件的正确方式

简介
Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业...

微信
• 2020-05-27

136浏览

0评论

微信小程序后端实现授权登录

登录与授权官方文档一.登录登录流程时序说明:调用 wx.login()获取临时登录凭证code，并回传到开发者服务器。 调用code2Session接口，换取用户唯一标识 OpenID和会话密钥 sess...

微信
• 2020-05-27

420浏览

0评论

vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)

对于vue-video-player，从github上找到一段代码，直接放页面！可以了，视频展示出来了！开始下一个功能。。。。这可能是大部分前端开发者一贯的思维模式，拿来一个插件，看着demo就做出来...

微信
• 2020-05-27

151浏览

0评论

手把手带你入门微信小程序新框架Kbone的使用

Kbone 框架前些天在微信上收到了微信开发者公众号的文章推送《揭开微信小程序Kbone的神秘面纱》，心想：微信小程序有新框架了？抱着学习的态度点进去看了一眼，看过之后觉得这框架...

微信
• 2020-05-27

247浏览

0评论

微信小程序录音实现功能并上传(使用node解析接收)

背景我在开发小程序的时候，有需求要实现录音功能，并能上传给服务器。小程序录音功能我是使用的微信的wx.getRecorderManager()实现的，通过该方法创建实例，实例录音得到的文件是...

微信
• 2020-05-27

315浏览

0评论

微信小程序实现录制、试听、上传音频功能（带波形图）

最近接到这样一个需求，要求实现录制、试听、上传音频功能，选择的是getBackgroundAudioManager,声音录制和播放波形图是用css实现的，效果图及详细设计代码如下：

xml文件<view cl...

微信
• 2020-05-27

234浏览

0评论

微信小程序动态添加和删除组件的现实

一、基本思路
1、通过改变数组长度动态增删组件<block wx:for="{{数组}}"> 组件</block>2、点击添加按钮，增加数组的成员，组件相应增加点击删除按钮，减少数组的成员，组件相应删...

微信
• 2020-05-27

436浏览

0评论

微信小程序实现音频文件播放进度的实例代码

问题描述在微信小程序中经常会用到控制文件播放的滑块，通过滑块可控制音频播放进度，下面即用代码实现。解决方案首先用.wxml与 .wmss 代码实现进度条的效果，再通过 .js 文件控...

微信
• 2020-05-27

525浏览

0评论

微信小程序scroll-view的滚动条设置实现

小程序的scroll-view用的比较多了，列表页一般也没管它的滚动条，最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢，ios上直接就不显示啊，也是没谁了。深入想...

微信
• 2020-05-27

206浏览

0评论

微信小程序getLocation 需要在app.json中声明permission字段

小程序更新了部分配置,位置授权要先在app.json里声明一下,这在以前是不需要,会提示getLocation 需要在app.json中声明permission字段,如图解决办法:在app.json中加入下面这...

微信
• 2020-05-27

242浏览

0评论

微信浏览器左上角返回按钮监听的实现

问题描述1：
微信开发的时候，在公众号菜单中打开一个H5页面(如：个人中心)，在这个页面上的一些操作，经过多次跳转后，点击左上角的返回按钮，发现会原封不动的返回至上一级页面。即 公...

微信
• 2020-05-27

122浏览

0评论

微信小程序云函数添加数据到数据库的方法

1.新建小程序，建立云开发快速启动模板这里和普通小程序的区别有三点一是 project.config.json写上云函数所在目录"cloudfunctionRoot": "cloudfunctions/",二是app.json写上...

微信
• 2020-05-27

241浏览

0评论

微信小程序开发搜索功能实现(前端+后端+数据库)

2019年5月7日更新这是写的最新的一篇文章大家看这篇：https://www.freexyz.cn/article/157081.htm 界面比较丑，主要实现逻辑... 超级简单的界面，表单，提交按钮，搜索结果展示区域......

微信
• 2020-05-27

113浏览

0评论

微信小程序如何加载数据库真实数据的实现

微信小程序要加载网站数据库里面的真实数据，有一个硬性的要求，就是你的网站域名必须是https协议才行，要不然你第一步服务器域名配置你都通过不了，小编我也是前不久申请的https:/...

微信
• 2020-05-27

151浏览

0评论

微信小程序利用for循环解决内容变更问题

问题描述学习小程序的小伙伴可能会有这样的问题：微信小程序的页面内容要发生改变，在小程序中如何快速的来创造一个格式相同，但仅仅改变内容且易于改变的页面呢？接下来就来解决这...

微信
• 2020-05-27

371浏览

0评论

微信小程序去除左上角返回键的实现方法

碰到这个问题，是因为没了解这里面的层级关系：默认的是navigator跳转，其它跳转方式open-type属性可选值是'navigate'、'redirect'、'switchTab'等官网上这么写的：对应于wx.naviga...

微信
• 2020-05-27

151浏览

0评论

微信小程序实现比较功能的方法汇总(五种方法)

首先在index.wxml页面写一个测试页面如图：代码如下接下来就是比较功能的实现第一种方法首先在两个input组件中用bindchange方法绑定事件处理函数，在button组件中用bindtap绑定...

微信
• 2020-05-27

183浏览

0评论

微信小程序 wx.getUserInfo引导用户授权问题实例分析

本文实例讲述了微信小程序 wx.getUserInfo引导用户授权问题。分享给大家供大家参考，具体如下：首先，在page外定义一个函数用户判断是否为空对象var isEmptyObject = function (e...

微信
• 2020-05-27

237浏览

0评论

微信小程序自定义纯净模态框（弹出框）的实例代码

由于官方API提供的模态框只能显示简单的文字，但是在实际应用场景中，我们需要模态框上能够显示各种各样的组件和样式，所以，以此为基础模拟出一套可以供大家自定义的纯净版的模态...

微信
• 2020-05-27

187浏览

0评论

微信小程序自定义弹出模态框禁止底部滚动功能

图示：wxml代码：<view class='fix_bottom'><view>分享</view><view>电话咨询</view><view class='active' bindtap="showDialogBtn">立即报名</view></view><!--模态框--><!--...

微信
• 2020-05-27

340浏览

0评论

微信小程序用canvas画图并分享

最近开始做微信小程序，有这样一个需求：从列表页进入详情，在每一个详情页面去分享，分享出来的图片是带有当前详情数据的图片如下图的列表：分享出来的样子：解决方案和思路：canvas画图...

微信
• 2020-05-27

150浏览

0评论

微信小程序实现搜索功能

在页面search.wxml中，定义一个input输入框以及搜索的点击按钮，分别为它们绑定点击事件handleInputChange()和handleSearch()的事件，同时在它们的下面定义搜索的列表，代码如下所...

微信
• 2020-05-27

177浏览

0评论

微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)

上效果图:一:搜索框功能实现1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap="suo"> <view class="search"> <view class="df search_arr...

微信
• 2020-05-27

327浏览

0评论

微信小程序获取公众号文章列表及显示文章的示例代码

微信小程序中如何打开公众号中的文章，步骤相对来说不麻烦。1、公众号设置小程序若要获取公众号的素材，公众号需要做一些设置。1.1 绑定小程序公众号需要绑定目标小程序，否则无...

微信
• 2020-05-27

106浏览

0评论

微信小程序中的上拉、下拉菜单功能

问题描述在使用小程序的时候基本的页面的一般都是很简洁的，所以会有一些菜单来做简单的诠释说明，或者是提供一些选项。这些菜单的弹出方式一般是向上和向下，那么如何来设置这些...

微信
• 2020-05-27

149浏览

0评论

微信小程序利用button控制条件标签的变量问题

问题描述在小程序中如何利用button按钮来实现控制条件标签的变量呢？这也许是许多小伙伴们的问题，今天就来简单的给大家演示一遍。解决方案第一步：首先打开微信公众平台，将一个 p...

微信
• 2020-05-27

122浏览

0评论

微信小程序后端无法保持session的原因及解决办法问题

之前未接触过微信小程序项目，在使用jQuery库的ajax中很正常，服务器也能保持会话状态。在使用wx.request中发现会话一直不能保持，一开始以为是服务器php.ini配置错误，
在代码中...

微信
• 2020-05-27

131浏览

0评论

微信小程序保持session会话的方法

一般我们web网站都会有cookie来保存session ID，将用户和服务器保持在一次会话中，但是很遗憾，微信小程序不支持cookie，他的每一次请求就是一次会话，这样就会产生一个问题，...

微信
• 2020-05-27

159浏览

0评论

微信小程序 flexbox layout快速实现基本布局的解决方案

问题描述 flexbox layout ——弹性盒子布局。弹性盒子可以快速的对小程序进行布局。一般传统的小程序布局方法对内容量少的页面而言很方便，但对页面比较复杂的来讲就很繁琐了...

微信
• 2020-05-27

329浏览

0评论

微信小程序scroll-view点击项自动居中效果的实现

scroll-view | 微信开放文档效果代码布局样式代码省略，以下只展示逻辑代码<scroll-view scroll-x scroll-left="{{scrollLeft}}" scroll-with-animation class="scroll-view"...

微信
• 2020-05-27

255浏览

0评论

微信小程序点击item使之滚动到屏幕中间位置

1.需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果 2.分析实现这种效果的方法有三种：1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会...

微信
• 2020-05-27

119浏览

0评论

微信小程序scroll-view隐藏滚动条的方法详解

效果图：1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示；2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的；3.scroll-view 中的需要滑动的元...

微信
• 2020-05-27

173浏览

0评论

微信小程序分享小程序码的生成（带参数）以及参数的获取

1.小程序码介绍
从微信小程序开发文档上我们可以了解到，目前微信支持两种二维码（左），小程序码和小程序二维码（右）。官方推荐使用小程序码，因为小程序码具有更好的辨识度。 官方提供...

微信
• 2020-05-27

93浏览

0评论

如何解决vue在ios微信"复制链接"功能问题

这个问题在安卓上是完全没有问题的，可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。
我的解决办法是在初始进入项目时重新拼接项目地址，再重定向到拼接...

微信
• 2020-05-27

96浏览

0评论

微信小程序间使用navigator跳转传值问题实例分析

本文实例讲述了微信小程序间使用navigator跳转传值问题。分享给大家供大家参考，具体如下：前言这次讲一下我用 navigator 组件实现从一个小程序跳转到另一个小程序的过程中遇到...

微信
• 2020-05-27

114浏览

0评论

开发Node CLI构建微信小程序脚手架的示例

本文介绍了 Node CLI 构建微信小程序脚手架的示例，分享给大家，具体如下： 目的由于目前公司的 TOC 产品只要是微信小程序，而且随着业务的扩展, 会有更多的需求，创建更多的小程序，...

微信
• 2020-05-27

140浏览

0评论

mpvue实现微信小程序快递单号查询代码

mpvue是什么？mpvue 是一套定位于开发小程序的前端开发框架，其核心目标是提高开发效率，增强开发体验。使用该框架，开发者只需初步了解小程序开发规范、熟悉 Vue.js 基本语法即可...

微信
• 2020-05-27

113浏览

0评论

微信小程序以ssm做后台开发的实现示例

微信小程序任何的语言都可以做后台，现在微信小程序推出云函数，做后台也可以。但是自己感觉想要完整的后台，做后台用java和php更好点。下面以典型的例证给大家做一下讲解，注册。...

微信
• 2020-05-27

108浏览

0评论

微信小程序纯文本实现@功能

前言大家肯定对@功能不陌生，在如今的各大社交软件中它是一种不可或缺的功能。实现@人的功能并不复杂，只需将@人员的id传给后端，后端下发通知即可。主要的复杂点在于一键删除功...

微信
• 2020-05-27

275浏览

0评论

微信小程序吸底区域适配iPhoneX的实现

微信小程序适配iPhone X主要针对fix定位到底部的区域，比如详情页或购物车底部的按钮栏，会与iPhone X的Home Indicator横条重叠，这样在点击下方按钮时很容易误触发手势操作，如下...

微信
• 2020-05-27

121浏览

0评论

微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

1.顶端固定核心代码如下:<view class="page__hd" style="position:fixed; top:0;width: 750rpx;"> ......</view>最终效果图:
2.底端固定核心代码如下:<!-- 底部固定 --><...

微信
• 2020-05-27

270浏览

0评论

微信小程序仿通讯录功能

本文实例为大家分享了微信小程序实现通讯录功能的具体代码，供大家参考，具体内容如下微信小程序模仿通讯录功能需要用到scroll-view标签思路：首先需要获取到你所需要展示的数据...

微信
• 2020-05-27

211浏览

0评论

微信小程序保存图片到相册权限设置

微信小程序保存图片到相册可以分成两种：一种是保存网络图片，一种是保存本地图片保存网络图片：var url = '网络图片路径'; wx.downloadFile({ url: url, success: function (re...

微信
• 2020-05-27

148浏览

0评论

vue使用微信扫一扫功能的实现代码

第一步： 安装weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery第二部： 配置wx.config （配置都是后端返回来的，菜鸟前端只需要按需传值过去就可）代码如下import wx f...

微信
• 2020-05-27

143浏览

0评论

vue.js中使用微信扫一扫解决invalid signature问题(完美解决)

1、点击按钮，实现微信扫一扫功能：<template> <a class="btn" @click="scan">扫一扫</a></template>2、使用config接口注入配置信息，wx.config调用方法如下：（其中appId,timestamp...

微信
• 2020-05-27

186浏览

0评论

微信分享invalid signature签名错误踩过的坑

前一段时间做了一个微信分享的东西，而且前端框架用的是VUE，被这个东西快折磨疯了，一个列表页，一个详情页，分享详情页的时候，会报错invalid signature签名错误。当时就不淡定了，然后...

微信
• 2020-05-27

237浏览

0评论

微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)

最近在搞微信公众号开发，进行到网页开发部分被坑了一天，最坑的问题就是invalid signature，而网上大部分解答这个问题的都没有说清楚，都直接丢文档。博主认为这样很不好。本文是...

微信
• 2020-05-27