今天准备开始做小程序开发,基本的准备知识看了一遍,涉及小程序开发工具熟悉、几个基本的文件和开发准备等,以下是总结的一些基础和需注意的点:
登录并创建项目
工具下载完成后,用微信扫描二维码登录,选择加号按钮,输入信息(AppId为邮箱登陆后对应生成的)创建项目;创建成功后选择该项目,进入到开发界面:
※ 目录中,app.js,app.json和app.wxss文件时属于整个项目的全局文件;
※ 每个页面对应四个文件,分别为.js .json .wxml 和.wxss;对于每个页面,.wxml文件和.js文件都是必须的;不要创建空白的.json文件,会导致页面路径查找失败;如果创建了 ,文件中至少添加个{};
※绑定数据和事件:
1、绑定数据:两个大括号标识{{num}}
2、绑定事件:在.wxml中写按钮,此处的bindtap就是给这个按钮绑定了点击事件,接下来在.js文件中添加事件,
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-e0ee5ad9680c8bb61c51b92687afd660.png">
※ 创建页面
鼠标放在pages上,右键--新建目录,创建一个home路径,然后在app.json中添加home的路径,在home下就会生成对应4个文件,此时并不需要自己手动在home文件夹下逐一添加文件:
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-c33afb079ff71879e90472acaeb28fd9.png">
※ .wxss样式:与css基本一致,优先级方面:内联>.wxss>app.wxss
(1)尺寸的单位:rpx
(2)app.wxss作为全局样式;page.wxss仅对当前页面生效。
(3)WXSS仅支持部分CSS选择器
※ 事件的绑定与捕获阶段
bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。
触摸类事件:支持捕获阶段,到达顺序先于冒泡时间,而且触发的顺序与冒泡想法,是从外到内,所以下图中方法的顺序为:handleTap2--handleTap4--handletap3--handleTap1
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-70a78325bd489b6e8b074c7aa0864a3e.png">
加速度JSUDO是一家专注于为企/事业单位的供应链提供数字化营销/服务的公司。JSUDO的产品线涵盖线上营销策划、商城开发、智慧园区、智能客服和企微SCRM系统,应用于营销推广-线上交易-销售管理-物流配送和服务支持等,致力于帮助企业开发更具投资价值的“数字”资产产品。
添加客服微信获取更多内容
评论 (0)