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

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

作者: 小岛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

相关文章

  • 微信小程序开发教程(基础篇)3-app.js 解析

    微信小程序开发教程(基础篇)1-初识微信小程序微信小程序开发教程(基础篇)2-微信小程序结构概览 上一篇教程中写道...

  • 微信小程序日历组件开发

    # 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...

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

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

  • 微信小程序开发系列六:微信框架API的调用

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的...

  • 微信小程序的概要

    微信小程序的概要 学习小程序要了解一下什么事小程序,小程序开发前需要做哪些准备,微信小程序开发工具的使用,小程序中...

  • 小程序的Flex弹性布局

    参考:微信小程序页面布局微信小程序开发详解(九)---微信小程序布局基础 1.Flex布局的特点 1.任意方向的伸...

  • 注册小程序&认识微信小程序官方开发工具

    10天零基础入门小程序系列教程 001开发属于自己的第一个微信小程序 002注册小程序&认识微信小程序官方开发工具...

  • 如何开发商城小程序

    经常微信上朋友在问,微信小程序如何开发?目前来说,微信小程序用于电商的比较多,那么电商小程序如何开发呢? 一、了解...

  • 1.微信小程序-B站:前言准备

    前言 《微信小程序开发-B站》是以bilibili移动端网站为基础开发微信小程序版本,笔者喜欢的学习是愉快、轻松并...

  • 从RN到微信小程序

    前言 针对做过RN开发,但没有接触过微信小程序的同学,你可以通过本文了解微信小程序开发的整体流程,在之后的小程序开...

网友评论

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

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