本文主要介绍微信小程序（应用编号）开发经验的相关资料，有需要的朋友可以参考

昨天微信小程序（申请号）封闭测试版的消息激起了整个技术界的兴趣，我忍不住走了几波，但不幸的是，我没有封闭测试版的资格。听说破解版出来了。原始项目资源已经过试制并总结了经验。

总体经验

开发效率很高。 IDE在大约6:40破解，主页和导航栏的布局在大约7:20完成。微信感知的布局已打包，比传统的前端开发更有效。前端可以快速使用：熟练的前端可以快速使用，阅读文档和一个官方示例可能只需要一个小时。开发工具很难使用。暂时不支持IDE的许多目录操作和通用格式代码，html匹配和其他功能。开发限制了前端的许多常见Dom和窗口操作，并且降低了开发的灵活性和难度。我没有进行内部测试的资格，小程序还不能上传经验，只能下载本地经验的代码。

本文的代码在github

上

上部屏幕截图

相关资源

破解的IDE

开发资源收集

IDE技术堆栈：NodeWebkit + React

输入安装目录：微信Web开发人员工具\ package.nw \ app

这个* .nw可以完全排除它是由NodeWebkit封装的Web应用程序的可能性，

查看依赖项node_modules可以确认猜测。

该条目在package.json“ main”：“ app / html / index.html”中定义。

所有组件本质上都是React组件

在入口处，您可以看到直接引用了React和React DOM

"use strict";function init() { tools.Chrome = chrome; var n = require("../dist/lib/react.js"), e = require("../dist/lib/react-dom.js"), i = require("../dist/common/loadInit/init.js"), o = require("../dist/components/ContainController.js"), t = require("../dist/common/proxy/startProxy.js"), r = require("../dist/actions/windowActions.js"), s = require("../dist/actions/webviewActions.js"), d = require("../dist/stroes/webviewStores.js"), u = require("../dist/common/log/log.js"), c = require("../dist/common/shortCut/shortCut.js"), l = global.appConfig.isdev; //...}

查看组件Dropdown的定义。这不是在ES5中创建组件的熟悉的React方法吗？

"use strict";var React = require("../../lib/react.js"), Dropdown = React.createClass({ displayName: "Dropdown", render: function () { return React.createElement("p", {className: "dropdown"}, React.createElement("p", {className: "dropdown-item"}, React.createElement("img", { src: "https://mmrb.github.io/avatar/jf.jpg", alt: "", className: "dropdown-item-icon" }), React.createElement("p", {className: "dropdown-item-info"}, React.createElement("p", null, "公众号名称啦")), React.createElement("p", {className: "dropdown-item-extra"}, React.createElement("img", { src: "https://mmrb.github.io/avatar/jf.jpg", alt: "", className: "dropdown-item-extra-icon" }))), React.createElement("p", {className: "dropdown-item dropdown-item-active"}, React.createElement("img", { src: "https://mmrb.github.io/avatar/jf.jpg", alt: "", className: "dropdown-item-icon" }), React.createElement("p", {className: "dropdown-item-info"}, React.createElement("p", null, "公众号名称啦公众号名称啦公众号名称啦"))), React.createElement("p", {className: "dropdown-item"}, React.createElement("img", { src: "https://mmrb.github.io/avatar/jf.jpg", alt: "", className: "dropdown-item-icon" }), React.createElement("p", {className: "dropdown-item-info"}, React.createElement("p", null, "公众号名称啦"))), React.createElement("p", {className: "dropdown-item"}, React.createElement("img", { src: "https://mmrb.github.io/avatar/jf.jpg", alt: "", className: "dropdown-item-icon" }), React.createElement("p", {className: "dropdown-item-info"}, React.createElement("p", null, "公众号名称啦")))) }});module.exports = Dropdown;

微信限制了小程序的数据包大小

同时，微信将小程序程序包的大小限制为755kb。它还应控制缓存和本地文件。与本机应用程序数十兆或数百兆的大小相比，这绝对是一个亮点。互联网上的许多人说，安装微信小程序还会在电话存储设备上占很大的比重。

摘要

通常，对于前端绝对是个好消息。在短期内，前端治疗可能会增加，但是小程序的发展阈值较低（低于前端）。有一个开发人员是以薪水为导向的编程。由于开发人员的流动，它将在很长一段时间内与其他相关技术职位保持一致。因此，青少年不要激动，但也可以巩固基础知识。