微信小程序开发注意事项（一）

微信小程序示例，仅供练习

：

参考资源：

1、 文档结构

图像.png

项目配置。json工具配置主要针对开发者使用工具的习惯和自己的个性化配置。当更换计算机并重新安装工具时，只需加载同一项目的代码包，开发人员工具将自动恢复开发项目的个性化配置。

app。Json是小程序的全局配置文件，包括小程序的所有页面路径、界面表示、网络超时和底部选项卡。具体配置可用。需要注意的是，此文件不支持任何形式的注释，第[]页的最后一页路径不能用“，”分隔。每个页面路径必须用“，”分隔。页面[]中的第一页路径是小程序的第一页，其他页面没有顺序要求。pages目录中的文件必须在json文件中配置。

app。js-App（）函数用于注册小程序js，只能调用一次

app({

//当小程序初始化完成时触发，且仅全局触发一次

onLaunch（选项）{

//启动时做一些初始操作。

}，

//当小程序启动或从后台进入前台显示时触发。

onShow（选项）{

//表演时做点什么。

},

//当小程序从前景进入背景时触发。

打开隐藏（）{

//躲起来的时候做点什么。

},

//当小程序出现脚本错误或API调用错误时触发

onError（消息）{

控制台.log（消息）

},

globalData:'我是全局数据'

})

app。wxss全局样式通常写在这里，小程序的每个页面都可以使用它。

页面文件夹中的文件对应于小程序页面。右键单击项目目录-->可以创建新页面。每页由四个文件组成。js文件用于处理逻辑，json文件是页面的文件配置，wxml和wxs用于绘制页面的UI。

事实上，在开发之前，目录结构应该被很好地划分。每个模块应该有一个文件，但也有非机密文件。所有文件都直接放在pages目录中，这样可以更容易地放置资源。如果层级太多，放置资源会特别麻烦。

微信小程序默认为当前目录，app Json和页面位于同一目录，因此在指定文件路径时，可以直接写出路径。如果需要a../目录作为pages目录下的文件夹，则需要a../level。

例如，页面下的目录文件引用了资源文件要求（'../../utils/util.js'）；，如果分类在页面下，则需要参考资源文件（“../../..-utils/source.js”）

2、 数据类型、语句、运算符

本节仅记录开发过程中遇到的问题和注意事项。有关详细信息，请参阅文档

数字值。比较两个值的大小时，最好用Number转换它们，否则它们可能是字符串类型，可能会出现未知的逻辑错误。数字是在js中操作的，不能直接在wxml中转换。

布尔值。在数据传输过程中，true false会被过滤成字符串，需要在接收时进行转换

数组数组。数组是最常用的。

变量arr=[

"8", "2", "3", "4", "5", "3"

]

变量arr1=[

“a”、“b”、“c”、“d”、“e”

]

安慰log（“arr.toString”，arr.to字符串（））//数组中的元素被转换为字符串

图像.png

安慰log（“arr.concat”，arr1.concat（arr））//拼接两个数组

图像.png

安慰log（“arr.join”，arr.joint（“HG，”））//将“HG”附加到数组的每个元素，并返回连接的字符串。原始阵列保持不变

图像.png

安慰log（“arr.pop”，arr.pop（））//删除数组的最后一个元素并返回以删除数组的元素

图像.png

安慰log（“arr.push”，arr.puch（“HH”））//在数组末尾添加元素并返回新数组的长度。原始数组更改

图像.png

安慰log（“arr.reverse”，arr.reversion（））//反转数组，返回反转的数组，原始数组更改

图像.png

安慰log（“arr.shift”，arr.shiff（））//删除数组中的第一个元素并返回删除的元素值。原始数组更改

图像.png

安慰log（“arr.slice”，arr.slce（“2”）//截取数组，传入数组的下标，返回下标后的数组，删除下标前的元素，原始数组保持不变

图像.png

安慰log（“arr.sort”，arr.soft（））//对数组从小到大进行排序，原始数组发生变化

图像.png

安慰log（“arr.splice”，arr.splite（0,3））//删除数组中的元素。第一个数字删除起始下标，第二个数字删除