小程序初学-小程序框架及其需要注意的点

1. 小程序开发账号注册及其工程创建

   
   小程序新建程序
   • 如图新建小程序需要选择注册appid或者使用测试号，appid通常正式小程序需要，有着appid可以发布小程序也可以实机测试小程序。
   • 通常学习小程序可以使用测试号，使用测试号不能够发布正式版本，可以在ide内部联调和测试代码及其ui等。
   • 小程序appid可以去微信公众平台注册，支持个人用户和企业用户，个人用户一个账号可以注册5个小程序。

2. 小程序的代码结构框架

   
   小程序代码框架
   • 如图是小程序整个项目的框架结构，下面逐一解释每一个文件：
   • index,logs两个文件夹对应着项目的页面，每一个文件夹封装了当前页面的布局，样式，配置文件和行为文件。
     • index.wxml:页面的布局文件，类似于Android的布局文件xml，需要注意的是小程序使用单位是rpx，和dp类似，是个比例单位，rpx=屏幕宽度/750.
     • index.wxss:当前页面的内部样式文件，声明了仅用于当前页面的样式，优先级高于app.wxss。
     • index.json:当前页面的配置文件。
     • index.js: 封装当前页面的行为属性和函数，仅用于当前页面。
     • js，wxss,json：和外面不同点是生命周期不一样，外面对应整个工程，内部仅对于当前页面起作用。
   • utils文件夹包含了项目中需要的工具类js文件，默认utils文件中包含格式化时间等函数方法。
   • app.js : 项目工程全局行为函数方法文件，里面声明了可用于所有页面的行为js函数，在页面中可以通过getApp获取到当前js声明的变量和函数方法。此文件类似于Android中的application文件。
   • app.json:项目的全局配置文件，类似于Android中的manifest文件里面包含了所有页面的声明，window的样式描述，tab列表的声明等，和manifest不太一样是文件内可以直接声明样式。
   • app.wxss:项目全局样式声明，类似于Android的theme，用于整个项目，优先级低于页面内部的样式声明。
   • project.config.json:项目配置文件即工程配置文件类似于Android的gradle文件，配置了工程需要的插件，编译环境，编译模式等。
   • sitemap.json: 微信开放了小程序检索页面的功能，小程序可以在后台或者项目中配置是否被微信搜索检索到，此文件就是配置是否被检索且那些页面可以被检索。

参考文章：
官方文档：项目配置文件
官方文档：sitemap配置文件