微信小程序开发

在这里插入图片描述

小白微信小程序开发入门经验总结,干货!生日惊喜可用

适合小白入门的生日惊喜小程序效果图展示确认整体框架封面设计点击图标实现页面跳转背景图的设置答题环节消息提示框弹出图片展示音乐播放音频播放暂停图片转动总结 效果图展示 这个程序是本人开发的一个简单微信小程序。 适合想开发小程序的小白们参考~,下面先给大家看看效果 确认整体框架 确认框架是每个程序员开发项目必须要做的工作~对于该小程序,主要框架分为以下几个方面: 封面设计 ,即首页展示; 答题环节 ,... »

在这里插入图片描述

快速学习-微信小程序开发(注册并开发)

action=step1注册完毕后会有一个小程序的 AppID新建项目开发文档对JS代码进行断点调试小程序目录结构尺寸单位作者:cwl_java »

前端使用vscode开发微信原生小程序

1.在微信小程序开发者工具中把项目搭建好,2.接着在vscode中打开建好的小程序项目,这个时候小程序项目目录下面会生成几个文件夹,注意别提交到svn里面了,那是vscode添加的3.vscode中安装必要的插件:(1)vscode weapp api:为vscode提供小程序API提示及代码片段(2)vscode wxml:为Vscode提供 wxml 语 »

简易微信小程序开发——推箱子

简易微信小程序开发——推箱子

GitHub项目地址:https://github.com/18110581023/BoxGame 没有为什么就是突然想学一下子 和前端差不多 html改成了wxml,css改成了wxss, 微信开发者有点优秀 一、开发前准备 首先要注册开发者账号 去微信公众号平台官网https://mp.weixin.qq.com/注册一个小程序账号 然后选择注册小程序 信息填写邮箱激活注册登记之后,要用管理员... »

在这里插入图片描述

微信小程序开发环境搭建(超详细)

微信小程序开发环境的搭建是很简单的首先我们需要是登录微信公众平台微信公众平台点击右上角立即注册注册账号类型选择小程序进入注册界面后按提示完成账号信息 邮箱激活 信息登记注册完成后界面如下,点击普通小程序开发工具(如需开发小游戏则选择小游戏开发者工具)选择微信开发者工具选择适合你的版本进行下载打开开发工具,使用微信扫码登录登录之后点击加号创建一个新的项目 给项 »

App拉起小程序无法正常返回app

问题:App拉起小程序无法正常返回 问题描述:App端通过官方代码打开小程序, String appId = ""; // 填应用AppId IWXAPI api = WXAPIFactory.createWXAPI(UserLoginByPwdActivity.this, appId); WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.... »

夜光带你走进 微信小程序开发(五)擅长的领域

夜光带你走进 微信小程序开发(五)擅长的领域

夜光序言:   不管与你的路有多苦擦干眼泪告诉自己不能哭不怕谁说我是个错误只要你我不放弃永不认输。   正文:                                                以道御术 / 以术识道 有些东西,如果我们自定义的话,就会和其他小程序风格不一致了~ 如果想要不一样 那么不可以在全局里面修改 上图讲到数据的绑定 // pages/about/about.js... »

在这里插入图片描述

微信小程序开发使用wx.getLocation()方法时添加permission出错解决方法

这个问题相当的智障,但是让我搞了半天,各种查资料,终于解决当我使用wx.getLocation()方法时,界面提示我要先在app.json中声明字段点击查看详情发现官网让添加一段这样的代码在app.json中:“permission”: },添加后点击编译发现出错app.json解析错误解决办法:把代码后边的注释删掉,因为app.json文件中不能存在注释,是不是很傻屌? »

详解微信小程序开发之下拉刷新 上拉加载

微信小程序中的下拉刷新,上拉加载的功能很常见,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善. 上gif: 原理: scroll-view中有监听滑动的方法,这个跟Android类似.其中用到了滑动到顶部,滑动到底部的方法. 1.下拉刷新,在滑动到顶部时,bindscrolltoupper被调用,根据自己的业务逻辑... »

微信小程序开发中var that =this的用法详解

微信小程序开发中var that =this的用法详解

在微信小程序开发中,var that =this的声明很常见。示例代码1 //index.js Page在代码中第9行声明了var that =this;第17行使用了that。如果不声明var that =this,且that改成this,代码如下!这跟this关键字的作用域有关! »

这里写图片描述

微信小程序开发入门基础教程

微信小程序开发入门基础教程 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。 开发准备工作获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。 下载开发工具 下载地址:https://mp.weixin.q... »

微信小程序开发之大转盘 仿天猫超市抽奖实例

微信小程序开发之大转盘 仿天猫超市抽奖实例

