微信小程序开发和运维需要懂得掌握哪些知识

微信小程序开发是腾讯微信团队推出的基于微信生态的应用号，是一种跨平台，媲美原生App操作体验的web应用，它拥有，即用即走、离线存储、跨平台等特点，我们今天聊一聊小程序开发和运营需要懂得掌握哪些知识 Page Frame Web应用在微信下实现如原生应用般顺滑的体验，主要靠Page Frame，Native会预先加载一个WebView，当打开小程序落地页面的时候，就直接通过-CDN上的资源以及数据渲染页面，请求数据则局部刷新，页面返回直接history弹栈，退出小程序，View状态并不会销毁。

MVVM 微信小程序的前端架构设计，以及开发模式，充分参考了Vue、React这一类MV*的前端开发框架，我们简单举几个例子：比如通过{{data-bind}}进行数据双像绑定，就像极了Vue的设计风格；再比如一些标签语法糖，列表循环： 。

{{item}} 相信写过AngularJS 和 Vue的同学都不会陌生；再比如，事件绑定： {{count}} Page({ data: { count: 1 }, add: function(e) { this.setData({ data: this.data.count + 1 }) } }) 如果你开发过React，那么其里面有一个setState的方法可以用来改变状态的值，这里的setDate也是一样的，通过绑定的add方法来改变视图中count的值。

模块化思想这些都是现在前端框架必备基础 组件 微信小程序框架与其他开发框架不同，比如vue react都是只管安心做好框架，UE层面的套件库都由各路使用者来贡献，比如饿了么的element，蚂蚁的ant-design，微信小程序直接提供了在小程序开发过程中常用的UE组件，小程序的组件遵循web component标准，并使用polymer框架实现web component。

视图容器、表单组件、导航、媒体组件、地图组件、画布这些基础的元素级组件分享、登录、支付这些功能性组件 API 在appservice层，微信提供了N多API，其实就是jsbridge，用于提供js访问native的能力和通道，像：wx.*storage* 访问存储相关接口wx.*file* 文件操作相关apiwx.*systeminfo* 获取机型wx.*network* 获取联网状态还有更多媒体、界面的操作api不一一列举，可以直接参考文档-开发-API部分 利用分析工具透视微信小程序 当简单了解了小程序是什么之后，我们摸索着做了一个小程序的demo，利用豆瓣图书的api（做完了才发现git上已经有无数这样的demo），成功运行小程序之后，我们又有了对小程序做数据透视的想法，官方的数据分析模块有提供，但及其简单，只是基础的运营指标+自定义事件（自定义事件功能还是蛮屌的，实现了无埋点），业界搜索了一下，有微信小程序分析相关的平台or产品并不多，talkding data，hotapp，腾讯移动分析(MTA)，这里，我们选择了MTA，接下来就针对MTA的sdk代码和功能，来看看如何利用数据分析工具运营小程序。

数据分析SDK源码解读 整个SDK对外暴露了三个对象App、Page、Event mta.App.init({config_obj}); 做统计信息的初始化，在应用入口app.js App.onLaunch方法中调用，很显然是做一些统计信息初始化的工作，其中除了常规的统计ID的初始化，我们发现有对使用分析统计功能的开关设计，通过反混淆源码发现，以统计分享为例： var a = getCurrentPages()[getCurrentPages().length - 1]; MTA_CONFIG.stat_share_app 。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。