高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信小程序 目录介绍(通用4篇)

微信小程序 目录介绍 第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中配置字段checkSiteMapfalsesitemap文件内容容量大为5120个UTF8字符;

微信小程序 目录介绍 第4篇

JSON是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。在项目的根目录有一个,此外在每一个page文件中有一个相对于的json文件。

是当前小程序的全局配置,也就是说在中配置的东西会应用在每一个页面中。包括小程序的所有页面路径,界面表现,网络超时时间,底部tab等。

新建的项目里面的配置内容如下:

简单说一下这个配置各个项的含义:

JSON文件都是被包裹在一个大括号中{},通过key-value的方式来表达数据,JSONkey必须包裹在一个双引号中,在实践中,编写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

猜你喜欢