美文网首页
微信小程序开发-基础了解

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

作者: 小岛wink | 来源:发表于2018-12-20 14:30 被阅读0次

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

    登录并创建项目

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

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

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

    ※绑定数据和事件:

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

      2、绑定事件:在.wxml中写按钮<button bindtap="ToNewPage">跳转新界面</button>,此处的bindtap就是给这个按钮绑定了点击事件,接下来在.js文件中添加事件,

    ※ 创建页面

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

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

            (1)尺寸的单位:rpx

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

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

    ※ 事件的绑定与捕获阶段

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

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

    相关文章

      网友评论

          本文标题:微信小程序开发-基础了解

          本文链接:https://www.haomeiwen.com/subject/hfxykqtx.html