在小程序的开发过程中，我们肯定会遇到开发一个弹窗页面的情况，我们先看一下小程序官方对于弹窗页面的解释。API的接口如下从官方给出的代码示例来看，想当简单，就像一个asert，并不能看出弹窗的真实需求。所以今天HTML51.COM就写了一个弹窗小程序教程，供大家学习参考。首页我们先看一下动态的效果图：我们首先看到的是首页代码：<view class="copyright"&…

图片预览是一个很普遍的功能，本文主要和大家详细介绍了微信小程序实现图片预览功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。效果图原理使用wx.chooseImage选择本地图片；使用wx.previewImage预览图片。WXML<view> <button bindtap="previewImage" type="prim…

这篇文章主要介绍了微信小程序如何实现图片自适应的相关资料，文中介绍的方法同样适应于多图，有需要的朋友可以参考借鉴，下面来一起看看吧。大家都知道微信小程序图片自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%.在微信里面虽然widthFix也能实现，但有一个缺陷就是图片的宽度值要大于或者等于设定的值，否则就会发生拉伸变形，本文通过另外一种来适应。首先我们…

微信小程序如何引用其他js文件1.我们先建立一个common.js文件，在common.js编写我们的程序，function myfunc() { console.log("myfunc...."); }module.exports.myfunc = myfunc; 这样暴露接口，这里不暴露是不能引用的，在文件域js内var common = require("../…

本文主要和大家介绍微信小程序配置顶部导航条标题颜色的实现方法的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。微信小程序 配置顶部导航条标题颜色的实现方法关于小程序导航顶部配置都写在.json文件中。{ "window":{ "navigationBarBackgroundColor": "#ffffff", …

 这篇文章主要介绍了微信小程序 获取session_key和openid的实例的相关资料,希望能通过本文帮助到大家实现这样的功能，需要的朋友可以参考下微信小程序 获取session_key和openid的实例说说获取session_key和openid的条件 1.AppID(小程序ID); 2.AppSecret(小程序密钥); 3.登录时获取code;注意:即使获取到了appid,未通过打款验证…

本文主要和大家详细介绍微信小程序实现验证码获取倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。wxml<button disabled='disabled' data-id="2" bindtap="getVerificationCode"> time </button&g…

本文主要介绍了本地搭建微信小程序服务器的实现方法的相关资料,希望通过本文能帮助到大家，让大家轻松的搭建自己的微信小程序的服务器，需要的朋友可以参考下，希望能帮助到大家。本地搭建微信小程序服务器的实现方法现在开发需要购买服务器，价格还是有点贵的，可以花费小代价就可以搭建一个服务器，可以用来开发小程序，博客等。1.域名（备案过的） 2.阿里云注册免费的https证书 3.配置本地的nginx 4.内网…

这篇文章主要介绍了微信小程序遇到修改数据后页面不渲染的问题解决的相关资料,需要的朋友可以参考下微信小程序遇到修改数据后页面不渲染的问题解决前言：去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的，这是我第一次有意识的亲眼目睹了一个新技术的发展，还是感觉比较荣幸的。 唱衰小程序？我的观点是肯定不可能，因为现在每天提交htt…

这篇文章主要为大家详细介绍了微信小程序实战之登录页面制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下提供一个登录页的案例，供同学们使用项目效果图：text-align5db79b134e9f6b82c0b36e0489ee08ed: center">目录结构：图片资源：name.pngkey.pngloginLog.jpglogin.wxml：<view class…

input输入框组件说明:本文介绍input 输入框的各种参数及特性。input输入框示例代码运行效果如下：下面是WXML代码：[XML]<view class="content"> type：有效值：text 感觉没什么区别 <input placeholder="type=text" type="text" valu…

本文介绍微信小程序开发系列（五）Flex布局的详解1：Flex布局Flex布局如图1所示图11.1 Flex容器属性1.2 Flex容器内元素属性align如果定义会覆写掉容器属性中的justify-content，align-items设置的属性微信小程序开发工程中，新建文件layout，然后新建各种文件（以layout命名），在layout.wxml中加入如下代码：<view class…

本文主要介绍了微信小程序实现动态设置页面标题的方法,涉及微信小程序button组件事件绑定及页面元素属性动态设置相关实现技巧,并附带完整源码供读者下载参考,需要的朋友可以参考下，希望能帮助到大家。本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考，具体如下：1、效果展示2、关键代码① WXML文件<button bindtap="setBiaoTi1"…

这篇文章主要为大家详细介绍了微信小程序中根据字母选择城市的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下今天开发一个小程序，里面涉及到区域选择，看了网上的一些版本，感觉写的不全，有可能是我的理解能力还不够吧。今天我就结合网上的答案，在根据自己的需求，重新整理一份。希望对大家有帮助。先看看截图：项目截图 下面我们把代码梳理一下。一、创建index.wxml文件在pages->ind…

微信API对于header['content-type'] 为application/json 的数据，会对数据进行json序列化 对于header['content-type'] 为 application/x-www-form-urlencoded 的数据，会哦将数据转换成query string （encodeURIComponent(k)=encod…

本文主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,希望能帮助到大家。1、效果展示2、关键代码① index.wxml复制代码 代码如下:<video src="../../pages/video/movie.mp4" binderror="videoErrorCallback"&…

要求：在开发小程序的过程中，我们可能会遇到一些开关控制的功能，比如是否订阅啊，是否开启4G啊。这个时候我们需要去设置一个开关页面，今天我们要介绍的就是小程序如何实现动态控制switch开关的开和闭部分代码首页代码如下：<view class="copyright"> <view class="copyright_item">CopyR…

本文讲述微信小程序WebSocket协议说明及使用示例分享，用示例的方式，让我们快速熟悉和用起来。WebSocket是什么（简述）微信的WebSocket接口和HTML5的WebSocket基本一样，是HTTP协议升级来的，做为一个新的Socket在B/S上使用，它实现了浏览器与服务器全双工通信。因为这里是做小程序，所以就不对WebSocket的底层和协议做过多的说明了，只是稍微介绍一下。想了解详…

    近期，微信小程序官方再次更新，然而其它我先不管。“wx.getWeRunData 获取微信运动数据”，这个接口着实有用，因为公司正好要做一个与微信步数相关的抽奖活动。唯一的疑问是，官方文档上说的是能获取到过去30天的数据，那么当天的数据是否能得到？先不吐槽文档描述有歧义吧，只能自己测一下了（本次测试重点是能否获取当天运动数据，有的操作会一笔带过）。先看下文档说明：微信运动接口文档然后下面是…

这篇文章主要介绍了微信小程序  checkbox组件详解及简单实例的相关资料,需要的朋友可以参考下实现效果图：checkbox-group多选项目组，内部由多个checkbox组成。checkbox-group内只能包含checkbox属性名类型默认值说明bindchangeEventHandle checkbox-group中选中项发生改变是触发change事件，detail = {value:…