微信小程序开发的基本语法使用

最新推荐文章于 2024-05-07 19:34:40 发布
最新推荐文章于 2024-05-07 19:34:40 发布
阅读量683 收藏 8
点赞数 1
分类专栏： 新手村 前端学习 文章标签： 微信小程序 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56733569/article/details/128305088
版权

1、wxml语法

1.1、数据绑定

1.1.1、初始化数据

在页面.js中的data初始化

请添加图片描述

1.1.2、使用数据

请添加图片描述

1.1.3、修改数据

请添加图片描述
请添加图片描述

在小程序中修改数据的行为始终是同步的

请添加图片描述

1.2、事件绑定

1.2.1、事件分类
  1. 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
    https://mp.weixin.qq.com/debug/wxadoc/dev/
最低0.47元/天 解锁文章
燕哥学前端
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发----基础语法篇
2301_76855186的博客
06-08 570
输入框：<input type="text" model:value="{{message}}" /></view><view>输入的内容是：</view>
微信小程序——语法篇
热门推荐
官方推荐
09-10 4万+
掌握小程序语法快速上手实操一款小程序吧！
小程序 _ 学习笔记_微信小程序开发工具app和index的区别是什么(2)
最新发布
2301_76379606的博客
05-07 576
打开官方开发工具，自定义目录后。
微信开发者工具项目简单介绍和使用
有趣的灵魂万里挑一,好看的皮囊你又没有
08-17 1290
小程序项目文件的简介和简单应用
微信开发者工具——模板语法
2301_80263861的博客
01-17 944
如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。如果要一次性判断多个组件标签，可以使用一个 < block/> 标签将多个组件包装起来，并在上边使用 wx:if 控制属性。
微信小程序开发项目实战_源代码.rar
09-19
沈顺天的"微信小程序开发项目实战"通过实践项目，让开发者在实际操作中掌握上述知识点，从而具备独立开发微信小程序的能力。通过本书的源代码，你可以看到完整的项目结构，学习作者的编码风格和问题解决策略，进一步...
微信小程序设计开发文献14篇
05-26
1. **基础概念**：了解微信小程序的基本构成，如页面（Page）、组件（Component）、样式（Style）和API（Application Programming Interface）。 2. **开发环境搭建**：设置微信开发者工具，包括安装、配置和项目的...
使用TypeScript开发微信小程序的方法
09-01
【使用TypeScript开发微信小程序的方法】 TypeScript是Anders Hejlsberg的杰作，它在JavaScript的基础上增加了静态类型和面向对象编程特性，深受C#爱好者的喜爱。TypeScript不仅扩展了JavaScript的语法，还允许无缝...
微信小程序开发空白模板
03-03
"微信小程序开发空白模板"是开发者开始创建新小程序时的基础框架，它包含了小程序的基本结构和配置文件，使得开发者能够快速搭建起一个可以运行的最小化项目。 一、项目配置文件project.config.json `project....
微信小程序基础语法
qq_27331467的博客
07-04 1128
微信小程序是一种轻量化的应用程序，用户可以在微信中直接使用，无需下载与安装。微信小程序具有体积小、开发简便、使用便捷等特点，受到了广泛的欢迎与推崇。
小程序基础语法
weixin_45304198的博客
06-06 277
1. 数据绑定 1.1 普通写法 // WXML中 <view> {{ message}} </view> // js中 Page({ data: { message: 'Hello word!' } }) 花括号和引号之间如果有空格，将最终被解析成为字符串 1.2 组件属性 // WXML中 <view id="item-{{index}}"> </view> // js中 Page({ data: { index: 0
事件冒泡和事件捕获
weixin_30532759的博客
03-14 189
事件冒泡或事件捕获？ 事件传递有两种方式：冒泡与捕获。 事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中，用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢？ 在冒泡中，内部元素的事件会先被触发，然后再触发外部元素，即： <p> 元素的点击事件先触发，然后会触发 <div> ...
微信小程序——基本语法
沐小侠
07-19 3246
WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。
如何开发微信小程序？微信小程序开发的基础使用，如何使用微信开发者工具，微信小程序语法，基本文件结构，textrich-text，小程序轮播图，微信小程序注册事件，bind:tap 、 bind:inp
Kerwin__li的博客
01-04 1812
如何开发微信小程序？微信小程序开发的基础使用，如何使用微信开发者工具，微信小程序语法，基本文件结构，textrich-text，小程序轮播图，微信小程序注册事件，bind:tap 、 bind:input 、bind:change 、catchtap，给事件处理函数传参，条件显示（if else），设置data中的数据
微信开发者工具使用教程
程序员徐师兄的博客
03-20 1万+
近段时间有很多小伙伴问微信小程序怎么开发啊？开发的第一步就是安装微信web开发者工具，今天就来教你设置好开发者工具。下载安装好之后打开会进入这个界面，倘若开发者首次启动开发者工具，则需要微信账号扫码登录。登录后，微信开发者工具会询问调试类型，请选择「本地小程序项目」。直接点击“添加项目”，就可以在电脑上新建小程序项目了。这时会进入一个要求填写小程序AppID（如果没有则选择“无AppID”，如果有则开发时可在真机预览效果）、项目名称、开发目录的页面，无AppID的小伙伴也是可以正常开发的，不必担心~
微信小程序的基础语法（必看）
MYmayue的博客
10-19 8717
1. 简述微信小程序的运行机制 热启动 ：假如⽤户已经打开了某个⼩程序，在⼀定时间内再次打开⼩程序的话，这个时候我们就不再需要重新启动了，这需要把我们的后台打开的⼩程序切换到前台来使⽤。 冷启动：⽤户⾸次打开⼩程序或被微信主动销毁再次打开的情况，此时⼩程序需要重新加载启动。 2. 分析一下小程序的优劣势 优势： 无需下载，通过搜索和扫一扫就可以打开 良好的用户体验：打开速度快 开发成本比App要低 安卓上可以添加到桌面，与原生App差不多 为用户提供良好
微信小程序开发学习笔记③WXML模板语法-数据绑定与事件绑定
tutgxu的博客
01-02 1285
微信小程序开发笔记——WXML模板语法渲染页面结构——数据绑定与事件绑定
微信小程序开发基本语法
02-23
微信小程序开发是基于 JavaScript 和 HTML5 编写的应用。它具有轻量、快速、安全等优点。开发微信小程序需要掌握基本的 HTML、CSS 和 JavaScript 语法，并熟悉小程序框架的基本组件和 API。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值