微信小程序之列表渲染，持续更新【微信小程序】系列
原创
2022-10-16 21:36:30
347阅读
1评论
前端的框架太多让人眼花缭乱，很多相似的地方，优秀的地方大家都会借鉴，同时又会有各自的一些特点。小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。一切始于双线程技术选型目前来说，页面渲染的方式主要有三种：Web 渲染。Native 原生渲染。Web 与 Native 两者掺杂，也即我们常说的 Hybrid 渲染。前面也说过，小程序最终的呈现形式，是 WebView +
微信小程序之条件渲染，持续更新【微信小程序】系列
原创
精选
2022-10-13 09:11:54
3662阅读
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阅读
小程序代码组成配置 —— JSON文件模板 —— WXML文件样式 —— WXSS文件逻辑 —— JavaScript文件JSON 配置JSON 是一种数据格式，并不是编程语言。小程序中，JSON用于静态配置。注意： 小程序中是无法在运行过程中去动态更新JSON配置文件从而发生对应的变化的。JSON 语法相比于XML，JSON格式的最大优点是易于阅读和编写，是一种轻量级的数据交换格式。JSON文件
转载
2024-04-17 17:15:11
503阅读
默认组件，只要被书写出来，都会渲染到界面上。 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阅读
json数据{ "msg": "查询成功", "code": 1, "data": [{ "id": 1413, "organName": "广西化工有限公司" }, { "id": 1414, "organName": "安全环保部" }, { "id": 1415, ...
原创
2022-02-13 10:12:49
341阅读
json数据{ "msg": "查询成功", "code": 1, "data": [{ "id": 1413, "organName": "广西化工有限公司" }, { "id": 1414, "organName": "安全环保部" }, { "id": 1415, ...
原创
2021-07-28 14:00:22
679阅读
微信小程序之列表渲染在微信小程序中，列表渲染是一种常见的需求，它可以将一组数据以列表的形式呈现给用户。列表渲染在小程序中的实现主要依赖于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
326阅读
> 问题描述： 小程序某个页面中点击按钮，想要生成带有二维码的图片，后续保存本地。生成图片后转发微信中，后长按图片不会出现识别图中二维码的选项问题。一年前写过一个分享页，当时大部分可以识别，只有偶尔某一次识别不出来，当时就没有解决，可产品还能过去。可最近写了一个新的页面也有二维码，生成图片逻辑是一套代码，可这次没有有一次成功的。你说这咋整，想偷懒还是过不去的，终究还是要为自己的懒惰付出，躲不
转载
2023-07-12 14:42:46
350阅读
今天在写小程序详情页时候遇到一个坑，微信小程序map组件的markers属性是通过后端异步请求到数据后设置的
原创
2022-07-22 09:56:57
1099阅读
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阅读
