小程序开发中遇到的问题和一些小细节

图像.png

1.基础知识

绑定tap

水龙头

接球触球

e、 当前目标数据集。索引（数据中使用的定义）

从“../../utils/util”导入｛apiV1｝；

e、 详细信息。电流（切换器中使用的属性，例如细节/电流）

图像.png

图像.png

图像.png

根据官方文档中相应的组件和api，它们具有可以使用的相应属性，而e.detail/e.target/e.currentTarget/e.curentTarget。数据集表示对象，后跟字段

2.单击图标进行更改

图像.png

3.点击直接跳转

图像.png

4.相当于元素的js原语定义（这是一个数据属性）

图像.png

5.检查调试信息。初学者最好打开它，以便轻松查看调试

图像.png

6.哪个文件放在这里是项目开始时的第一页

图像.png

图像.png

7.定义并获取全局变量

图像.png

8.SetData用法：

图像.png

9.跳转到页面后设置的返回功能（单击返回）

图像.png

10.需要安装节点才能生效

图像.png

11.放置通用模块盒。其他页面可能需要common.js/a中的函数事件。js或其他常见的js也可能需要.js

图像.png

commonjs文件可以在其他页面中引用

图像.png

图像.png

图像.png

12.获取后台数据并在前端渲染数据：

（其中api指封装采集接口的书面方法，URL_INDEX已定义为接口路径）

图像.png

图像.png

图像.png

13.调用全局方法

图像.png

14.页面生命周期

图像.png

15.布局基础（箱型柔性）

图像.png

父级使用display:flex；也将使用子级别，而不影响

包裹和无包裹柔性包裹

图像.png

对齐内容

图像.png

图像.png

Flex-grow（在保留空间的前提下，您可以设置一个扩展来扩展元素的范围）

图像.png

灵活闪烁（在空间不足的前提下，可以设置相等缩放）

图像.png

16.全局应用.js

图像.png

小心：

图像.png

图像.png

补充：

图像组件不能像jq那样使用alt（加载之前出现的图像）

进度条组件无法设置椭圆样式

当加载小程序项目时无法获取后台json数据时，它是空白的，无法解决

17.绑定数据判断

图像.png

从orderList中的组中的顺序跳转。js页面添加到orderGroup。js页面。页面的界面需要将orderid设置为一段数据的特定值以显示数据

图像.png

提醒：

对于上拉加载数据，需要在wx的数据中设置页码page/offset。请求（等效公司的api）：

将js数据中pageNo的初始值设置为1，然后将其设置为。数据pageNo++在wx前面。请求，然后设置页面：this。数据wx数据中的pageNo。要求然后设置这个。setData（｛pageNo:this.data.pageNo｝）

注意：查看公司需求界面网站的接收参数和返回参数（接收参数通常在wx.request中的数据中定义，以便可以返回参数——有时需要这样做才能获得数据）

规格方面的小问题：

当wx:if在外部，并且其中也有一个wx:for时，隐藏的部分都应该放在wx:for

注意：不能定义不能同时单击的两个动画事件animation=“｛｛｝｝”

18.下拉刷新

onPullDownRefresh:函数（）{

//下拉刷新

wx.stopPullDownRefresh（）；

},

19.获取用户信息wx.userInof

图像.png

20.Wx.request中的数据

图像.png

21.接口数据是全局的，可以在渲染后重新使用（全局和本地之间的差异）

Wxml文件

图像.png

js:数据

图像.png

事件/界面

图像.png

22.跳跃事件判断（本部分为说明）

图像.png

23.微信支付界面及收款确认

图像.png

图像.png

24.更多上拉负载（上拉触发器）

（从别人的文章中学习-这里有类似的项目）

（学习他人的文章）

Wxml和js

图像.png

图像.png

项目示例

图像.png

wxml语言

图像.png

js语言

图像.png

图像.png

25.动画淡入/淡出和反弹

图像.png

图像.png

图像.png

使用显示和隐藏设置淡入

图像.png

补充：

一个步骤表示一组动画。可以在一组动画中设置多个动画

它可以表达如下

图像.png

图像.png

启动弹出窗口（对于同一动画，需要在相应位置绑定不同的动画）

图像.png

图像.png

补充：

图像.png

图像.png

26.倒计时

图像.png

图像.png

图像.png

设置多个倒计时。您可能无法在数组中设置它们。您需要单独设置它们

图像.png

图像.png

图像.png

图像.png

27.面罩背面不移动，使用catchtouchstart事件

图像.png

不要