第二章 | 微信小程序框架分析

    小程序的全局框架文件包括总共4个:app.js小程序逻辑文件(定义全局数据以及定义函数文件), app.jason 小程序公共设置文件,app.wxss小程序公共样式表, project.config.json 小程序项目个性化配置文件等

    那么这些文件的大致功能又是怎样的呢?

    App.js文件的主要功能是什么呢?

    app.js这个文件,js文件都是用来处理逻辑的,app.js是用来处理全局的逻辑函数,这个主要是用来处理和用户做交互的。比如用户点击了一个按钮,我们需要跳出某个图片,那么我们需要用app.js来处理这个操作。

    这个文家你不仅可以定义全局函数和数据,还可以注册小程序。

    然后我们来看一下app.json这个文件,这个是当前页面的全局配置文件,主要包括了小程序所有的页面路径,窗口表现,网格超时时间,底部tab等等。还有一个重要的功能就是debug。那么debug的功能是什么呢?当开启这个模式的时候,开发者可以看到每一步的调用情况,访问路径以及错误信息,这样更加方便开发者进行调试工作。

    什么是窗口表现?

    窗口表现用于配置小程序的状态栏,导航条,标题和窗口背景色。包括的函数有:navigationBarTitleText(导航条背景颜色),navigationBarTextStyle(导航条文字颜色),enablePullDownRefresh(是否可以下拉刷新),backgroundColor(背景颜色)等等

    什么是标签导航?

    就是小程序最下面的按钮,当点击的时候会切换页面。

    那么如何配置导航标签呢?

    我们需要在app.json文件配置tabBar属性。

    然后是wxss小程序公共设置文件,这个主要是管页面的展现细节,类似css。

   最后是project.config.json。这个是解决我们可能会在小程序里进行一些个人化的设置,有了这个文件,我们就可以把这些个性化的配置都保存下来,当下次重新加载和重装软件的时候能够快速的还原我们的个性设置。

    Utils文件夹是用来干什么的?

    这是一个工具类的文件,是用来存放工具栏的js函数,例如可以存放一些日期格式化的函数,时间格式化的函数等一些常用的函数。用过这些函数以后要通过module.exports将定义的函数名称注册进来。这一样在其它页面才可以使用。

    框架页面文件是什么?由什么组成?

    一个框架页面文件由4个文件组成,分别是js页面逻辑,json页面配置,wxml页面框架,wxss页面脚本语言。微信小程序的框架页面文件夹都放在pages文件夹下面。 

    

你可能感兴趣的:(第二章 | 微信小程序框架分析)