小程序开发入门-2.4、线程架构与新建页面

2026-05-08 13:02:03

1、WXSS+WXML

IOS:safari、、、Android:X5浏览器

开发工具:chrome

小程序开发入门-2.4、线程架构与新建页面

1、JS文件

IOS:JavaScriptCore、、、Android:X5内核

开发工具:nwjs

小程序开发入门-2.4、线程架构与新建页面

1、小程序实例

编写3个app.xx的文件,它们共同描述整个小程序的主体逻辑、生命周期、页面构成、样式。由appServer线程执行

小程序开发入门-2.4、线程架构与新建页面

2、页面就是page文件夹下面的文件夹,比如需要创建一个新的页面叫demo,那么page文件夹下面,创建一个叫demo的文件夹,然后demo文件夹里面,分别有demo.js,demo.json,demo.wxml,demo.wxss这4个文件

PS:快速创建可以看下面步骤3、4

小程序开发入门-2.4、线程架构与新建页面

3、把鼠标放到pages文件夹上,右击新建,目录,然后在名称输入demo

小程序开发入门-2.4、线程架构与新建页面

4、把鼠标放到demo的文件夹上,然后右击,新建,Page,输入demo

小程序开发入门-2.4、线程架构与新建页面

5、小程序的每一个页面的’路径+页面名‘,都要写在小程序app.json的配置中,而且pages配置中的第一个页面是小程序的首页

注:如果是使用添加page的方式创建页面,会自动添加到里面,不用手动添加一次,这样就算创建好页面了

小程序开发入门-2.4、线程架构与新建页面

猜你喜欢