微信小程序初识

疫情突然就发生在身边了，今天是闭关的第三天了，虽然还在工作，但是失去自由的心境很难平静。很久不写小程序了，很多相关的知识点记忆薄弱，最近正好复习到了，就在此做个小程序的记录系列，加深自己的印象，最好能有时间写一个小项目出来，給闭关补充点营养。

1、什么是小程序呢（原理）？

  小程序本质是一个单页面应用，所有的页面渲染和事件处理，都在一个页面内进行，但是又可以通过微信客户端调用原生的各种接口；
  
  它是数据驱动的架构模式，UI与数据分离，通过数据的更改来实现页面的更新；
  
  主要使用js、wxml、wxss三种技术来开发；
  
  功能可以分为webview、appService两部分，webview展示ui,appService用来处理业务逻辑、数据及接口调用，两个部分在两个进程中进行，通过系统层JSBridge实现通信，实现ui的渲染、事件的处理；
复制代码

2、小程序与h5有哪些区别？

运行环境不同：小程序在微信运行，h5在浏览器运行；

开发成本不同：h5需要兼容不同的浏览器；

获取系统权限不同：系统级权限可以和小程序无缝对接；

应用在生产环境中的运行流畅度：h5需要不断对项目优化来提高用户体验
复制代码

3、小程序与app的区别？

 微信小程序属于轻量级的app，限制在微信中，开发周期短，功能少，占用空间少；
 
 app则开发周期长，占用额外的内存
 
复制代码

4、小程序有哪些相关的文件类型？

 四种文件类型：
 
 1、wxml:模板文件，小程序的标签语言，结合基础组件和事件系统可以构建出页面的结构；
 
 2、wxss：样式文件，用于描述wxml的组件样式；
 
 3、js：逻辑脚本，逻辑处理网络请求，app.js监听并处理小程序的生命周期函数，声明全部变量；
 
 4、json配置文件，包含app.json整个小程序的全局配置，包含：
    
    pages:所有页面路径
    网络设置（网络超时时间）
    界面表现（页面注册）
    底部tab
    window{背景色、导航样式、默认标题}
复制代码

今天先写到这里，题外话，希望疫情快快过去，怀念呼吸的自由，盛夏清凉的西瓜味道。