当前位置:首页 > JS逆向 > 微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染_小程序wx for二维数组

微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染_小程序wx for二维数组

一叶知秋2024-05-10 00:59:43JS逆向8
 "content":"第三个内容"}

]


上面的例子变成如下:



{{item.title}}{{item.content}}


需要触发readDetail事件时,取到对应的id调接口查看详情。


可是小程序又不允许事件名后直接注入id参数。


**其实,小程序早就想到这一点了,提供了一个 data-any (any任意类型) 方法,此处有借鉴H5中 data- 任意属性的妙处。**


(小程序给出了示例: data-index,大家可以自行研究。)


**可以写成如下:**



{{item.title}}{{item.content}}


**js文件:**



readArticle:function(e){

        var $id = e.currentTarget.dataset.id; //打印可以看到,此处已获取到了对应的id           

})


**同理:也可以写成如下:**



{{item.title}}{{item.content}}

js中:

readArticle:function(e){

        var $data = e.currentTarget.dataset; //打印可以看到,此处已获取到了包含id、title、和content的对象

wx.navigateTo({
url: ‘…/myNewsInfo/myNewsInfo?id’+KaTeX parse error: Expected 'EOF', got '&' at position 10: data.id+"&̲title="+data.title+“&content=”+$data.content //传参跳转即可
})

})


#### 3. 二维数组列表渲染



Page({ mapData:[ [{id:11},{id:12}], [{id:21},{id:22}], [{id:31},{id:32},{id:33}] ] })



{{item.id}}



#### 4. 一些开发小程序时,遇到的问题 4-1、JS不能操作css,那么怎么动态添加css呢?



> 
> 答:通过操作item?的true或false,来加入class 例如:
> 
> 
> 


#### 4-2、微信的尺寸rpx?



> 
> 答:以设计稿750px为准,在设计稿上量出多少,就是多少,微信会自动给你适配
> 
> 
> 


**4-3、微信小程序api里没有modal?**



> 
> 事实上,其实有modal的组件,而且很好用。链接<http://www.cnblogs.com/liululin/p/6001437.html>
> 
> 
> 


#### 4-4、小程序中的scroll-view组件不能和textarea一起用,自己写的类似scroll-view组件(overflow-y:auto)也不能一起使用,使用的话,textarea的提示文字和光标会飘,根本无法使用。另外textarea,也不能display:none,最好的方法是




**web浏览器中的javascript**

*   客户端javascript
*   在html里嵌入javascript
*   javascript程序的执行
*   兼容性和互用性
*   可访问性
*   安全性
*   客户端框架
*   **[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![](https://img-blog.csdnimg.cn/img_convert/ed2c4f9602fb053965a21c047d1291e6.png)  

**window对象**

*   计时器

*   浏览器定位和导航

*   浏览历史

*   浏览器和屏幕信息

*   对话框

*   错误处理

*   作为window对象属性的文档元素

![](https://img-blog.csdnimg.cn/img_convert/81adbbfdefca6b401d7dc4e6acd9207d.png)

扫描二维码推送至手机访问。

版权声明:本站部分文章来自互联网采集,请查看免责申明

本文链接:https://blog.yyzq.team/post/337923.html

分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。