前端设计

微信小程序开发笔记(二)

智言 2017年05月09日 阅读(5779) 0

在上一篇微信小程序开发笔记(一)中我们简单的分享了一些关于微信小程序的入口和进入后的界面,都是超简单的东西,只是做一个了解而已,那么今天我们分享的就是了解小程序的开发整体机构,毕竟我们要开发一款产品,首先你得把框架搭建好,并且你得了解整个框架吧!

微信小程序的文件目录结构由一个主app和若干个描述page页面组成,其中主app包含三个文件,分别为app.js、app.json、app.wxss,其中app.js和app.json是必须的,而app.wxss是可选的,如下:

文件 必填 作用
app.js 小程序逻辑
app.json 小程序公共设置
app.wxss 小程序公共样式表

然后一个微信小程序page描述页面包含四个文件,分别是**.js、**.wxml、**.json、**.wxss,其中**.js和**.wxml是必须的,而其他是可选,如下:

文件类型 必填 作用
js 页面逻辑
wxml 页面结构
wxss 页面样式表
json 页面配置

需要注意一点,官方标注为了方便开发者减少配置项,我们规定描述页面的这四个文件必须具有相同的路径与文件名。

其实上面的这些信息我们把它拿到前端中来比较,**.wxml就相当于**.html,**.wxss就相当于**.css,在小程序里无非就是对前端的实现罢了,当然,**.js的文件在这里有很多限制,比如document,window 等就无法在小程序里操作,毕竟这不是在浏览器里。

那么今天我们就先分享这么多,都是逐渐的去了解,不着急,如果有需要,可以关注下方二维码,我们会定期发布更多更新的文章哦。

智言

业务开发请联系QQ:5679361

评论 抢沙发

评论前必须登录!

 


如果你觉得本站内容对你有所帮助,比如提升你对编程方面的认识,你可以通过上面的二维码请博主喝杯咖啡,安好。

WEB前端开发部落(公众号:webapp_club)

群列表

前端初级学习群:初级Web前端学习群(后期为支付入群)
PHP初级学习群:PHP(MySQL)学习交流群
QQ群仅作为相关领域讨论平台,均提供高质量问题交流,禁止闲聊,无法接受的朋友请勿加群!
进群需要通过这里获取进群码才能进群哦!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