微信小程序初识

693 阅读2分钟

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

1、什么是小程序呢(原理)?

  小程序本质是一个单页面应用,所有的页面渲染和事件处理,都在一个页面内进行,但是又可以通过微信客户端调用原生的各种接口;
  
  它是数据驱动的架构模式,UI与数据分离,通过数据的更改来实现页面的更新;
  
  主要使用jswxmlwxss三种技术来开发;
  
  功能可以分为webviewappService两部分,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{背景色、导航样式、默认标题}

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