微信小程序学习Day2

最新推荐文章于 2024-07-25 18:18:28 发布
最新推荐文章于 2024-07-25 18:18:28 发布
阅读量26 收藏
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序 学习 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43637824/article/details/130705545
版权

day2

学习目标

在这里插入图片描述

WXML模板语法

1.数据绑定

1.1 数据绑定的基本原则

在这里插入图片描述

1.2在data中定义页面的数据

在这里插入图片描述

1.3 Mustache语法的格式

在这里插入图片描述

1.4 Mustache语法的应用场景

在这里插入图片描述

1.5 动态绑定内容

在这里插入图片描述

1.6 动态绑定属性

在这里插入图片描述

1.7三元运算

在这里插入图片描述

1.8算数运算

在这里插入图片描述

2.事件绑定

2.1什么是事件

在这里插入图片描述

2.2 小程序中常用的事件

在这里插入图片描述

2.3 事件对象的属性列表

在这里插入图片描述

2.4 target和currentTarget的区别

在这里插入图片描述

bindtap的语法格式

在这里插入图片描述

2.6 在事件处理函数中为data中的数据赋值

在这里插入图片描述

2.7 事件传参

在这里插入图片描述

2.8 bindinput的语法格式

在这里插入图片描述

2.9 实现文本框和data之间的数据同步

在这里插入图片描述

3.条件渲染

3.1 wx：if

在这里插入图片描述

3.2 结合使用wx:if

在这里插入图片描述

3.3 hidden

在这里插入图片描述

3.4 wx:if与hidden的对比

在这里插入图片描述

4 列表渲染

4.1 wx ：for

在这里插入图片描述

4.2手动指定索引和当前项的变量名*

在这里插入图片描述

4.3 wx：key的使用

WXSS模板样式

1.WXSS

1.1 什么是WXSS

在这里插入图片描述

1.2 WXSS和CSS的关系

在这里插入图片描述

2.rpx

2.1 什么是rpx尺寸单位

在这里插入图片描述

2.2 rpx的实现原理

在这里插入图片描述

2.3 rpx与px之间的单位换算*

![在这里插入图片描述]

3.样式导入

3.1 什么是样式导入

在这里插入图片描述

@import的语法格式

在这里插入图片描述

4.全局样式和局部样式

4.1 全局样式

在这里插入图片描述

4.2 局部样式

在这里插入图片描述

全局配置

在这里插入图片描述

1.window

1.1 小程序窗口的组成部分

在这里插入图片描述

1.2 了解window节点常用的配置项

在这里插入图片描述

1.3 设置导航栏的标题

在这里插入图片描述

2.tabBar

2.1 什么是tabBar

在这里插入图片描述

2.2 tabBar的6个组成部分

在这里插入图片描述

2.3 tabBar节点的配置项

在这里插入图片描述

2.4 每个tab项的配置选项

在这里插入图片描述

页面配置

1.页面配置文件的作用

在这里插入图片描述

2.页面配置和全局配置的关系

在这里插入图片描述

3.页面配置中常用的配置项

在这里插入图片描述

网络数据请求

1.小程序中网络数据请求的限制

在这里插入图片描述

2.配置request合法域名

在这里插入图片描述

3.发起get请求

在这里插入图片描述

4.发起post请求

在这里插入图片描述

5.在页面刚加载时请求数据

在这里插入图片描述

6.跳过request合法域名校验

在这里插入图片描述

7.关于跨域和Ajax的说明

在这里插入图片描述

总结

在这里插入图片描述

