微信小程序开发保姆级教程:从零开始制作手机计算器

2024-09-13
来源:网络整理

嗨,各位小程序开发者和编程爱好者们!无论您是编程新手还是想要拓展技能的前端工程师,欢迎来到我们的“微信小程序开发教程”系列!我们将教您如何从头开始构建自己的微信小程序。您无需担心无人解答您的问题或信息复杂。分步说明将帮助您解开微信小程序开发的秘密。

下面开始第三个教程,通过学习本教程你将能够创建一个可以在手机上实现简单计算器功能的小程序。

1 data-* 自定义属性

在组件中,有时需要向事件处理函数传递参数。在Vue.js中可以直接使用函数传递参数,但这种写法不适用于微信小程序。微信小程序可以通过自定义属性传递参数,微信小程序中的data-*就是自定义属性,data-*自定义属性其实是由data-前缀加上自定义属性名组成,如果属性名中有多个单词,则使用data-*自定义属性的属性值代表需要传递的数据。在事件处理函数中,可以通过或者对象的属性来获取数据,属性是对象,对象的属性与data-*的属性值相同,需要注意的是,自定义属性名中的连字符会被转换为,大写字母会自动转换为小写字母,比如data--type会转换为对象的属性,data-会转换为对象属性。

微信的开发文档_微信程序开发文档_微信开发文件夹

2 个模块

在微信小程序中,为了提高代码的复用性,通常会将一些公用的代码提取成单独的JS文件,作为模块使用,每一个JS文件就是一个模块,微信小程序提供了模块化开发的语法,可以使用 . 语法将接口暴露给外界,然后在需要模块的地方通过 () 函数引入该模块即可。

接下来是问答环节。

该文件夹存放了项目用到的两个公共文件math.js和calc.js,这两个文件有什么用途呢?

答:math.js文件实现精确的数值计算,解决浮点型数据计算精度不准确的问题;calc.js文件提供计算器对象,简化开发逻辑。

分享