weappx、wepy开发踩过的坑与对应的解决方案
2024-01-28 00:22:14
weappx、wepy开发踩过的坑
1. wxml中使用变量时,需要用}包裹
在wxml中使用变量时,需要用{{}}包裹,否则变量无法被识别。例如,如果我想在wxml中显示一个变量name,那么需要写成:
<view>{{name}}</view>
2. wxss中使用变量时,需要用%包裹
在wxss中使用变量时,需要用%包裹,否则变量无法被识别。例如,如果我想在wxss中设置一个变量color,那么需要写成:
color: %color%;
3. wxs中使用变量时,需要用<>包裹
在wxs中使用变量时,需要用<>包裹,否则变量无法被识别。例如,如果我想在wxs中获取一个变量name,那么需要写成:
<>name<>
4. 使用wxs时,需要在wxml中引入
如果要在wxml中使用wxs,那么需要在wxml中引入。例如,如果我想在wxml中使用一个名为getName的wxs函数,那么需要在wxml中写成:
<import src="/path/to/getName.wxs" />
5. 发布小程序时,需要对代码进行压缩
在发布小程序时,需要对代码进行压缩,否则小程序的包大小会过大,影响小程序的加载速度。可以使用webpack、uglifyjs等工具对代码进行压缩。
6. 小程序的网络请求有限制
小程序的网络请求有限制,每个小程序最多只能同时发起5个网络请求。如果超过5个,则后面的请求会排队等待。因此,在开发小程序时,需要合理控制网络请求的数量,避免小程序出现网络请求超时的情况。
解决方案
1. wxml中使用变量时,需要用}包裹
在wxml中使用变量时,需要用{{}}包裹,否则变量无法被识别。例如,如果我想在wxml中显示一个变量name,那么需要写成:
<view>{{name}}</view>
2. wxss中使用变量时,需要用%包裹
在wxss中使用变量时,需要用%包裹,否则变量无法被识别。例如,如果我想在wxss中设置一个变量color,那么需要写成:
color: %color%;
3. wxs中使用变量时,需要用<>包裹
在wxs中使用变量时,需要用<>包裹,否则变量无法被识别。例如,如果我想在wxs中获取一个变量name,那么需要写成:
<>name<>
4. 使用wxs时,需要在wxml中引入
如果要在wxml中使用wxs,那么需要在wxml中引入。例如,如果我想在wxml中使用一个名为getName的wxs函数,那么需要在wxml中写成:
<import src="/path/to/getName.wxs" />
5. 发布小程序时,需要对代码进行压缩
在发布小程序时,需要对代码进行压缩,否则小程序的包大小会过大,影响小程序的加载速度。可以使用webpack、uglifyjs等工具对代码进行压缩。
6. 小程序的网络请求有限制
小程序的网络请求有限制,每个小程序最多只能同时发起5个网络请求。如果超过5个,则后面的请求会排队等待。因此,在开发小程序时,需要合理控制网络请求的数量,避免小程序出现网络请求超时的情况。
总结
以上就是我在使用wepy、weappx开发小程序时遇到的坑以及对应的解决方案。希望能够帮助大家避免踩坑,提高开发效率。