小程序

问题总结：(1) 分隔线高度使用rpx问题在相邻的两条信息直接都会有一个分割线，将线的高度都设置成1rpx,在第一条和第二条之前的分隔线没有显示，但是其他的都展示了，分割线的属性是一样的，而且在不同的手机上（分辨率不同）不显示的分割线也是不同的，有的分辨率好几条分割线都不显示，不知道这是模拟器的bug还是rpx的bug。解决方法：分割线的高度尺寸单位使用了px,解决了这个问题。 (2) Page注册问题这个错误可能很容易理解，页面注册错误。页面是通过Page对象来渲染的，每个页面对应的js文件必须要创建page，最简单的方式就是在js文件下写入Page({})，在page中有管理页面渲染的生命周期，以及数据处理，事件都在这完成。这个错误引起的原因一般都是刚创建页面，js文件还有有处理或者忘了处理。解决方法：养成创建页面的同时在js文件先创建Page的习惯. (3) Page route 错误重复调用路由引起的，处理方法就是删除一个路由，删除 组件或者删除wx.navigateTo。 (4) Don’t have * Handle in current page.其实这种问题出现一般就是我们在wxml定义了一些处理事件，但是在js文件中没有实现这个时事件的处理方法，就会出现这个错误。那么我们按提示在js文件加上事件处理解决方法：不要漏掉任何调用事件的方法实现 (5) tabBar 设置不显示对于tabBar不显示，原因有很多，查找这个错误直接去app.json这个文件 未将页面注册到app.json中 tabBar写法错误导致的不显示，将其中的大写字母B写成小写，导致tabBar不显示 tabBar的list中没有写pagePath字段，或者pagePath中的页面没有注册 tabBar的list的pagePath指定的页面没有写在注册页面第一个。微信小程序的逻辑是”pages”中的第一个页面是首页，也就是程序启动后第一个显示的页面，如果tabBar的list的pagePath指定的页面都不是pages的第一个，当然也就不会显示tabBar了。 tabBar的数量低于两项或者高于五项，微信官方中明确规定tabBar的至少两项最多五项。超过或者少于都不会显示tabBar。 (6) wx.navigateTo 无法打开页面一个应用同时只能打开5个页面，当已经打开了5个页面之后，wx.navigateTo不能正常打开新页面。请避免多层级的交互方式，或者使用wx.redirectTo…

微信小程序是当前的热点，市面上已经有很多微信小程序开发相关的文章，今天晚上抽了点时间折腾了微信小程序，并顺便看看了下微信小程序开发者工具的实现，是使用开发的，ui是基于nw.js开发的，支持windows和mac跨平台。 微信小程序开发工具初体验 首先当然是先下载个微信小程序开发工具，下载地址, 然后顺便找了个感觉还可以的微信中的知乎–微信小程序 demo。目前支持Win32，Win64，Mac版本。然后下载或 clone上面提到的Demo代码，打开好的微信开发者工具，用微信扫二维码登录，选择本地小程序项目 -> 添加项目，导入项目，AppID可以不填，功能会受限。本来我还以为一定有微信小程序开发者帐号才能用呢？微信小程序开发者帐号的开通门槛还是比较高的，必须是企业帐号，还需要用对公帐号转账验证通过。现在看来只是功能受限。如下图 小程序页面 可以看到微信Web开发者工具主要有账户，编辑，调试，项目，刷新，编译，后台，等几个功能，功能还是比较有限的，调试功能主要是整合了ome Web开发者工具。 微信Web开发者工具是如何实现的 使用node.js和NW.js框架开发的，UI是基于NW.js框架开发的，支持Windows和Mac跨平台。这是很现实的技术选择，小程序的整个技术栈是基于H5的，虽然在UI框架层面自己实现了一套，但基础的js，css语法大部分还是支持的，因此开发者工具用node.js实现也是很正常的，现在我只是奇怪为什么微信没有选择用Atom Shell呢？就像Facebook的nuclide IDE那样，基于Atom编辑做个IDE？ 以上就是实现微信小程序开发者工具初体验的技术初探（图）的详细内容，更多请关注米云其它相关文章！

