本站目前升级了全新主题zhime,该主题色彩更清新明亮。售价99元/套,你值得拥有,后台配置全,永久更新。另外还有Next.js版本!😃

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

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

微信小程序的文件目录结构由一个主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

发表评论

发表评论