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

夜光 带你走进微信小程序研发(五)

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

夜光序言:

 

理智的声音是柔和的,但它在让人听见之前决不会停歇

 

 

 

 

正文:

页面文件

一个小程序页面由四个文件组成

1. js 文件

 

对于小程序中的每个页面,都需要在页面对应的 js 文件中调用 page 方法注册 页面示例,指定页面初始数据、生命周期回调、事件处理函数等。


2. wxml 文件

 

WXMLWeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。Wxml 文件主要具有数据绑定、列表渲染、条 件渲染、模板和引用的能力。具体的能力如何使用会在后面章节中涉及时做介绍。


 

3. json 文件

 

每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配 置,页面中配置项会覆盖 app.json window 中相同的配置项。

 

新设置的选项只 会显示在当前页面上,不会影响其他页面。

 


4. wxss 文件

 

WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。

在页面文件中只要用于设置当前的样式效果,该文件中规定的样式会覆盖 app.wxss 全 局样式中产生冲突的规定,但不会影响其他页面。

 


其他文件

 

除了介绍的常用文件外,小程序还允许用户自定义路径和文件名,用于创建一些辅助文件,如本章新建的 Hello World 小程序中 utils 文件夹就是用来存放 公共 JS 文件

全局调用自定义的 JS 文件前需要在被调用 JS 文件中使用 module.exports ={可被调用的函数}进行声明,如

在调用时只需在文件中加入 const https = require('文件目录');即可调用

 


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
小程序里打开app的实现过程发布时间:2022-07-18
下一篇:
3、小程序消息推送发布时间: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