小程序开发与网页编程的异同点对比

  
     获取头像昵称 
    
      
      {{userInfo.nickName}}
    
  
  
    {{motto}}
  

小程序构建与网页编码在体系构造上有着明显不同。小程序的app.json文档担当着全局设定关键角色，里面囊括了小程序所有页面方位、界面形态、网络响应时限、底部导航栏等设定内容，这同网页编程的HTML+CSS+JS搭配方式有着根本性分别。

小程序页面配置体系

小程序借助app.json达成整体设定，并且各个页面配备有各自的page.json设定文档。这种分级设定途径让建构更为单元化。与此形成对照的是，网页建构时需借助众多HTML文档来处理不同页面，缺少一个集中的整体设定体系。

{{msg}}

样式管理方式

this.setData({ msg: "Hello World" })

该小程序设有两种样式文件，分别为全局样式文件app.wxss和页面级样式文件page.wxss。app.wxss会对全部页面生效，page.wxss则仅作用于所在页面。在网页开发领域，CSS同样能区分全局与局部样式，不过这需要开发者手动操作才能达成相同功能。

{{ msg }}
点击我

开发模式差异

网页构建经常使用直接干预DOM的技术，借助JS变量保存数据并管理视图组件。一旦工程体量增长，这种手法会造成程序组织混乱。微应用吸收了MVVM的设计理念，实现了呈现层与业务逻辑的区分，因而形成了更为规整的代码布局。

Page({
  clickMe: function() {
    this.setData({ msg: "Hello World" })
  }
})

组件化开发

小程序系统提供了多样的功能模块，创作者仅需在WXML文件里设定模块标识就能调用。比如要呈现地理信息，只需要

生命周期管理

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ]
}

小程序运用App实例负责整个应用的运行过程，所有页面都使用同一个App实例。每个页面具备自身的运行阶段函数，这种安排与网页开发中各自分离的运行阶段控制相比，显得更为整齐划一。

从上述对比中可以明确，小程序构建在配置管理、版式设定、模块构建以及程序周期调控等层面都构建了别具一格的规范，让创造者获得更为便捷的构建过程。明了这些不同之处，能够帮助创造者更加熟练地运用小程序构建方法。

App({
  onLaunch: function () {
    // 小程序启动之后 触发
  }
})