返回

weappx、wepy开发踩过的坑与对应的解决方案

前端

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开发小程序时遇到的坑以及对应的解决方案。希望能够帮助大家避免踩坑,提高开发效率。