网站开发

本系列为作者从入门开始进行详解，适合初入门者按照系列逐步观看学习； 1：页面的生命周期 在初始页面：index.js中增加如图1所示代码 图1 点击“编译”后，运行这个小程序：日志如图2所示：初始页面index.js启动会从app,js中的生命周期方法调用开始：onLaunch—onShow，然后开始调用index.js页面中的生命周期方法：onLoad—onShow—onReady，当点击“后台”时，页面index.js进入后台，这时回调生命周期方法onHide，如图3所示，如果再点击“前台”，使页面回到前台，这时回调页面生命周期方法：onShow（注意，这时不再回调onLoad） 如图4所示 图2 图3 图4 2：页面的跳转 编写index.wxml代码如图5所示，可以看出text组件绑定了一个事件：itemClick，itemClick方法实现详见图1： itemClick: function (){      console.log("---index page itemClick---");     wx.navigateTo({       url: '../logs/logs'     }) 登录后复制 其中：wx.navigateTo代表从index.js这一页面跳转到pages/logs/logs页面，注意：navigateTo代表跳转到logs页面后，index页面并不销毁，在logs页面下面，通过logs页面左上角的返回按钮可以返回到index页面，而如果是wx.redirectTo，则index页面销毁，无法从logs页面返回到index页面，这里就仅以wx.navigateTo为例 图5 在模拟器中如果点击文章2的text组件后，跳转到对应logs界面日志如图6所示，logs页面对应js代码如图7所示，通过对比图6，图7可以看出，当从index页面跳转到logs页面这个过程中，要先调用index生命周期方法onHide(如果是wx.redirectTo方式跳转还要调用index生命周期方法onUnload)，然后依次调用logs页面的生命周期方法：onLoad—onShow—onReady 图6 图7 3：页面间参数传递 将图1，index.js代码修改为： wx.navigateTo({      url: “../logs/logs?id=1&title=标题abc” …

scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块 主要属性： 使用演示： wxml <!--垂直滚动，这里必须设置高度--> <scroll-view>  <view></view>  <view></view>  <view></view>  <view></view></scroll-view><!-- white-space normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行) pre: 保持HTML源代码的空格与换行,等同与pre标签 nowrap: 强制文本在一行,除非遇到br换行标签 pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行 pre-line: 同pre属性,但是遇到连续空格会被看作一个空格 inherit: 继承 --><!--水平滚动--><scroll-view><!-- display: inline-block-->  <view></view>  <view></view>…

这次给大家带来在小程序里实现animation，在小程序里实现animation动画的有哪些，下面就是实战案例，一起来看一下。 微信小程序实现animation动画，具体内容如下 1. 创建动画实例 wx.createAnimation() 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation。注意: export 方法每次调用后会清掉之前的动画操作 动画队列 调用动画操作方法后要调用 step() 来表示一组动画完成，可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下一组动画。step 可以传入一个跟 wx.createAnimation() 一样的配置参数用于指定当前组动画的配置。 通过绑定动画即可调用动画执行。 创建的动画实例可以通过调用动画方法进行描述，调用结束后会返回自身，支持链式调用的写法。在同一个动画实例内部，可以定义多种运动形式，并定义多个动画绑定到不同标签 示例代码： animation1: {} animation2: {} touch: function () { let animation1…

最近在用thinkphp框架写微信小程序的服务端，可能真的是处女座的缘故，从官方下载了一个php的微信解密demo，明明能整合成一个类也没多少代码的，非要分几个类来写，考虑到thinkphp 5.0的框架对于扩展的类引用路劲看着太蛋疼，所以就整合成了一个类，方便调用，有需要的朋友可以download。 百度盘下载地址：pan.baidu.com/s/1kURMQ2b <?php /** * 对微信小程序用户加密数据的解密示例代码. * * @copyright Copyright (c) 1998-2014 Tencent Inc. */ class WXBizDataCrypt { private $appid; private $sessionKey; private $blockSize = 16; private…

最近在做微信的应用号小程序开发，小程序的后台数据接口需要https安全请求，所以需要我的nodejs服务器能够提供https的支持，现在就将整个https服务器的搭建过程说一下。首先，我试了一下以前的过期的证书，在开发者工具里模拟的时候可以正常访问接口，在手机里测试时候微信小程序的wx.request是会报ssl握手失败的错误(request error :  request: fail ssl hand shake error)，所以只能重新申请一个证书，这里推荐使用阿里云的赛门铁克 ssl/tls 证书，是微信支持的，可以免费申请使用一年。赛门铁克ssl证书申请申请完之后审核周期一般在1~3天，就可以下载证书文件，我们选择其他类别的证书解压出来之后的目录如下图，我们需要用到的文件为第一二个文件，也就是我们的私有秘钥文件。然后需要搭建我们的https服务器，这里用到的是node 1. 简介：最近在做微信的应用号小程序开发，小程序的后台数据接口需要https安全请求，所以需要我的nodejs服务器能够提供https的支持，现在就将整个https服务器的搭建过程说一下。 首先，我试了一下以前的过期的证书，在开发者工具里模拟的时候可以正常访问接口，在手机里测试时候微信小程序的wx.request是会报SSL握手失败的错误(request error :  request: fail … 2. 简介：　　我的上一篇文章已经阐述了“32位程序和64位程序在64位平台上读写注册表的区别”，那么接下来将要回答上篇所留下来的一个问题：32位程序如何访问64位系统注册表（即：64位程序所访问的注册表位置）。 3. 简介：很多程序都有记录日志的需求，并且日志中包含的信息即有正常的程序访问日志，还可能有错误、警告等信息输出，python的logging模块提供了标准的日志接口，你可以通过它存储各种格式的日志，logging的日志可以分为 debug、info、warning、error、critical 5个级别，下面我们看一下怎么用 4. 简介：各位大神中午好，我在网上看到了这么一个知识点：函数内部声明的global变量可以被外部主程序访问 接着我运行了下面的代码，也验证了上面的结论：…