小程序—架构篇(一)

作者: 77ee9c61a859 | 来源:发表于2016-12-08 12:52 被阅读1481次

小程序到底能做什么,从技术方面做了一些分析 。

小程序:开发者可以在微信中开发具有原生 APP 体验的服务。

小程序架构:

视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

响应数据的绑定是核心:

整个系统分为两块视图层(View)和逻辑层(App Service)。

举个栗子:

代码片段

开发者通过框架将逻辑层数据中的 name 与视图层的 name 进行了绑定,所以在页面一打开的时候会显示 Hello WeChat!

当点击按钮的时候,视图层会发送 changeName 的事件给逻辑层,逻辑层找到对应的事件处理函数

逻辑层执行了 setData 的操作,将 name 从 WeChat 变为 MINA,因为该数据和视图层已经绑定了,从而视图层会自动改变为 Hello MINA!

相关文章

  • 小程序—架构篇(一)

    小程序到底能做什么,从技术方面做了一些分析 。 小程序:开发者可以在微信中开发具有原生 APP 体验的服务。 小程...

  • 微信小程序应用开发全流程(第一篇)

    目录 第一篇小程序概述 第二篇如何注册接入小程序及搭建开发环境 第三篇小程序的架构及实现机制,信道服务及会话管理 ...

  • 微信小程序架构篇

    一、小程序架构每个小程序的结构都有两个主要部分构成:主体部分+各个页面。类似于许多框架,主体部分主要用于核心的配置...

  • 微信小程序入门篇(二)

    上篇 微信小程序入门篇(一)我们讲解了一下小程序的整体架构,今天来讲一下,一个页面的具体实现原理,好注意听,下面要...

  • 小程序架构

    两个主要部分独立运行: view 模块和 service 模块 WeixinJSBridge 相比与之前的微信 w...

  • 小程序架构

    后台 nginx反向代理 - 》node服务器 -》express框架 -》 mysql数据库

  • 小程序架构

    微信小程序开发文档规范:https://shimo.im/docs/EZKacqyM018gmopv 1. 设置公...

  • 小程序基础

    小程序越渐完善,学习一下小程序,给未来多一个可能。 小程序架构 主体: app.js:小程序逻辑 app.json...

  • 微信小程序 - 收藏集 - 掘金

    一起脱去小程序的外套 - 微信小程序架构解析 - 前端 - 掘金 导语 微信小程序的公测掀起了学习小程序开发的浪潮...

  • 小程序开发架构及原理

    小程序开发架构及原理 小程序宿主环境差异 iOS JavaScriptCore WKWebView 渲染 andr...

网友评论

    本文标题:小程序—架构篇(一)

    本文链接:https://www.haomeiwen.com/subject/vmajpttx.html