前段时间开发了一款微信小程序,运行了也几个月了,在index.js中的onLoad生命周期里获取app.js中onLaunch生命周期中在接口里动态设置的globalData一直没有问题,结果昨天就获取不到动态设置的global数据了.因为我要获取小程序的unionid以及通过unionid去获取微信的openId,并且共享数据,最开始我是通过storage来做数据共享的,后来测试发现storage存在莫名被清空的情况,后来转用globalData来做数据共享,查了下,是因为app.js中的on…

平常在做小程序时,比如循环渲染数据时,如果有多个数据层次,一般都会这样 wx:for-item=item2,它的意思只是简单的起了一个wx:for循环值的别名,不是表示循环item2,index2同理,别转牛角尖,一直想item2哪里来的,只是别名,下面用的时候就用item2.属性名来拿值…

1.逻辑层 index.js //index.js //获取应用实例 const app = getApp() Page({ /** * 页面的初始数据 */ data: { menu: { imgUrls: [ 'http://gw.alicdn.com/tps/i2/TB19BluIVXXXXX6XpXXN4ls0XXX-183-129.png?imgtag=avatar', 'http://gw.alicdn.com/tps/TB1FDOHLVXXXXcZXFXXXXXXXXXX-183-…

功能:点击某一项,底部出现粉色边框 首先需要通过 bindtap 为每一个item项绑定一个点击事件,其次需要添加自定义属性 data-* = {{index}} ,以便在函数中获取到被点击item项的index索引值 有关自定义属性参考 https://zhidao.baidu.com/question/750591828956209172.html 代码如下: 查看打印的e: 官方微信开发文档新方法说明地址:https://developers.weixin.qq.com/miniprogr…

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码. 前端小程序代码 index.wxml: <view class='content'> <view class='img-box'> <view class='img-list'> <block wx:for="{{detailPics}}" wx:key="index"> <view class='img-item'> <i…