半岛铁盒if
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序学习day1-30源码
04-23
适用人群：本源码是学习微信小程序day1-30的源码，需要具备一定前端编程基础。以及想要复习或者自学微信小程序的小伙伴。开启新的征程，记录最美好的时刻，每天进步一点点。 能学到什么：1、微信小程序基础知识；2、...
微信小程序-外卖小程序Demo源码
05-14
【微信小程序-外卖小程序Demo源码】是一款专为开发微信小程序设计的示例代码，它包含了一个完整的外卖应用的框架，适用于学习和快速构建类似应用。这个Demo源码旨在帮助开发者理解微信小程序的架构和API的使用，以及...
微信小程序——day02.zip
01-11
在"微信小程序——day02"的学习主题中，我们将深入探讨微信小程序开发的基础和进阶知识。 1. **环境配置**：首先，你需要安装微信开发者工具，这是创建和调试小程序的必备平台。下载并安装后，可以通过工具进行项目...
微信小程序——day01.zip
01-09
微信小程序——day01
微信小程序day03资料.zip
12-21
欢迎来到我们的WEB前端学习视频！在这个视频系列中，我们将带你深入了解WEB前端开发的基础知识和实践技巧。 这个视频系列适合那些对于网页设计和开发有兴趣的初学者和入门者。无论你是想要成为一名专业的前端工程师...
微信小程序安装vant组件库和使用
qq_61132537的博客
07-23 579
van-button type="primary">主要按钮</van-button>
【计算机毕业设计】基于微信小程序的传染病防控宣传系统【源码+lw+部署文档】
07-23 831
目录第一章 绪论1.1 研究背景1.2 研究意义1.3 研究内容第二章 开发环境与技术2.1 JSP技术2.2 MySQL数据库 2.3 Java语言2.4 微信开发者工具第三章 系统分析3.1可行性分析3.1.1运行可行性分析3.1.2经济可行性分析3.1.3技术可行性分析3.2系统流程分析3.3 系统性能分析3.3.1系统安全性3.3.2系统可扩展性3.3.3系统易维护性3.4系统功能分析第四章 系统设计4.1布局设计原则4.2功能模块设计4.3数据库设计4.3.1数据库E-R图4.3.2 数据库表结构
微信小程序结合后端php发送模版消息
quweiie的专栏
07-25 182
结合后端php,发送微信小程序模版消息
微信小程序 - 数组 push / unshift 追加后数组返回内容为数字（数组添加后打印结果为 Number 数值类型）
王佳斌
07-23 386
微信小程序 - 数组 push / unshift 追加后数组返回内容为数字（数组添加后打印结果为 Number 数值类型），微信小程序 setData 数组。push 时出现的问题,push结果是1。微信小程序数组push后，数组返回内容为数字，小程序数组push后打印拿到的值非数组而是 Number 数值型
【微信小程序】设置button禁用样式
weixin_42266035的博客
07-21 290
写了一个通用按钮样式，打算在特定情况触发其disabled状态，但触发后效果并不是下面.wxss中的期望的样式。
微信小程序基本语法
qq_48701993的博客
07-16 2023
微信小程序基本语法
AI智能名片微信小程序在品牌战略与私域流量构建中的应用与深度探索
专注MarTech应用研究与实施方案
07-23 731
在数字经济时代，私域流量的价值日益凸显，成为企业和个人实现可持续增长的重要驱动力。品牌，作为私域流量的核心，其稳定性和影响力直接关系到流量的质量与转化效率。AI智能名片微信小程序，作为数字营销领域的一项创新工具，以其独特的智能化、便捷性和社交属性，为品牌战略的实施与私域流量的构建提供了全新的视角和解决方案。本文旨在深入探讨AI智能名片微信小程序在品牌塑造、用户互动、流量转化及精细化运营等方面的应用，分析其内在机制与优势，并提出具体的实施策略与建议，以期为企业和个人在激烈的市场竞争中赢得先机。
微信小程序获取蓝牙并实现内容打印
hawkol的专栏
07-22 971
通过微信小程序如何实现获取蓝牙打印机并实现打印能力，之前做过一个测试Dome，能够获取附近的蓝牙打印机设备并实现打印,今天开放出来供大家参考。
微信小程序中Map组件Marker中把Label文字信息通过按钮显示或隐藏
番茄Salad
07-22 345
微信小程序中Map组件Marker中把Label文字信息通过按钮显示或隐藏
【微信小程序实战教程】之微信小程序 WXML 语法详解
最新发布
柯晓楠
07-25 618
WXML（全称 WeiXin Markup Language）是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。 WXML的作用是用于小程序页面的布局，其用法与HTML相似，都是使用标签来声明一个页面元素，标签上也可以使用属性。但是与HTML不同，小程序中的WXML标签必须有闭合。简单来说，就是一段完整的WXML语句，是由一个开始标签和一个结束标签组成的，语法如例1所示。
【微信小程序实战教程】之微信小程序的配置文件详解
柯晓楠
07-25 598
对于有过服务端开发的程序员来说，肯定对“约定优于配置”并不陌生，这是一种按约定编程的软件设计范式，目的在于减少软件开发者做决定的数量。而微信小程序正好与这种软件设计范式的理念相反，小程序是一种“配置优于约定”的软件设计范式，处于对安全性的考虑，开发者必须在相应的配置文件中对小程序部分界面和功能进行配置，例如窗口的导航栏设计、底部tabBar设计等。本章主要对微信小程序的全局、页面等配置文件做详细的讲解，通过学习配置文件的配置项，可以掌握更多的小程序功能设计。
基于微信小程序+SpringBoot+Vue的美食推荐平台(带1w+文档)
神聪程序
07-25 286
基于微信小程序+SpringBoot+Vue的美食推荐平台(带1w+文档)本项目可供学习参考，商业慎用项目带完整+1w+文档附带配置文档说明+部署视频。
【微信小程序实战教程】之微信小程序原生开发详解
柯晓楠
07-24 909
在实际的项目开发中，小程序的内置组件不一定能满足所有的需求，为了实现更高效的代码复用，小程序还允许开发者自行扩充组件，这些由开发者自行设计的组件被称为自定义组件。在小程序中，每个组件都具有独立的逻辑空间，分别拥有自己的独立数据和setData方法调用。在使用自定义组件的小程序页面中，Exparser框架将接管所有的自定义组件注册和实例化。小程序的基础库中提供了Page和Component两个构造器，自定义组件使用的是Component构造器。
微信小程序-自定义tabBar
qq_53024519的博客
07-24 408
自定义tabBar，解决 出现点击两次才能改变tabBar样式 问题
微信小程序黑马—day5
05-05
Day5 的主要学习内容是小程序的组件化编程，包括自定义组件和基础组件的使用。 自定义组件是指开发者可以根据自己的业务需求，自定义一些组件，使得小程序更加符合自己的需求。开发者可以通过 WXML、WXSS 和 JS 文件，编写自定义组件的代码。 基础组件是小程序提供的一些常用组件，如按钮、输入框、轮播图等。开发者可以直接使用这些组件，避免重复造轮子，提高开发效率。 在学习自定义组件时，需要掌握组件的生命周期函数，包括 created、attached、ready、moved 和 detached 等。这些函数可以让开发者在组件不同的生命周期阶段执行不同的操作，比如在 attached 函数中进行数据初始化，在 ready 函数中进行界面渲染等。 在学习基础组件时，需要掌握组件的属性和事件。组件的属性可以通过数据绑定进行传递，比如给按钮组件设置一个 text 属性，控制按钮的文本显示。组件的事件可以通过绑定事件处理函数进行响应，比如给按钮组件绑定一个 tap 事件，响应用户的点击操作。 总的来说，组件化编程是小程序开发中非常重要的一部分，可以使得开发更加灵活和高效。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值