微信小程序开发-基础了解

今天准备开始做小程序开发,基本的准备知识看了一遍,涉及小程序开发工具熟悉、几个基本的文件和开发准备等,以下是总结的一些基础和需注意的点:

登录并创建项目

    工具下载完成后,用微信扫描二维码登录,选择加号按钮,输入信息(AppId为邮箱登陆后对应生成的)创建项目;创建成功后选择该项目,进入到开发界面:

※ 目录中,app.js,app.json和app.wxss文件时属于整个项目的全局文件;

※ 每个页面对应四个文件,分别为.js .json .wxml 和.wxss;对于每个页面,.wxml文件和.js文件都是必须的;不要创建空白的.json文件,会导致页面路径查找失败;如果创建了 ,文件中至少添加个{};

※绑定数据和事件:

  1、绑定数据:两个大括号标识{{num}}

  2、绑定事件:在.wxml中写按钮,此处的bindtap就是给这个按钮绑定了点击事件,接下来在.js文件中添加事件,


微信小程序开发-基础了解_第1张图片

※ 创建页面

    鼠标放在pages上,右键--新建目录,创建一个home路径,然后在app.json中添加home的路径,在home下就会生成对应4个文件,此时并不需要自己手动在home文件夹下逐一添加文件

微信小程序开发-基础了解_第2张图片

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

        (1)尺寸的单位:rpx

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

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

※ 事件的绑定与捕获阶段

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

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

微信小程序开发-基础了解_第3张图片

你可能感兴趣的:(微信小程序开发-基础了解)