天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下. 1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴; 2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.我这里用setI... »

微信小程序开发之麦克风动画 帧动画 放大 淡出

微信小程序开发之麦克风动画 帧动画 放大 淡出

想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.① 上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动画.我在微信小程序文档 动画最下面找到这么一行字.这个锅是不是可以甩出去了ps:如果有同学能实现动画循环,一定告诉我.② 麦克风里面是个帧动画. »

使用微信小程序开发前端【快速入门】

使用微信小程序开发前端【快速入门】

前言 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知。整个朋友圈瞬间便像炸开了锅似的,各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。 虽然内测名额十分稀少,但依赖中国广大开发者的破解和分享精神,在网络上很快出现了开发工具的破解版本和API文档。然而可能是微信的妥协或者早已预料,9月24日微信官方发布了不需要破解... »

微信小程序开发的四十个技术窍门总结(推荐)

前言 微信“小程序”正式上线一周时间,相关话题持续升温。支付宝开发“小程序”的消息也随即曝出,互联网巨头们摩拳擦掌,不少网友调侃说,这势头感觉要挑战现有的“APP帝国”了。那么,面对如此炙手可热的小程序,WeX5移动开发云也没有闲着,经过全网搜索,为大家筛选出一条小程序开发者的必读文章,内容涵盖小程序开发实战需要注意的40个技术点,供大家参考! Q:为什么脚本内不能使用window等对象 A:页面... »

微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换

微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换

微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml <!--index.wxml--> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ?... »

这里写图片描述

详解微信小程序开发之——wx.showToast(OBJECT)的使用

wx.showToast API是显示消息提示框的作用。先让我们看一下官方的文档说明: 注意:其中的图标,只支持”success”、”loading”示例代码:wx.showToast接下来演示如何使用,先打开微信web开发者工具,新建快速项目,删除掉首页没用的内容,保留如下部分。 »

详解微信小程序开发之下拉刷新 上拉加载

详解微信小程序开发之下拉刷新 上拉加载

微信小程序中的下拉刷新,上拉加载的功能很常见,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善. 上gif: 原理: scroll-view中有监听滑动的方法,这个跟Android类似.其中用到了滑动到顶部,滑动到底部的方法. 1.下拉刷新,在滑动到顶部时,bindscrolltoupper被调用,根据自己的业务逻辑... »

详解微信小程序开发之城市选择器 城市切换

详解微信小程序开发之城市选择器 城市切换

移动开发中城市选择器必不可少. 空白造了个. gif: 这里只上部分js代码: var city = require('../../utils/city.js'); Page({ data: { searchLetter: [], showLetter: "", winHeight: 0, tHeight: 0, bHeight: 0, startPageY: 0, cityList: [], i... »

微信小程序开发一键登录 获取session_key和openid实例

微信小程序开发一键登录 获取session_key和openid实例

微信小程序开发一键登录 获取session_key和openid实例思来想去不愿自己的微信小程序是个单机版本.自己又不会写后台.现在借助leancloud可以实现微信小程序一键登录功能.尝试后,做笔记.第一步:下载av-weapp.js,放到utils下.第二步:使用const AV = require('../../utils/av-weapp.js'); »

微信小程序开发经验总结(推荐)

一: 参数传值的方法 1: data-id 我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: (1)设置data-id <view class="block" bindtap="playTap" data-id="{{modle.id}}"> (2): 取值 + 传值 playTap:function(e) { const dataset = e.curre... »

微信小程序开发实战教程之手势解锁

微信小程序开发实战教程之手势解锁

我们对它进行了一翻修改,把它引入到小程序上来了。以上所述是小编给大家介绍的微信小程序开发实战教程之手势解锁,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。 »

这里写图片描述

微信端开发–登录小程序步骤

这个小程序的主要目的是为了用户用微信的用户信息登录后将用户信息授权存入自己的数据库中,这样以后每次微信登录得到的code 所得到的 openid 可以在项目的数据库中查到该用户的相关信息。 在测试的过程中,需要用户登录得到的code,所以会用到微信开发小工具~! 该工具的使用必须被项目授权 所生成的code是有时间限制的 微信登录端口的api如下 接口地址:https://api.weixin.q... »

微信小程序(应用号)开发新闻客户端实例

微信小程序(应用号)开发新闻客户端实例

下载最新版的微信小程序开发工具,目前是v0.9.092300 下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html git下载地址:http://git.oschina.net/dotton/new... »

微信小程序开发之选项卡(窗口底部TabBar)页面切换

微信小程序开发之选项卡(窗口底部TabBar)页面切换

微信小程序开发中窗口底部tab栏切换页面很简单很方便. 代码: 1.app.json //app.json { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#999999", "naviga... »

Page 1 of 41234