微信小程序
京羽️
相信冥冥之中自有天意。
展开
-
微信小程序全局样式
全局样式(app.wxss)app.wxss是全局样式表,对项目中每个页面都有效,可将一些系统级别的统一样式风格写入这个文件,页面渲染时,框架页中的.wxss文件样式会覆盖app.wxss中相同的选择器样式。WXSS是小程序基于CSS拓展的一套样式语言,它实现了CSS大部分规则,其具体介绍请参考下一节。小程序框架主体相关的文件app.json、app.js、app.wxss我们已经全部介绍完成,下面为大家介绍框架页面相关的文件。原创 2023-10-17 23:54:14 · 107 阅读 · 0 评论 -
小程序逻辑
小程序逻辑(app.js)小程序中逻辑文件分为页面逻辑文件和小程序逻辑文件,app.js便是小程序逻辑文件,在这个文件中,我们可以通过App()函数注册小程序生命周期函数、全局方法和全局属性,已注册的小程序实例可以在其他逻辑层代码中通过getApp()获取。1.注册小程序App()函数用于注册一个小程序,参数为一个Object对象,在这个参数对象中我们可以注册自定义方法和属性供全局使用,就像在quick start项目中,我们利用App()注册了用户登录信息。□onShow:生命周期函数,监听小程序显示。原创 2023-10-17 23:52:46 · 58 阅读 · 0 评论 -
微信小程序 配置文件
□list:tab的列表,必填项,其值为一个数组,最少2个、最多5个tab,数组中每一项是一个对象,代表一个tab的相关配置,每项的相关配置如下:● pagePath:页面路径,必须在pages中先定义,必填项。□uploadFile:设置wx.uploadFile的超时时间,单位毫秒。以上便是app.json的5类配置项,这些配置项都是全局的,小程序中除了app.json这种全局配置文件还有页面配置文件,当路由到对应页面时,页面配置文件的配置项将会覆盖全局配置,页面配置文件将在后续内容中进行详细介绍。原创 2023-10-16 23:25:46 · 217 阅读 · 1 评论 -
微信小程序框架主体文件
框架主体文件由app.json、app.js、app.wxss构成,这3个文件必须放置在项目根目录,一个小程序只有一份,它们负责小程序整体的配置:□app.json:小程序公共设置,配置小程序全局设置。□app.js:小程序逻辑文件,主要用于注册小程序全局实例,编译时会和其他页面逻辑文件打包成一份JavaScript文件。□app.wxss:小程序公共样式表,对所有页面的布局文件都有效。app.json和app.js是必须存在的,app.wxss不是必须创建的,可以根据项目情况进行创建。原创 2023-10-16 22:15:26 · 64 阅读 · 1 评论 -
微信小程序“徒手”创建小程序
为了让开发者更好地理解小程序框架运行机制,接下来将带领大家“徒手”创建一个结构最简单的小程序,这样每个细节都是开发者自己完成的,这对理解小程序框架有很大帮助。步骤如下:1)创建项目目录,这里以E:\weixin\myproject为例。4)打开index.wxml,写入以下代码。原创 2023-10-15 22:59:31 · 119 阅读 · 1 评论 -
微信小程序小节
本章简单介绍了小程序开发流程,让大家对小程序有体验式理解。小程序的学习过程并不难,掌握框架、组件、API后可快速上手,技术细节问题我们将在后续章节中进行详细讲解。本章仅介绍了主要的流程,接入过程中碰到的细节问题可参考官方资料:http://mp.weixin.qq.com/debug/wxadoc/introduction。原创 2023-10-13 10:55:09 · 24 阅读 · 0 评论 -
第一个小程序
至此我们简单体验了一个小程序的创建过程,但对于一个喜欢“刨根问底”的学习者来说,这个案例远远不够,可能会有很多问题,例如:□小程序启动入口在哪里?项目目录选择刚才创建的空目录,这里一定要保证刚才创建的目录为空目录,这样下面会出现“在当前目录中创建quick start项目”选项,勾选这个选项,如图1-10所示,然后点击“添加项目”按钮。这样我们便成功创建了第一个小程序,这个demo是官方提供的示例,第一个页面展示了当前登录的用户信息,点击头像会跳转到一个记录当前小程序启动时间的日志页面。原创 2023-10-13 10:17:17 · 24 阅读 · 0 评论 -
开发环境准备
最后便可到首页下载开发者工具,如图1-8所示。开发小程序之前还需要进入“用户身份-开发者”,绑定开发者,如图1-6所示。只有绑定的开发者才能使用开发者工具编写小程序,一个小程序最多可以绑定20个开发者,未认证的小程序最多可以绑定10个开发者。完成帐户注册后,需要登录微信公共平台官网(mp.weixin.qq.com),根据流程完善小程序信息,如图1-5所示。需要注意的是,目前小程序名称一旦确定后便不能修改。添加开发者后,需要要进入“设置-开发设置”,获取AppID,如图1-7所示。原创 2023-10-12 11:50:43 · 29 阅读 · 0 评论 -
注册微信小程序
4)填写个人帐号信息后,会收到一封激活邮件,点击激活链接,进入主体信息页面填写相关内容,即可完成注册流程,主体信息一经提交后便不可修改,如图1-4所示。注册小程序帐号只需如下四步:1)在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮,如图1-1所示。3)进入帐号信息页面,填写未注册过公共平台、开放平台、企业号、未绑定个人号的邮箱,这个邮箱将作为以后登录小程序后台的帐号,如图1-3所示。号类型,选择“小程序”,如图1-2所示。图1-1 注册小程序2)选择注册的帐。原创 2023-10-12 10:33:22 · 30 阅读 · 0 评论