微信小程序之列表渲染，持续更新【微信小程序】系列
原创
2022-10-16 21:36:30
347阅读
1评论
前端的框架太多让人眼花缭乱，很多相似的地方，优秀的地方大家都会借鉴，同时又会有各自的一些特点。小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。一切始于双线程技术选型目前来说，页面渲染的方式主要有三种：Web 渲染。Native 原生渲染。Web 与 Native 两者掺杂，也即我们常说的 Hybrid 渲染。前面也说过，小程序最终的呈现形式，是 WebView +
微信小程序之条件渲染，持续更新【微信小程序】系列
原创
精选
2022-10-13 09:11:54
3658阅读
1评论
model:
例如 <input model:value = "{{value}}" />
注意事项：1、只能是一个单一字段的绑定，不可写为 <input model:value = "值为：{{value}}" />
2、不支持数组和对象
列表渲染 就是指通过循环遍历一个数组或者对象，将其中的每个元素渲染到页面上
在组件上使用wx：
原创
2024-04-22 14:47:26
30阅读
条件渲染主要是用来控制页面结构的展示和隐藏，在小程序中实现条件渲染有两种方式
1、使用wx:if 、wx:elif 、 wx:else 属性组
2、使用hidden属性
wx:if 和hidden两者的区别：
1、wx:if 当条件为true时将结构展示出来，否则结构不会进行展示。通过移除/新增节点的方式来展现。
2、hidden 当条件为true时会讲结构隐藏，否则结构会展示出来。通过displ
原创
2024-04-23 10:39:50
88阅读
1、wx:if=” ”实现条件渲染（1）、 在框架中，使用wx：if=“ ”来判断是否渲染该代码块 如果box = true<view wx:if=”{{box}}”></view> //那么该代码块能在页面渲染出来如果box = false<view wx:if=”{{box}}”></view> //那么该代码块就不能在页面渲染出来（2）
转载
2024-01-21 09:34:52
70阅读
默认组件，只要被书写出来，都会渲染到界面上。 wx:if 在框架中，使用 wx:if="" 来判断是否需要渲染该代码块： index.wxml: <view wx:if="{{condition}}"> True </view> index.js: // pages/index/index.js P
原创
2023-04-09 12:57:00
93阅读
?今日学习目标：列表渲染wx:for
?创作者：颜颜yan_
?专栏系列：微信小程序开发实战效果图< block>< /block>标签< block>标签没有实质意义，仅仅是一个包装，不会在页面内被渲染，在block标签中包裹的元素将被重复渲染。在block标签上，放置了一个wx:for的属性，它的值为{{postList}}。wx:for将绑定一个数组，也就
WXML 中的列表渲染 在组件上使用 wx:for 控制属性绑定一个数组/数字/字符串, 即可使用数组中各项的数据重复渲染该组件，wx:for 默认自动将当前遍历到的数据放到 item 变量中，会自动将当前遍历的索引放到index变量中，如果想修改保存数据的变量名称，或修改保存索引的变量名称，我们可
原创
2023-04-09 12:58:00
340阅读
微信小程序之列表渲染在微信小程序中，列表渲染是一种常见的需求，它可以将一组数据以列表的形式呈现给用户。列表渲染在小程序中的实现主要依赖于wx:for指令，它允许我们遍历数组或对象，并对每个元素进行操作
原创
2023-11-15 15:54:57
15阅读
微信小程序条件渲染在微信小程序中，条件渲染是一种非常实用的技术，它允许我们根据条件来决定是否显示某个组件或页面。通过条件渲染，我们可以动态地呈现用户界面，根据用户的输入、数据或其他条件来做出相应的调整。
原创
2023-11-15 15:59:14
434阅读
小程序微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了，本文主要还是体验了下web-view的功能。web-view详解有了这个组件之后，小程序可以很好的嵌入一些页面，可以环境小程序size告急的问题，同样也使开发更加便捷，毕竟小程序开发者基本都对前端开发较为了解。
转载
2024-08-31 19:59:57
321阅读
1、小程序和浏览器中有什么不同 浏览器中渲染是单线程的。 而在小程序中的运行环境分成渲染层和逻辑层， WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 2、小程序中如何渲染 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量。 <view> ...
转载
2021-10-11 22:43:00
364阅读
2评论
wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item 如果你不想默认item 和 index ，那么你可以用： 使用 wx:for-item 可以指定数组当前元素的
原创
2022-05-31 19:51:25
285阅读
微信小程序渲染的列表页面，点击按钮更新对应的元素，具体b方案：对应的按钮，增加一个属性data-index ="{{in击按钮的时候，我知道需要对数组那一行的元素进行更新...
原创
2022-07-07 17:59:28
388阅读
微信小程序双线程渲染模型小程序的运行环境分成渲染层和逻辑层：WXML 模板和 WXSS 样式工作在渲染层，通过 WebView 进行渲染小程序会为每一个界面都创建一个 WebView 来渲染这个页面JS 脚本工作在逻辑层，通过 JsCore 线程运行 JS 脚本这两个线程的通信会经由微信客户端做中转官方文档：https://developers.weixin.qq.com/min..
原创
2023-10-25 09:29:04
70阅读
wx:if 、wx:elif 、wx:else 在框架中，使用 wx:if="" 来判断是否需要渲染该代码块： <view wx:if="{{true}}"> 显示 </view> <view wx:if="{{false}}"> 隐藏 </view> <! > <view wx:if="{{isS
原创
2022-05-31 19:51:32
112阅读
wx:key 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一标识符。 wx:key 的值以两种形式提供： 字符串：代表在 for 循环的 ar
原创
2023-04-09 12:59:00
437阅读
微信小程序双线程渲染模型 小程序的运行环境分成渲染层和逻辑层： WXML 模板和 WXSS 样式工作在渲染层，通过 Web
原创
2023-05-18 10:36:48
97阅读
列表渲染（遍历） 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item。 <!--logs.wxml--> <view class="log-list"> <view class= ...
转载
2021-10-11 22:19:00
1001阅读
2评论
