码迷,mamicode.com
首页 > 其他好文 > 详细

小程序初入门

时间:2018-07-03 21:39:13      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:样式   修改   用户   微信   java   ati   不同   text   新建文件夹   

1、到微信小程序注册用户并登记相关信息,会获得一个AppID,新建项目时填入,可以解锁更多功能。

当然不解锁一样可以开发。

技术分享图片

2、新建好的小程序目录如下:

技术分享图片

pages里面每个文件夹是一个页面,wxml类似于html,用来展示页面;

wxss类似于css,用来设定wxml里面各元素的样式;(wxss尺寸单位

js定义各种数据和wxml里面要用到的函数,和JavaScript还是有一点区别的。

json是页面的配置,用来存放JSON格式的字符串。

3、如何快捷新建页面?

(1)在pages下新建文件夹,文件夹内右键"新建"->"page",四个同名不同拓展名的文件就建好了,和文件夹名字还一样,不用修改,多好。

这样新建页面之后,需要在app.json的pages数组之中注册,不然编译通不过。

(2)直接在app.json的pages数组之中注册,然后编译报错,pages下自动补全相关文件

不过我这样做的时候有时候不好使,最好还是不要这么干。

4、app.js/json/wxss是什么?

app.wxss是全局的样式,可以通过组件的class属性来绑定,单个页面的样式与全局样式同名的话,全局样式会被重写,这个词应该挺形象的吧。。

app.json可以定义窗口样式、底部导航栏、小程序内页面注册,单个页面的json同名样式一样可以重写全局样式,比如可以通过修改"navigationBarTitleText"来设置不同页面的标题文字。

app.js是小程序的逻辑文件,必须要使用App()来初始化小程序,就像单个页面的js一样要有Page()来初始化页面。

app.js里面的是全局变量,页面js定义的是局部变量,页面js函数里面的就是局部的局部变量,大概就是这么个意思。

5、project.config.json是什么?

可以点击开发工具的详情查看,那里面的设置和project.config.json是一样的,一个配置文件,一个可视化的,目的是一样的。

参考资料:

微信小程序基本目录结构学习

wxss尺寸单位

[微信小程序之小白教程系列] 微信小程序 -- 入口

小程序初入门

标签:样式   修改   用户   微信   java   ati   不同   text   新建文件夹   

原文地址:https://www.cnblogs.com/BoqianLiu/p/9260540.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!