微信小程序 目录介绍 第1篇
1个完整的小程序项目分为两个部分
又称 全局文件,能够作用于整个小程序,影响到小程序的每个页面,主体文件必须放到项目的根目录下。
主体文件由三部分组成:
注意事项:主体文件的名字必须是 app, 和 文件是必须的
是每个页面所需的文件,小程序页面文件都存放在 pages 目录下,一个页面一个文件夹。
每个页面通常由四个文件组成,每个文件只对当前页面有效:
默认的渲染模式是Skyline,但这是一种高级的渲染模式,为了兼容,使用WebView模式。
只要打开主体文件的,删除一下三个配置:
微信小程序 目录介绍 第2篇
选择新建page后,输入页面名称,然后就会自动创建页面的4种文件。
除此之外,新增成功的页面会自动添加到全局配置文件的页面清单中。
全局配置文件和左边pages文件夹是联动,可以直接在全局配置文件中新增配置,开发工具会自动生成文件夹和页面。
比如在配置文件中新增如下页面配置:pages/cart/cart
。
保存后,就会自动生成文件夹和page。
微信小程序 目录介绍 第3篇
小程序根目录下的文件用来对微信小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置
tab
等等。更详细参考小程序全局配置
常用的配置选项:
配置小程序/sitemap
配置:
具体配置说明:
小程序根目录下的文件中用来配置小程序及其页面是否允许被微信索引。完整配置项说明请参考小程序sitemap配置
例如1:
所有页面都会被微信索引(默认情况)
例如2:
配置path/to/page
页面不被索引,其余页面允许被索引
例如3:
配置path/to/page
页面被索引,其余页面不被索引
注:没有则默认所有页面都能被索引
注:{’action':'allow','page':'\*'
}是优先级最低的默认规则,末显示指明'disallow’
的都默认被索引
如何调试:
当在小程序项目中设置了sitemap
的配置文件(默认为)时,便可以在开发者工具控制台上显示当前页面是否被索引的调试信息(最新版本的开发者工具支持索引提示)
注意:sitemap
的索引提示是默认开启的,如需要关闭sitemap
的索引提示,可在小程序项目配置文件的
sitemap
中配置字段checkSiteMap
为false
;sitemap
文件内容容量大为5120个UTF8
字符;
微信小程序 目录介绍 第4篇
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