微信小程序应用号开发经验

昨天，微信小程序(申请号)内测的消息炸开了整个技术界，我忍不住跟着几波。可惜没有内测资质，听说破解版出来了。今天早上尝试用原有的项目资源开发，总结了经验。

整体体验

开发效率高，6: 40左右破解IDE，7336020左右完成首页和导航栏的布局，感知布局用微信封装，比传统前端开发效率更高。前端可以快速上手：一个熟练的前端可以快速上手，可能只需要一个小时就可以看完文档，加上一个官方示例。开发工具难用，很多目录操作、常见的IDE格式化代码、html配对等功能暂时不支持。开发限制了很多常见的前端DOM和窗口操作，降低了开发的灵活性和难度。我没有内测资格，小程序还不能上传体验，只能下载代码进行本地体验。本文的代码放在github中

上面的截图

相关资源

开裂的集成开发环境

收集发展资源

集成开发环境技术堆栈：节点工具包反应

输入的安装目录：微信Web开发者工具\package.nw\app，为*。nw，可以猜测它是一个由NodeWebkit封装的web应用程序。有关详细信息，可以通过依赖node_modules来确认。该条目在package . JSON“main”:“app/html/index . html”中定义。

所有成分本质上都是反应成分

在门户中，您可以看到React和reactom被直接引用

使用“严格”；函数init() { tools。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/contain controller . 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/捷径/捷径. js ')，l=global . appconfig . isdev；//.}看组件dropboard的定义。这不是在ES5中常见的React创建组件的方法吗？

使用"严格";var React=require('././lib/react.js ')，下拉=react。createclass({显示名称： '下拉'，render : function(){ return react。createelement(' div '，{类名： '下拉项' })，React.createElement('img '，{ src : ' https://mrb。github。io/阿凡达/JF。jpg '，alt 333333公众号名称啦))，React.createElement('div '，{类名： '下拉-item-extra ' }，React.createElement('img '，{ src : ' https://mmrb。github。io/阿凡达/JF。jpg '，alt: '，'类名： '下拉-item-item-extra-icon ' })，React.createElement('div '，{类名： '下拉-item-item-item-active ' }，React .公众号名称啦公众号名称啦公众号名称啦)))、React.createElement('div '、{类名： ' drop-item ' }、React.createElement('img '、{ src : ' https://mmrb。github。io/阿凡达/JF。jpg '，alt: ' '，类名： ' drop-item-icon ' })，React.createElement('div '，{类名： '下拉-item-info ' }，React.createElement('p '，null，'公众号名称啦)))、React.createElement('div '、{类名： ' drop-item ' }、React.createElement('img '、{ src : ' https://mmrb。github。io/阿凡达/JF。jpg '，alt: ' '，类名： ' drop-item-icon ' })，React.createElement('div '，{类名3: ' drop-item-info ' }，React.createElement('p '，null，'公众号名称啦')))) }});模块。导出=下拉列表；微信限制了小程序的包大小

同时微信限制了小程序包的大小，为755kb，对缓存和本地文件应该也有控制，这相对原生应用动不动几十兆上百兆的大小来说，绝对是一个亮点，给网上很多人说装微信小程序同样会占用手机存储的人一个响亮的耳光。

总结

总的来说，对前端来说绝对是一个好消息，短期内前端待遇可能上涨，但小程序开发门槛较低（比前端的低),有一部开发人员是面向工资编程，随着开发人员的流动，长期还是会和其它相关的的技术岗持平。所以，少年，不要激动，还要是把基础知识打扎实。

以上就是对微信小程序的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！