问题描述

onShow 事件在小程序里面非常重要，场景之多，导致处理起来很复杂。很多业务场景依赖与onShow与onHide事件。比如分享给他人，在群里PK等等。

阅读剩余部分 ->

canvas 中画另外一个canvas，在原生的接口里面有一种方法

阅读剩余部分 ->

截止目前为止，自己开发过不下十款小程序。算是有些经验，其实对于一个熟悉了前端开发的工程师，小程序的入门会非常简单，无非是要多熟悉些API和小程序的开发工具。本质上和写一个H5页面没有什么区别。

阅读剩余部分 ->

为了适配微信小程序开发，需要改引擎的代码，大概40处左右，主要是将DOM和BOM操作的相关接口改掉。

cocos体系和Laya体系还是很不一样的。

阅读剩余部分 ->

Protobuf

Google Protocol Buffer( 简称 Protobuf) 是 Google 公司内部的混合语言数据标准，他们用于 RPC 系统和持续数据存储系统。

Protocol Buffers 是一种轻便高效的结构化数据存储格式，可以用于结构化数据串行化，或者说序列化。它很适合做数据存储或 RPC 数据交换格式。可用于通讯协议、数据存储等领域的语言无关、平台无关、可扩展的序列化结构数据格式。为什么要讲到它，因为我们后台的协议就是用的它。

阅读剩余部分 ->

protobuf对于后台开发来说应该是在熟悉不过了，google定义的协议。这次我们要拿它在前端干点事，它定义了后台的数据结构，那么如果前后台的数据是一一对应的，protobuf就能为前端所用。尤其是在前后台同时开发的时候。通过gulp-protobufjs来解析protobuf文件，生成对应的JSON文件。

在使用的过程中，刚开始一切都很顺利，直到遇到了这个错误：

Error (gulp-protobufjs): cannot determine import root

这个错误让人一脸懵逼啊，字面意思是import依赖出错。后来检索到关键字出打log，发现依赖google/protobuf/descriptor.proto的时候这个错误就出现了，其他情况相当的正常。

gulp-protobufjs这个gulp插件最终是依赖了protobuf.js这个来处理，核心逻辑全在这里面。在他的issues里面找到一个差不多的错误，依赖没有解决的思路。根据google/protobuf关键字搜索到这个项目的readme。事情终于出现了转机：

Though it’s possible to include them:

1. You may explicitly reference them by providing a relative or absolute path in your .proto files. E.g. use ./google/protobuf/descriptor.proto and bundle the file with your application.

2. If you use the proto2js command line utility with the -legacy option and the descriptor namespace is explicitly referenced, it is included in the generated output.

readme 里面说的意思是说，默认是没有把google/protobuf/descriptor.proto解析进来，但提供了两种方式把他加进去。一直是写相对或者绝对路径，而是通过legacy配置。

通过阅读源码：node_modules/protobufjs/cli/pbjs.js，发现处理legacy命令的地方，他的描述也确实如此。那么他实际对应的就是options。

legacy: {
                alias: "l",
                describe: "Includes legacy descriptors from google/protobuf/ if\nexplicitly referenced.",
                default: false
            },

剩下的问题就是在配置项加上这个。有点坑爹的是，gulp-protobufjs插件把这个配置项堵死了，对外的接口压根没有设置这个参数的。无奈之下，只能去修改他的源文件了node_modules/gulp-protobufjs/options.js

options = {
    encoding: encoding,
    input: input,
    target: target,
    path: options.path,
    ext: extension,
    noErrorReporting: noErrorReporting,
    showStack: showStack,
    legacy: true // 这里增加一个参数
};

对应源文件的42行，加上此就能愉快的转换了。后面再介绍整体的pb2json整体的流程。发现这个还是挺有用，除了mock后台返回的数据，在做前端页面适配，xss测试等等都能够有很大的用处，前端可以变得更加自动化，节省人力，提高效率。

背景

加速度计的接口在可发过程中可能用的不是很多，但有一个大家比较熟悉场景就是摇一摇，自从微信火了之后，摇一摇便是一个神奇的存在。本期就要来谈一谈摇一摇，利用微信小程序的加速度计接口做一个摇骰子的功能。

阅读剩余部分 ->

先看遇到的问题，在PC的微信开发工具上，调试开发我们的小程序。然后用手机扫描在手机上预览，这时候发现后台数据并不能成功返回。

也就是说在PC切换手机的时候，登录态是失效的。

阅读剩余部分 ->

一直发现小程序好慢，尤其是第一次打开的时候。因为第一次会涉及到登录的授权，官方文档是这么说的：

通过 wx.login() 获取到用户登录态之后，需要维护登录态。开发者要注意不应该直接把 session_key、openid 等字段作为用户的标识或者 session 的标识，而应该自己派发一个 session 登录态（请参考登录时序图）。

阅读剩余部分 ->

微信的小程序已经推出好一段时间了，项目组也做了好几个小程序，但都是跟同事一起协作完成的，但这次跟大家聊聊一个人如何做一款小程序。

阅读剩余部分 ->