博客水木

一、什么是事件? 1.一种用户的行为 用户长按某一张图片，点击某个按钮，这就是用户的行为，也是事件 2.一种通讯方式 为什么说事件也是一种通讯方式呢？因为用户点击按钮的时候，这是发生在UI层的，我们的UI要把一些信息发送给我们的逻辑代码，因此也是一种通讯方式 二、事件的类别 1.点击事件tap 2.长按事件longtab...继续阅读

前言 如果您在看此文章之前有过其他程序的开发经验，那一定会知道一般例如安卓或者苹果的原生APP都提供了本地的存储功能，甚至可以使用sqlite数据库来做存储。可是微信的小程序框架基于微信本身，其实际运行环境只是在浏览器里面，所以不会提供那么丰富的数据存储实力。但html5开始已经可以在浏览器里面存储数据，好在微...继续阅读

今天要介绍的是获取formId 为什么要获取formId 在回答这个问题之前先简单的介绍下微信的模板消息功能。 在一开始，模板消息这个权限可不是所有都公众号都有的，即使你已经交了300块完成了微信认证。只有一些比较牛逼的企业例如说各个银行，人家的需求是类似在每次有交易信息的时候通知用户，这样的功能简直不能太好，人家...继续阅读

值得注意的是，小程序框架里没有直接将openid和unionid以明文的方式给到前端。而是需要我们的服务器去通过微信的API来得到。 所以，要想小程序能够基于我们本身的业务逻辑正常运行，服务器正确处理用户数据是最基础的工作，所以今天小猪再花一篇来介绍上篇文章中说到的第二种方式来获取用户标识。 为什么使用unionid 这种...继续阅读

微信小程序的默认demo其中有一段是涉及到用户的用户信息的，我们在小程序里也看到了我的头像和昵称信息。 研究下他的代码，主要在 app.js 文件中。 //app.js App({   onLaunch: function () {     //调用API从本地缓存中获取数据     var logs = wx.getStorageSync('logs') || []     logs.unshift(...继续阅读

准备工作 API中有关于网络的接口，需要配置合法域名，如果不想配置，可以直接在开发工具中设置，如下图 如果没有在开发工具中设置，也没有设置合法域名，运行时爆出如下错误 wx.request 该API既支持http请求，也支持https请求。 对于网络请求，小程序大大减轻了我们的工作量，不需要再次解析json，只需要将data的结构...继续阅读

icon icon组件有3个属性，如下： type，可选值：success, success_no_circle, info, info_circle，warn, waiting, cancel, download, search, clear color，如#C9C9C9。 size，默认为23px。 先看一张效果图： 再看具体的wxml和wxss。 <view class="demo-view-4"> <view class="view-1"> &...继续阅读

横向滑动，如下 /*wxml*/ <view> <scroll-view class="demo-view-1" scroll-x="true"> <view class="bc_green bc_size inline"></view> <view class="bc_red bc_size inline"></view> <view class="bc_blue bc_size inline"></view> ...继续阅读

先来看一段样式，在wxss中 page{ background-color: cadetblue; background-image: url(../../../image/weixin_logo.png); background-repeat:repeat-x; background-position-y: top; } 注意，page前面并没有小数点，而且也不用被调用，它会自动被框架调用，使用里面的属性来设置当前页面。 效果图...继续阅读

先来看一个示例 /*demo.wxml*/ <view> <view></view> <view></view> <view></view> <view></view> </view> /*demo.wxss*/ .demo-view{ display: flex; background-color: #ffffff; height: 100%; flex-direction: row; } .bc_green{ background-color: #00...继续阅读