• 上一篇教程中对index页面进行了解析,这一篇来解析下logs页面老规矩先上图该页面包含返回按钮(用于返回index页面),页面title和程序启动日志列表。 和index页面相比,logs页面多了一个logs.json文件,来配置页面...
    上一篇教程中对index页面进行了解析,这一篇来解析下logs页面
    
    老规矩先上图
    
    ![logs页面](https://img-blog.csdn.net/20161110212420683)
    
    该页面包含返回按钮(用于返回index页面),页面title和程序启动日志列表。
    和index页面相比,logs页面多了一个logs.json文件,来配置页面title的内容
    ```json
    {
        "navigationBarTitleText": "查看启动日志"
    }
    ```
    更多配置项可以参考[配置  小程序](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=1476197491659%20%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E9%85%8D%E7%BD%AE)
    
    ```html
    
    
      
        {{index + 1}}. {{log}}
      
    
    ```
    在logs.wxml中,定义了三个标签,分别为view,block和text,其中view标签为容器,block用于绑定logs数组,而text标签用于显示每一条log。wx:for和wx:for-item是小程序框提供的列表绑定语法,更多详情请参考[列表渲染](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html?t=20161107%20%E5%88%97%E8%A1%A8%E6%B8%B2%E6%9F%93)
    
    ```javascript
    //logs.js
    var util = require('../../utils/util.js')
    Page({
      data: {
        logs: []
      },
      onLoad: function () {
        this.setData({
          logs: (wx.getStorageSync('logs') || []).map(function (log) {
            return util.formatTime(new Date(log))
          })
        })
      }
    })
    
    ```
    logs.js定义了logs数组,并在onLoad方法中从本地缓存中获取程序启动时间数据,之后调用数组的map方法来将时间格式化为字符串
    
    ```css
    .log-list {
      display: flex;
      flex-direction: column;
      padding: 40rpx;
    }
    .log-item {
      margin: 10rpx;
    }
    ```
    最后仍然是logs.wxss,对页面样式进行控制。
    
    到此为止,默认生成程序的解析部分就结束了。这个解析过程是为了对微信小程序有个总体上的理解,所以很多地方并没有深入。在后面的教程中,我会继续讲解微信小程序开发的各个方面。
    展开全文
  • 微信公众平台开发的一个重要作用, 就是把用户相关的行为转换成数据进行记录, 然后再根据这些数据进行分析, ...微信开发写入log日志视频教程在线观看 http://edu.csdn.net/course/detail/2586/4205
  • 微信开发者工具调试大法 2019-01-24 11:44:29
    于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间...(一)微信开发...
  • 微信开发sdk_二次开发微信API更新日志 微信开发sdk_二次开发微信API更新日志 2.6.35 清粉优化 小于1k的图片发送失败的问题 联系人资料新增电话号码和描述 发布2.6.31->2.6.34 清粉发消息改成发...
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 微信开发工具下载:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=1474644083132 微信开发API说明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=201715 微信开发API组件说明:...
  • h5页面需要获取微信用户信息,参考微信开发者文档: 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,...
  • 但是微信开发跟本地开发不同, 本地开发时, 你可以通过调整错误级别来显示错误提示, 方便你调试程序, 但是微信开发时是没有错误信息提示的。 这里应该怎么获取公众平台开发过程中的错误信息呢… ...
  • 原文地址:... 本文由本站halfyawn原创:感谢原创者;... ...微信小程序开发工具的数据,配置,日志等目录在哪儿? 怎么找? 首先分析了一下源码,日志目录应该同NW.JS的应用目录相关,,,查查
  • 微信开发调试工具 2019-01-11 19:31:45
    在开发微信公众平台时,大多数都是用手机通过微信发送消息,然后用...微信开发调试工具使用说明:1.请求网址 请求网址输入你在公众平台开发模式下的那个URL(如下图),这个工具不带有验签算法之类的,所以不用填...
  • 为了抢得先机许多人开始吧目标瞄准了小程序,开始利用开发工具开发小程序,那么微信官方的小程序开发工具怎么使用?1. 获取微信小程序的 AppID首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并...
  • 作为一个开发者,官方API文档使用会非常频繁。 快捷方式:点击工具栏中的【微信开发者工具】,然后点击【开发者文档】即可。
  • 微信web开发工具 2016-10-04 19:11:52
    开发网址 点击打开链接 使用自己的微信号来调试微信网页授权 为了保证开发者身份信息的安全,对于希望调试的公众号,我们要求开发者微信号与之建立绑定关系。具体操作为:公众号登录管理后台,启用...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 开发者工具下载安装 我们把开发者工具下载安装好后 (1)打开扫码登入开发者工具 出现以下页面,点击加号创建项目 填入我们在登入微信公众平台刚刚申请到的小程序的 AppID 如果不填appid创建的项目有些功能会无法...
  • 然后出现下图所示窗口,在项目目录里填上你所期望的小程序根目录,如果这一栏不填,开发工具会自动添加一个根目录,建议自己设置根目录比较好;AppID填写在小程序微信公众平台开发设置中找的小程序id或者是点击体验...
  • CleverCode前一段时间想去接触一下微信开发,申请了一个人订阅号,发现暂不能申请个人认证,而且没有微信接口的很多权限,也没有自定义菜单的权限(开发模式下)。在开发模式下,只能到手公众号里面的回复信息,然后...
  • 本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
1 2 3 4 5 ... 20
收藏数 22,408
精华内容 8,963