小程序开发基础与注意事项总结:从准备到开发界面

2024-06-15
来源:网络整理

今天要开始开发小程序了,复习了一下基础准备知识,包括熟悉小程序开发工具,几个基础文件和开发准备,下面是一些基础和注意事项:

登录并创建项目

工具下载完成后,用微信扫码登录,选择加号按钮,输入信息(用邮箱登录后生成)创建项目;创建成功后,选择项目,进入开发界面:

※目录下app.js、app.json、app.wxss文件是整个项目的全局文件;

※每个页面对应 .js .json .wxml 和 .wxss 四个文件;每个页面都需要 .wxml 文件和 .js 文件;请勿创建空白的 .json 文件,会导致页面路径搜索失败;若创建,请在文件内至少添加 {};

※ 绑定数据和事件:

1. 绑定数据:两个花括号标记{{num}}

2.绑定事件:在.wxml中写一个按钮,用于跳转新界面,这里给这个按钮绑定了一个点击事件,接下来在.js文件中添加事件。

※ 创建页面

将鼠标放置在上面,右键--新建目录,创建home路径,然后在app.json中添加home路径,home下会生成四个对应的文件,此时不需要手动在home文件夹下逐个添加文件了:

※ .wxss 样式:基本与 css 一致,优先级: > .wxss > app.wxss

(1)维度单位:rpx

(2)app.wxss作为全局样式;page.wxss只对当前页面有效。

(3)WXSS仅支持部分CSS选择器

※ 事件绑定与捕获阶段

bind事件绑定不会阻止冒泡事件向上冒泡,但是绑定可以阻止冒泡事件向上冒泡。

触摸事件:支持捕获阶段,到达顺序先于冒泡时间,触发顺序是从外到内,所以下图中方法的顺序为:------

本页面内容由塔登网络科技有限公司通过互联网采集、编辑而成,所有信息仅供用户学习参考,本网站不拥有版权。如您认为本页面内容涉嫌抄袭,请及时联系我们并提供相关证据,我们的工作人员将在5个工作日内与您取得联系,一经核实,本网站将立即删除侵权内容。本文链接:

分享