小程序
文章平均质量分 90
Luyifei666
活着就应该改变世界!90后将成为各行各业的主力军
展开
-
【微信小程序】 微信小程序连接本地接口
最近的一个项目就是微信小程序第一次接触微信开发者工具,并进行小程序的后端开发,于是想看一下小程序如何请求本地的后台服务接口[javascript] view plain copywx.request({ url: 'http://localhost:8090/DemoProject/myTest.do', data:{}, method:'POST', header: { ...转载 2018-04-16 10:18:06 · 18193 阅读 · 5 评论 -
小程序marker callout 遇到的坑
本来这几天赶项目都没有空上来博客看看的,但是!!不吐槽一下小程序marker callout 的坑我实在做不到啊,做得我超级无奈,百度居然没有详细的介绍。没办法自己闷头做吧。我也废话少说,直接上例子。首先 callout是气泡我想进来看的都知道,但怎么写呢。1.先看看callout在哪里写,看例子(这个例子是正确的,显示木问题的那种)[html] view plain copymarkers:[{...转载 2018-04-18 14:51:33 · 5019 阅读 · 0 评论 -
微信小程序下拉刷新/上拉加载更多
查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部,在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;看一下json文件[javascript] view plain copy"enablePullDownRefresh": true, 注意这里的true是布尔...转载 2018-04-19 09:47:53 · 5253 阅读 · 0 评论 -
小程序携带对象跳转
上代码;[javascript] view plain copyvar transData = JSON.stringify(that.data.moment[this_index]); wx.navigateTo({ url: '../moment_detail/moment_detail?transData=' + transData }) 在新页面...转载 2018-04-19 09:48:31 · 366 阅读 · 0 评论 -
微信小程序--简单页面跳转
关于页面的跳转,微信小程序提供了3种方法:方法一:使用API wx.navigateTo()函数示例:首先先新建一个test页面如何新建页面?请到先阅读下面教程微信小程序的新建页面 —— 微信小程序教程系列(4)index.wxml:在index.wxml新建一个button组件,并使用bindtap事件绑定一个函数index.js:在index.js中的Page函数内部,添加changeToT...转载 2018-04-13 16:43:44 · 683 阅读 · 0 评论 -
微信小程序----日期时间选择器(自定义精确到分秒或时段)(MUI日期时间)
DEMO下载效果图实现原理利用微信小程序的picker组件的多列选择器实现!WXML<view class="tui-picker-content"> <view class="tui-picker-name">时间选择器(选择时分)</view> <picker mode="time" value="{{time}}" s转载 2018-04-20 16:40:41 · 1998 阅读 · 0 评论 -
微信小程序实例:创建下发模板消息实例
鉴于目前网络上都还找不到小程序下发模板消息的相关资源,在多次阅读了官方文档今天终于把小程序的模版消息给测通了,接下来介绍在不使用服务器的情况下,前端开发人员在本地怎么测试模板消息的发送。1、在微信公众平台-小程序的模板中心先申请一个下发消息模板2、根据文档提及的下发模板消息做法分两个步骤2-1、获取token,这里我直接使用微信公众平台接口调试工具【http://mp.weixin.qq.com/...转载 2018-05-10 17:40:24 · 362 阅读 · 0 评论 -
微信小程序开发——五星好评
准备工作首选需要有两个星星,一个满分星星,一个空心的星星。 代码实现.wxml文件<view class="right"> <view bindtap="starTap" data-index="{{index}}" class="star" wx:for="{{userStars}}" wx:key="index"> &转载 2018-04-27 15:09:46 · 1197 阅读 · 0 评论 -
微信小程序开发手记:backgroud和border属性
先来看一段样式,在wxss中page{ background-color: cadetblue; background-image: url(../../../image/weixin_logo.png); background-repeat:repeat-x; background-position-y: top;}123456注意,page前面并没有小数点,而...转载 2018-04-27 15:26:04 · 1699 阅读 · 0 评论 -
在微信小程序中使用 ECharts
ECharts 和微信小程序官方团队合作,提供了 ECharts 的微信小程序版本。开发者可以通过熟悉的 ECharts 配置方式,快速开发图表,满足各种可视化需求。体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo: 下载为了兼容小程序 Canvas,ECharts提供了一个小程序的组件,用这种方式可以方便地使用 ECharts。首先,下载 GitHub 上的 ecomfe...转载 2018-04-18 09:38:34 · 4696 阅读 · 1 评论 -
微信小程序实现页面跳转传值以及获取值的方法分析
本文实例讲述了微信小程序实现页面跳转传值以及获取值的方法。分享给大家供大家参考,具体如下:在安卓中页面跳转传值都是通过bundle,现在研究一下小程序的列表跳转及页面传值。my.wxml<view class="container"> <view bindtap="bindViewTap" class="userinfo"> <image class="user.转载 2018-04-17 16:50:45 · 3018 阅读 · 0 评论 -
微信小程序之使用本地接口开发
本文主要讲解如何使用本地接口进行开发,很多人都会遇到这个问题,特别是小程序上线后。一、解决思路 在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问。 以下示例的环境为win7 + 老版本的微信开发工具二、准备工作 1.配置https域名 为小程序配置request合法域名,在登录公众号平台去设置。 2.安装Charles ...转载 2018-04-16 10:19:51 · 6094 阅读 · 1 评论 -
微信小程序 网络请求之re.request 和那些坑
微信小程序有四种网络请求类型,下面只详细介绍普通HTTPS请求(wx.request)普通HTTPS请求(wx.request)上传文件(wx.uploadFile)下载文件(wx.downloadFile)WebSocket通信(wx.connectSocket)首先,先确认是否设置了合法域名,或者在开发环境下不校验合法域名。关于设置合法域名请看→微信小程序 网络请求之设置合法域名 以下是wx....转载 2018-04-17 10:16:49 · 2689 阅读 · 0 评论 -
微信小程序 网络请求之设置合法域名
设置域名登录微信公众号后台小程序中设置→开发设置→服务器设置必须设置域名,微信小程序才能进行网络通讯,不然会报错如果设置好了合法域名,开发工具还提示不在合法域名列表中,因为在微信会有一段时间的缓存,等一会可能就好了。还要在开发工具中刷新一下,直到有数据显示那就应该是没问题了。微信开发者工具→项目→配置信息 如果没有设置合法域名,在开发阶段是可以不设置合法域名的微信开发者工具→项目→基础信息...转载 2018-04-17 10:17:42 · 9278 阅读 · 1 评论 -
解决·微信小程序开发-网络请求报Invalid request 400错误
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢?首先我们来看微信API网络请求 示例代码:wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { ...转载 2018-04-17 10:22:34 · 4282 阅读 · 0 评论 -
微信小程序免费HTTPS证书申请搭建教程(1)---申请SSL
背景:最近微信小程序很火,技术迷的我自然要选择跟风学习一下。按照微信小程序的官方文档,发出request请求链接地址必须为https。如果是使用http访问请求,那么在使用微信webapp开发工具时,如果像下面一样勾选“不校验请求域名以及TLS版本”,则可以使用开发环境的预览请求数据,但是一旦发布为微信小程序预览版,则所有请求数据均失效了。(欢迎关注个人公众号:BigBearIT,与我交流技术问题...转载 2018-04-17 10:58:54 · 7017 阅读 · 0 评论 -
微信小程序 登陆流程详细介绍
微信小程序 登陆流程1:session_key和openId是什么?session_key官方说明为:session_key是微信服务器生成的针对用户数据进行加密签名的密钥session_key的用途(1)对wx.getUserInfo()接口得到“用户信息中的密文”进行解密。(2)对它“稍作处理”,用作维护小程序的登录态。“稍微处理”大体为:(1)生成一个随机数(官方把他叫做3rd_sessio...转载 2018-04-17 16:31:51 · 1162 阅读 · 0 评论 -
微信小程序 scroll-view隐藏滚动条详解
一:scroll-view隐藏滚动条在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法:scroll-view.wxml:scroll-view.wxssscroll-view.js最终显示效果如下;注意:(1)不能在scroll-view中使用textarea,mao,canvas,video组件(2)scroll-init-...转载 2018-04-17 16:32:28 · 9779 阅读 · 0 评论 -
微信小程序 wx.request POST请求------中文乱码问题
问题: 一个简单的表单,提交后台返回数据“提交成功”。 以为没问题了,但是没过多久后台小哥就问为啥那么多乱码,找了很久原因,发现在提交的时候就已经乱码了。 嗯,前端问题,然后测试GET/POST方法。GET没有乱码,POST乱码 header这样写的 header: { 'content-type': 'application/x-www-form-urlencoded' } 原...转载 2018-05-07 17:13:57 · 5532 阅读 · 1 评论