微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 传送门 小程序首页视频列表开发 校园视小程序首页index将分别展示用户视频.用户头像.用户名字 const app = getApp() Page({ data: { // 用于分页的属性 screenWidth: 350 }, onLoad: function (params) { var me…

A类问题 1 请谈谈微信小程序主要目录和文件的作用? project.config.json 项目配置文件,用得最多的就是配置是否开启https校验: App.js 设置一些全局的基础数据等: App.json 底部tab, 标题栏和路由等设置: App.wxss 公共样式,引入iconfont等: pages 里面包含一个个具体的页面: index.json (配置当前页面标题和引入组件等): index.wxml (页面结构): index.wxss (页面样式表): index.js (页…

最近尝试了下用mpvue框架开发小程序,它是基于vue开发的. 官方介绍: mpvue 是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验. 但就使用感受来说,还不如学原生呢,主要是mpvue和原生的客服体验差别太大了,mpvue八白年才有一次更新,而原生在小程序团队的不断完善下已经愈来愈好了,而且新开发的接口…

一.写在前面 最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很明白小程序如何与后台进行通信的,然后查找资料发现结合了官方提供的api后好像和我们普通的web前后端通信也没有多大的区别,有想法后就写了这个测试程序. 二.API文档 wx.request(OBJECT) 发起网络请求.使用前请先阅读说明. OBJECT参数说明: 参数名 类型 必填 默认值 说明 url String 是   开…

一.写在前面 最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很明白小程序如何与后台进行通信的,然后查找资料发现结合了官方提供的api后好像和我们普通的web前后端通信也没有多大的区别,有想法后就写了这个测试程序. 二.API文档 wx.request(OBJECT) 发起网络请求.使用前请先阅读说明. OBJECT参数说明: 参数名 类型 必填 默认值 说明 url String 是   开…

说明:这段时间跟老师学习了一下mongodb数据库,这次也是第一次搭建后台服务,出了不少差错,特此来复盘一下,非常感谢对我提供帮助的同学~ 一.使用 thinkjs + mongodb 创建后台服务 1.安装 thinkjs 安装thinkjs工具包 npm install -g think-cli 2.创建 thinkjs 项目 thinkjs new demo; cd demo; npm install; npm start; 3.让框架支持 mongo 模型 在demo项目的config文…

前言:本人是一个初学者,也是第一次写博客,敲键盘的时候还不知道发布后是什么效果,希望内容给其他初学的同学一点帮助,同时加深自己的理解.这篇随笔讲的是Page页面的生命周期,在开发中是基础中的基础,很容易理解. 先给出直达官方的链接: 1.小程序页面生命周期图:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html. 2.注册页面生命周期的接口:https://devel…

之前的模板消息已经废弃,现在改为订阅消息,订阅消息发布前,需要用户确认后才能接收订阅消息. 小程序端 index.wxml <button bindtap="send">发送订阅消息</button> index.js const app = getApp() Page({ data: { }, send:function(){ wx.requestSubscribeMessage({ tmplIds: ['WZiCliW1zVtHXqX7dGnFNmFvxhW…

关注公共号,搜索 "APP跳转小程序,小程序跳转APP",查看原文 前置条件: 开发环境:windows 开发框架:uni-app , H5+,nativeJS,mpvue 编辑器:HbuilderX 4. 兼容版本:安卓已作测试,IOS未测试 App开发用的是uni-app 小程序开发用的是mpvue 1.  APP 跳转小程序 文档地址: https://uniapp.dcloud.io/api/plugins/share 相关错误代码: https://ask.dcloud.ne…

重置index,重置item <block wx:for="{{index_data.banner_list}}" wx:for-index="idx" wx:for-item="itx"> <swiper-item> <image class="top_img" src="{{itx.banner_img}}"/> </swiper-item> </b…

1.在js文件里写个界面跳转的事件处理函数gotableinfo,var index = parseInt(e.currentTarget.dataset.index); 为获取当前点击列表的下脚标,wx.navigateTo为小程序提供的界面路由跳转的方法,参数url为要跳转页面的连接(?后面为连接携带的参数) 2.data-index="{{index}}"为标记列表的下脚标,index的来源与wx:for="{{synctable}}"的列表渲染有关   默认…

在微信小程序开发中,对于wx:for,可以使用wx:for-index="index"来获取数组中的元素的索引值(下标). <view class="item" wx:for="{{eventItems}}" wx:key="*this" wx:for-index="index"> ...... <view class="col-2"> <button si…

微信小程序中,for 循环的 index(索引值)可以用wx:for-index="index"来获取. <view class="item" wx:for="{{array}}" wx:key="*this" wx:for-index="arryIndex"> <button size="mini" bindtap="completeEventItem&qu…

微信展示列表效果借助于 wx:for  简单写一个列表(wxml文件中): 对应的数据源(js文件中): 写一个点击监听: 效果: 以上.可以实现列表的item点击效果,但是无法到点击的item对应的数据源数据 --------------------------------------------------------------------------------------------------- 解决方法: 给有点击事件的组件添加一个 data-any  属性 any可以是任意数据类…

效果图: 实现效果图红色线包含部分的九宫格效果,并附带item点击时间. ------------------------------------------------------------------------------------------------------  具体实现:  1.首先添加图片资源文件   在项目根目录新建一个目录,取名为images , 用于存放图片资源,然后添加进入几张图片  2.在home目录下的home.js 文件中(参照前两篇小程序实践文章) 进行数据…

今天小程序开发过程中,遇到了这个棘手的问题.由于我没有前端基础,只是知道一点儿基本的HTML标签,所以卡了好久,特此分享,望后来的你,可以有所收获. measure  step 1  *.WXML: 在view中用变量id,将item的索引存起来 <block wx:for="{{info}}" wx:for-index="item_id" wx:for-item="item_key"> <!--bindtouch函数绑定触摸弹…

第一次尝试玩小程序,配置好以后报错.pages/index/index/出现脚本错误或未正确调用Page() 才发现解决的方式是:新建的文件默认是没有page()的,所以你需要在.js文件中加上Page({});…

分享功能: onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: '首页', path: 'pages/index/index', imageUrl: "../../img/share.png" } } 今天在开发小程序分享功能时,报错如下. thirdScriptErrorCannot read pr…

在小程序开发中,会频繁遇到  Page "pages/index/main" has not been registered yet.   这种报错,意思就说指定的页面没有注册,找不到.遇到这种问题很可能不是代码问题,解决起来也真的是浪费时间,下面我介绍两种方式. 方法一:从源头处解决 产生这种现象的原因就是我们在新添加某些页面的时候为了图省事.方便,直接到文件夹中复制.粘贴.改文件名.通过这种方式创建页面就有很大几率报错,所以从源头解决的话,就是按照下图所示在项目目录中新建文件夹.文…

我的博客:来源链接 昨天看有个石头剪刀布的练习,就拿出来做了一下,布局的代码浪费了很多时间,果然CSS这块的还不是很熟练,下面直接上图上代码了. JS: var numAi = 0 var timer Page({ data:{ //控制按钮是否可点击 btnState:false, //记录获胜次数 winNum:0, //中间的话"Ho~ You Win" gameOfPlay:'', //用户选择的图片 imageUserScr:'/pages/image/wenhao.png'…

小程序刚出来的第一天,朋友圈被刷屏了,所以趁周末也小玩了一下小程序.其实发觉搭建一个小程序不难,只要给你一个demo,然后自己不断的查看文档,基本就可以入门了,不过对于这种刚出来的东西,还是挺多坑的,也就是文档说的bug&tips 本文只是搭建了cnode的首页和详情页,其他的什么个人中心啊,搜索啊,都是一样的道理,照葫芦画瓢,首页和详情页会了,其他的页面也就会了,所以其他页面我就偷懒没写了. 为什么会想到模仿cnode呢,因为这个网站有公开的API文档,调用起来方便.文档地址在这里:https…

网上找的帖子大多是直接在onload中请求数据.而我想实现的是点击按钮,然后请求服务器,接着返回数据,前端页面渲染.所以搞了挺久的,在此记录一下. 请求是按照微信官方给出的,wx.request 在这里,我的逻辑是:点击按钮--->根据绑定的事情注册函数-->发起微信请求-->判断是否返回数据,成功返回数据则显示请求成功.-->返回数据到前端页面进行渲染 废话不多说,直接上代码: 一.前端页面代码: <view class="container2">…

前言: 因为前段时间一直在做关于微信小程序方面的项目,作为一名后端的攻城狮而言做一些简单的前端页面数据操作和管理还是比较容易快上手的,当然前提是要理解微信小程序的基本语法和请求原理.该篇博客主要记录的是在编写微信小程序时使用比较频繁,实用的一些方法和一些基本原理的概括.个人觉得把这些方法掌握好了,开发一个小型的微信小程序那是绰绰有余的啦.当然我这里并没有深入的对一些语言进行详细的概述,纯属个人总结,假如需要详细的微信小程序语法文档请移驾到:[https://developers.weixin.q…

全栈开发工程师微信小程序-上(下) icon 图标 success, success_no_circle, info, warn, waiting, cancel, download, search, clear <view class="group"> <block wx:for="{{iconSize}}"><icon type="success" size="{{item}}" />&…

本文由作者邹永胜授权网易云社区发布. 简介 为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程.用产品的话说就是: 云信 IM 小程序 SDK 的能力演示 提供开发者小程序开发参考 换句话说就是在微信里面通过我们云信的IM SDK再实现一个mini版微信.整个小程序主要功能点总的来说是: 登录注册(为了实现不同端同一账号体系,所以没有采用微信授权登录) 最近会话展示 通讯录 单聊对话 用户名片 废话不多说直接上图: 一期已经上线,不足的地方,恳请…