• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序初入门

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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尺寸单位

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序文本换行发布时间:2022-07-18
下一篇:
小程序分享统计功能 设置查看分享时长才可增加积分发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap