这一篇主要说头像上传，以及修改保存的功能。本章节主要用的知识点有1.wx.chooseImage 从本地相册选择图片或使用相机拍照。2.wx.uploadFile将本地资源上传到服务器.3.修改原来的小程序头像并保存，调用后台接口修改操作 第一步：我们要获取本地图片，官方文档：https://dev...

刚刚接触小程序，小程序与HTML5有一定的差别，小程序就几个标签，而HTML5一大堆标签，还不断更新，但是新增标签功能强大。做一下微信小程序的布局练练手。感觉还是挺不错的，也封装了很多东西功能出来，与mui有类似。做这个简单的布局，以大海为主题，蓝色调为主色，浅灰为辅。 ...

  微信小程序的右上角就有分享功能但是必须逻辑层必须有onShareAppMessage这个方法，/***用户点击右上角分享*/onShareAppMessage:function(){},ViewCode 微信小程序转发官方文档：https://developers.weixin.qq....

Page({/***页面的初始数据*/data:{array:[]},/***生命周期函数--监听页面加载*/onLoad:function(options){varthat=this;console.log("start");//ajax请求开始wx.request({url:'',//ajax的请求路径method...

写在后面的话基本算是吐槽了，在学完小程序的课程之后，我用博客园的api，写了个闪存的小程序，本来兴致勃勃甚至这篇是准备写“我的第一个小程序发布啦”，然而并没有。不是说我偷懒了没写，又或者个人拖延的原因，而是因为： 我一个个人开发者哪来什么企业主体的小程序号啊，于是可以说这个小程序算是暂时死掉了，只能期待将来U...

之前在讲到模板部分的时候，模板引入了，实际上模板对应的wxss也是可以独立开进行单独引入的。使用 @import 语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束，如下例：/**common.wxss**/.small-p{padding:5px;}4&nb...

微信小程序中用于发起网络请求的API就是wx.request了，具体的参数太多，此处就不再一一详举了，基本使用示例如下：wx.request({url:'test.php',//仅为示例，并非真实的接口地址method:"POST",data:{param1:'',param2:''},header:{'content...

如果相同的wxml代码可能在不同的页面重复使用，ctrl+c配合ctrl+v的方式，后期维护起来未免也太麻烦了。微信提供了“模板”，可以在模板中定义代码片段，然后在不同的地方调用。使用<template>对代码进行模板定义，并使用name属性为模板进行命名，如：<templatename="msgIt...

在微信小程序中，事件的绑定依附于组件，当事件触发时，就会执行事件对应的处理函数。我们回到前几章中的例子，将index页面调整为首页（app.json中调整pages数组元素的顺序），此时我们希望，点击页面中的“HelloWorld”字样，能够跳转到我们之前写的Welcome页面中去：首先来说明一下事件的绑定形式：事件绑...

对于小程序中的wxss布局方式，不推荐使用诸如position，float之类的属性，而是采用flex布局，灵活快捷自适应，关键是自适应！此处另起标题也是为了表达我对其强烈的推荐，因为我这个后端都能用flex很好的布局，可见其简单快捷性！强烈推荐阮一峰老师的两篇博文：Flex布局教程：语法篇Flex布局教程：实例篇...

如上图，整个IDE分为四个部分：中间的文件目录树模拟器（左侧）编辑器（右上）调试器（右下） 其中调试器是不是很熟悉？没错，和你用的chrome开发者工具一模一样，稍微有点要提醒的是：.js类型的文件，在Sources中都有两个，其中xx.js是编译后的，xx.js?[sm]才是和我们实际文件相同，调试时使用x...

我总是喜欢在写东西之前唠唠嗑，按照惯例会在博文的开篇写这么一段“写在前面的话”，这次却为了这个唠嗑单独开了一篇文，大概预想着要胡说八道的话有点多。前段时间突然对小程序来了兴趣，说句实话，我都忘记了准确的导火线，大概是一直想做点什么个人的小作品，结果又因为贫穷限制了我买服务器。索性这个世界上有种东西叫“第三方API”，我...

最近在做一个导航的时候，发现使用overflow-x:auto来做多内容滑动导航效果很不好，思索是不是可以使用swiper来做一个，研究了下其实发现原理基本相同这里说下，要用swiper做导航菜单，有几个要特别注意的参数1：autoplay，官方说明【是否自动切换】，这个不填，菜单可不能自己动2：indicator-d...

最近在做小程序时候，发现一些商品图片在渲染时一直报错，也不显示，但是控制台打印出来的路径却有没有问题报错提示出错的路径会在前面自动加上“page/**”,思索了之后想到了微信只能解释https的地址，顿时来了主意， 错误如图 在遍历时对图片路径进行处理，加上https://dataSource&am...

以前做过PC页面微信支付，但是这次在小程序直接调用微信支付功能还是方便很多先放个微信官方API链接：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5先说说整个下单支付流程的整体思路，0，准备工作：一，appId，...