微信小程序官方文档和开发工具.pdfVIP

微信公众平台 · 小程序文档 1. 小程序开发文档 /debug/wxadoc/dev/index.html 2. 小程序设计指南 /debug/wxadoc/design/index.html 3. 小程序开发者工具 /debug/wxadoc/dev/devtools/download.html ：小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这个月就与小程序无缘了 ，庆幸的是微信这两天发布了正式版开发者工具，无需内测邀请也可 以尝鲜了。 因此也就有了我与「小程序」的初体验，而我的感受只有一个字——爽！ 开发者工具使用教程： 忍不住想看下究竟，看看小程序有什么过人之处。打开 /wiki ，左侧导航栏第一个就是小程序 ，一眼就看到了，点 进去看看。被小程序开发者工具吸引，下了一个，很快就安装好了。通过手机的微信号 扫描二维码登录进去，添加项目，可以不用输入 AppId ，直接输入项目名称、选择项目目 录，马上就看到效果了。 　　 点击头像，跳转到启动日志上来了 　　有个工具，确实方便太多了，不用动脑筋就能跑起来。 　　查看了下代码结构，比较清晰。index.wxml 是 xml 格式，用于界面布局 ,类似于 html ，很多标签直接使用的就是htm 标签；index.wxss 是 css 样式定义，语法与 css 是 一样的;index.js 是 js 文件，定义了事件处理过程。将界面布局与处理代码分离，看起来 比较干净简单，与传统界面开发程序 vb 和 delphi 的处理思路是一样的。不过 vb 和 delphi 是拖放控件开发，比之更加简单容易上手。 　　认真分析了下，发现开发框架与目前流行的 vuejs 比较接近。阿里今年 5 月份开源了 一个 Weex(http://alibaba.github.io/weex/) ，能在Android\iOS\浏览器中运行，同 样是借鉴了 vuejs 的开发框架，最近 vuejs 创始人也被 weex 请过去做技术顾问了。 　　暂时没有办法分析微信小程序的移动端运行环境，不知是否采用了和 React-native 和 weex 类似的方式，在移动端使用的是本地原生控件+js 的做法。react-native 和 weex 使用本地原生控件，解决了不如原生应用流畅的问题。 　　为什么脚本内不能使用 window 等对象 　　页面的脚本逻辑在是在 JsCore 中运行，JsCore 是一个没有窗口对象的环境，所以不 能再脚本中使用 window ，也无法在脚本中操作组件 　　不过从微信小程序的 QA 中这一条分析，明显使用的不是浏览器的环境。并且在事 件处理过程中 alert 也使用不了，这也说明它使用的很有可能是原生的控件，采用类似于 React-Native 和 Weex 的结构，这样就与本地原生程序在用户体验上的差别就很小了。