小程序 服务目录 第1篇
前言:小程序包含一个描述整体程序的app
和多个描述各自页面的page
。
一个小程序主体部分由三个文件组件,必须放在项目的根目录,如下:
一个小程序page
页面由四个文件组件,分别为:
注意:为了方便开发者减少配置项,描述页面的四个必须具有相同的路径与文件名。
小程序 服务目录 第2篇
util
目录下的文件专用于小程序项目中的公共函数定义,可以将项目开发过程中的公共代码方法提取封装到
文件中。
1.util/
中定义公共方法:
2.在指定页面中的js
中模块化引入utils
的js
文件:
采用整体引入方式,在调用时请使用实例名,例如:(new Date())
3.利用页面的onLoad
事件完成数据赋值展示:
小程序 服务目录 第3篇
JSON
是一种数据格式,并不是编程语言,在小程序中,JSON
扮演的静态配置的角色。在项目的根目录有一个和
,此外在每一个
page
文件中有一个相对于的json
文件。
是当前小程序的全局配置,也就是说在
中配置的东西会应用在每一个页面中。包括小程序的所有页面路径,界面表现,网络超时时间,底部tab等。
新建的项目里面的配置内容如下:
简单说一下这个配置各个项的含义:
JSON
文件都是被包裹在一个大括号中{},通过key-value
的方式来表达数据,JSON
的key
必须包裹在一个双引号中,在实践中,编写JSON
的时候,忘了给key
值加双引号或者是把双引号写成了单引号是常见的错误。
JSON
的值只能是以下几种数据格式,其他任何格式都会触发报错,列如:js
中的undefined
.
注意:需要注意的是JSON
文件中无法使用注释,添加注释会引发报错。
WXML和HTML
非常相似,WXML
由标签,属性等等构成。但是也有很多不一样的地方,我们来一一阐述一下:
1.标签名字有点不一样:
2.多了一些wx:if
这样的属性以及{{ }}这样的表达式:
通过{{ }}的语法把一个变量绑定到界面上,称之为“数据绑定”.仅仅通过数据绑定还不够完整的描述状态和界面的关系,还需要if/else,for
等控制能力,在小程序里边,这些控制能力都用wx
:开头的属性来表达。WXML
WXSS
样式
WXSS
具有CSS
大部分的特性,小程序WXSS
也做了一些扩充和修改。
1.新增了尺寸单位:
2.提供了全局的样式和局部样式:
与前面的;
的概念相同,你可以写一个作为全局样式,会作用于当前小程序的所有页面,局部页面样式
仅对当前页面生效。
3.此外WXSS
仅支持部分css
选择器:
更详细参考WXSS