场景：点击一个字母弹出一个modal,把这个字母显示在modal里。style: .modal{   position: absolute;   left: 0;   right: 0;   top: 0;   bottom: 0;   margin: 600rpx 300rpx 0 300rpx;   height: 140rpx;   border-radius: 10rpx;   line-height: 160rpx;   color: #fff;   font-size: 40pt;   box-sizing: border-box;   background-color: rgba(178, 178, 178, 0.7) } 登录后复制 结果如下： 1.png 解析：通过对字体的放大缩小可以看出来字体小的时候居中，放大的时候是以左边线进行放大的，这与css里的机制中心点放大不一样。 解决的方式：添加paddingpadding-right: 23rpx;结果如下： 2.png 以上就是分享一个序中字体变大不居中的方法的详细内容，更多请关注米云其它相关文章！

new‘, courier; font-size: 13px;”>写这篇文章的目的主要是由于在微信公众平台提供的sdk中并没有提供此功能的sdk实现， 其实最后实现还是借助 微信公众平台开发文档 和 SDK 。 企业付款的应用场景： 公众号向已关注用户付款，比如处理退款、财务结算等 先说一下实现思路： 在SDK中自带的基础上扩展WxMchPay组件， 实现企业付款功能的扩展。 话不多说，上代码， 下面是SDK，实现企业付款的组件： $parameters参数参考： 企业付款的文档 <?php // 引入SDKimport('Common.Util.WxPay');/** * 微信企业付款操作类 * Author : Max.wen * DateTime: <15/9/16…

业务场景:微信公众号开发的过程中经常会有一些很长的链接，这个时候如果生成二维码，会导致扫码的过程中识别比较慢，如果存入数据库，会导致数据库的字段长度要设定的很长才行，所以把长连接转换为短链接就越来越重要了。 接口说明文档地址： mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1443433600&token=&lang=zh_CN 接口调用URL：https://api.weixin.qq.com/cgi-bin/shorturl?access_token=ACCESS_TOKEN 接口请求方式：post 接口传参数据：json 接口传参例子： {"action":"long2short","long_url":"https://ss2.bdstatic.com/kfoZeXSm1A5BphGlnYG/icon/7282.png"} 登录后复制 接口返回数据： {"errcode":0,"errmsg":"ok","short_url":"http://w.url.cn/s/An3qXvS"} 登录后复制 转换为json为： { "errcode":0, "errmsg":"ok", "short_url":"http://w.url.cn/s/An3qXvS" } 登录后复制 具体实现代码如下： 效果如图： 好了，本次通过微信接口将长网址转换为短网址就讲解到这里吧 以上就是微信公众号开发：通过accesstoken将长连接转换为短链接的详细内容，更多请关注米云其它相关文章！

前言 最近工作中为了做一个录制按钮，研究了下小程序的实时圆形进度条实现，下面这篇文章就来给大家详细的介绍了实现的方法示例，废话不多说，先来看看效果图吧。 效果图如下 初始状态 点击中间按钮开始绘制 绘制过程 绘制结束 实现思路 建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。 WXML代码 <view>  <view>  <canvas>  </canvas>  <canvas>  </canvas>  <view>开始动态绘制</view>  </view></view> 登录后复制 WXSS代码 特别注意：底层的canvas最好使用 z-index:-5；放置于底层 page {  width: 100%;  height: 100%;  background-color: #fff; } .circle-box {…

这篇文章主要介绍了微信小程序 页面之间传参实例详解的相关资料,需要的朋友可以参考下 微信小程序 传参： 实现效果图： 微信小程序在两个之间传参类似js传递url拼接参数，举个例子来说吧 input自己设置参数 //index.wxml 登录后复制   给自己起个名字吧         确定   重置   formSubmit:function(e){   var da = e.detail.value;   var qu = da.uesrname;   this.setData({    username:qu   }),   wx.navigateTo({    url: '../logs/logs?uesrname='+qu //qu是上面input输入的值   })…

这篇文章主要介绍了小程序（应用号）开发体验的相关资料,需要的朋友可以参考下 昨天微信小程序（应用号）内测的消息把整个技术社区炸开了锅，我也忍不住跟了几波，可惜没有内测资格，听闻破解版出来了，今天早上就着原来的项目资源试开发了一下，总结一下体验. 总体体验 开发效率高，6：40左右破解完IDE，7:20左右点做完了首页和导航栏的布局，微信把觉见的布局都做了封装，比传统的前端开发效率高。 前端可以快速上手：熟练的前端可以很快上手，可能只要一小时读文档的时间加一个官方的例子。 开发工具难用，很多目录的操作和IDE常见的格式化代码，html配对等功能暂不支持。 开发限制了很多前端常见的Dom,window操作，开发的灵活度和难度降低。 我没有内测资格，小程序还不能上传体验，只能下载代码本地体验。 本文代码放在github 上截图 相关资源 破解的IDE 开发资源集合 IDE技术栈：NodeWebkit + React 进入的安装目录：微信web开发者工具package.nwpp这个*.nw就能十有八九猜出是NodeWebkit封装的Web应用，详看依赖node_modules证实了猜想。在package.json “main”: “app/html/index.html”定义了入口。 所有的组件本质是React组件 在入口中可以看到直接引用了React 和React DOM "use strict"; function init() {   tools.Chrome = chrome;   var n = require("../dist/lib/react.js"),     e = require("../dist/lib/react-dom.js"),…

小程序后台如何绑定微信支付？ 打开微信公众平台，登陆小程序账号→微信支付→点击开通； 可以选择申请一个新的微信支付商户号（预计需要1-5天），也可以绑定已有微信支付商户号（10分钟左右即可申请成功）； 如果选择申请新的微信支付商户号，选择后流程是不可逆的，即无法再绑定已有微信支付商户号，选择后，按照提示填写公司的相关信息，售卖场景类型选择“公众号/小程序”,提交后等待审核结果。 如果选择绑定已有微信支付商户号，需先登陆原有的微信商户平台 登陆商户平台→产品中心→APPID授权管理→点击新增授权申请单，填写小程序的APPID 打开微信公众平台网址，登陆小程序账号密码→微信支付→M-A授权，进入授权申请单管理列表，查看相关商户号信息，确认授权申请 注意事项 申请微信支付时，售卖场景类型选择，不影响在其他场景中使用微信支付功能（即选择公众号/小程序，申请后同样可在微信商城使用微信支付） 以上就是小程序后台如何绑定微信支付的详细内容，更多请关注米云其它相关文章！

小程序一年能改几次名 1、个人类型小程序已发布后一自然年内可以修改2次名称。 2、名称修改超过2次的小程序需要先发布后，再去微信认证，认证过程中会有改名入口，若小程序未发布，即使微信认证也不会有改名入口。 具体的规则请参考官方：https://kf.qq.com/faq/170109umMvm6170109MZNnYV.html 推荐学习： 以上就是小程序一年能改几次名的详细内容，更多请关注米云其它相关文章！