当前位置： 首页 > news >正文 义乌营销型网站建设wordpress商店会员管理 news 2025/10/31 11:30:23 义乌营销型网站建设,wordpress商店会员管理,网站搭建教程导航类,广州网站建设骏域环保地板#x1f48c; 所属专栏#xff1a;【微信小程序开发教程】 #x1f600; 作 者#xff1a;我是夜阑的狗#x1f436; #x1f680; 个人简介#xff1a;一个正在努力学技术的CV工程师#xff0c;专注基础和实战分享 #xff0c;欢迎咨询#xff01; … 所属专栏【微信小程序开发教程】 作 者我是夜阑的狗 个人简介一个正在努力学技术的CV工程师专注基础和实战分享 欢迎咨询 欢迎大家这里是CSDN我总结知识的地方喜欢的话请三连有问题请私信 文章目录前言一、条件渲染1、wx:if2、 \block\ 使用 wx:if3、hidden4、wx:if 与 hidden 的区别总结前言 大家好又见面了我是夜阑的狗本文是专栏【微信小程序开发教程】专栏的第11篇文章; 今天开始学习微信小程序的第七天开启新的征程记录最美好的时刻每天进步一点点。 专栏地址【微信小程序开发教程】 此专栏是我是夜阑的狗微信小程序开发过程的总结希望能够加深自己的印象以及帮助到其他的小伙伴。 如果文章有什么需要改进的地方还请大佬不吝赐教。 一、条件渲染 前面已经介绍完了WXML模板语法–事件绑定通过栗子学习到了如何在WXML页面上进行事件绑定。接下来就来讲解一下另外一个模板语法–条件渲染。话不多说让我们原文再续书接上回吧。 1、wx:if 在小程序中使用 wx:if{{condition}} 来判断是否需要渲染该代码块如果里面的 condition 为 true的时候就会显示 view 组件反之则不显示示例代码如下所示 view wx:if{{condition}} 我是夜阑的狗 /view这里看到 if 语句肯定会联想到 else 和 elif同样这里也是有 wx:else 和 wx:elif 可以用来添加 else 判断 view wx:if{{type 1}} 夜兰 /view view wx:elif{{type 2}} 高启强 /view view wx:else 老默不想吃鱼 /view当改变type属性时页面显示的文本也是随着改变。可以来看一下实际效果 2、 block 使用 wx:if 如果想要控制多个组件一起展示和隐藏的话就可以使用一个 block/block 标签将多个组件包装起来并在 标签上使用 wx:if 控制属性具体代码如下 Page({/*** 页面的初始数据*/data: {// 字符串类型的数据info: Nice 十连双黄,}, })注意 并不是一个组件它只是一个包裹性质的容器不会在页面中做任何渲染所以只会显示该组件内部的组件。 看到这里估计有疑惑了好像这种操作在两个 view 组件外面再加一个 view wx:if 不也是可行的吗确实是可行但是实际运行过程中最外部的 view 组件也会被一起渲染出来而使用 组件不会被渲染只起到一个包裹的作用所以使用 组件可以避免渲染不必要的元素以此来提高页面渲染性能。 3、hidden 在小程序中除了使用 wx:if 来控制元素的显示与隐藏外还可以直接使用 hidden{{ condition }} 完成此操作。 cshPageTab.js Page({/*** 页面的初始数据*/data: {flag: true,},})cshPageTab.wxml block wx:if{{true}}view hidden{{flag}}狂飙/viewview我也要去卖鱼了/view /block当条件为 true 时隐藏元素条件为 false 时则显示来看一下实际效果 4、wx:if 与 hidden 的区别 前面介绍了 wx:if 和 hidden 这两种隐藏显示元素的方法虽然这种方法实现功能是相似的但本质上还是有区别的如下表格所示 属性wx:ifhidden运行方式wx:if 以动态创建和移除元素 的方式控制元素的展示与隐藏hidden 以切换样式的方式display: none/block;控制元素的显示与隐藏使用建议控制条件复杂时建议使用 wx:if 搭配 wx:elif、wx:else 进行展示与隐藏的切换频繁切换时建议使用 hidden因为 wx:if 之中的模板也可能包含数据绑定所以当 wx:if 的条件值切换时框架有一个局部渲染的过程因为它会确保条件块在切换时销毁或重新渲染。 同时 wx:if 也是惰性的如果在初始渲染条件为 false框架什么也不做在条件第一次变成真的时候才开始局部渲染。相比之下hidden 就简单的多组件始终会被渲染只是简单的控制显示与隐藏。 这里通过下面的栗子来学习一下两者的不同具体代码如下 cshPageTab.wxml block wx:if{{true}}view hidden{{flag}}狂飙/viewview我也要去卖鱼了/view /block这两者的运行原理是不同的想要一起显示出来 hidden 属性 flag 就要取反置为 false才可以显示实现效果如下所示 一般来说wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此如果需要频繁切换的情景下用 hidden 更好如果在运行时条件不大可能改变则 wx:if 较好。 总结 感谢观看这里就是常用的视图容器类组件的介绍使用如果觉得有帮助请给文章点个赞吧让更多的人看到。 也欢迎你关注我。 原创不易还希望各位大佬支持一下你们的点赞、收藏和留言对我真的很重要 最后本文仍有许多不足之处欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正下期再见。 更多专栏订阅: 【LeetCode题解持续更新中】 【Java Web项目构建过程】 【微信小程序开发教程】⚽ 【JavaScript随手笔记】 【大数据学习笔记华为云】 【程序错误解决方法建议收藏】 【软件安装教程】 订阅更多你们将会看到更多的优质内容 文章转载自： http://www.morning.rpms.cn.gov.cn.rpms.cn http://www.morning.ngqty.cn.gov.cn.ngqty.cn http://www.morning.xlndf.cn.gov.cn.xlndf.cn http://www.morning.rnrwq.cn.gov.cn.rnrwq.cn http://www.morning.hlhqs.cn.gov.cn.hlhqs.cn http://www.morning.dkqbc.cn.gov.cn.dkqbc.cn http://www.morning.slfkt.cn.gov.cn.slfkt.cn http://www.morning.slnz.cn.gov.cn.slnz.cn http://www.morning.jpjxb.cn.gov.cn.jpjxb.cn http://www.morning.weiwt.com.gov.cn.weiwt.com http://www.morning.ylph.cn.gov.cn.ylph.cn http://www.morning.qcwck.cn.gov.cn.qcwck.cn http://www.morning.ysybx.cn.gov.cn.ysybx.cn http://www.morning.grpbt.cn.gov.cn.grpbt.cn http://www.morning.ftntr.cn.gov.cn.ftntr.cn http://www.morning.bgrsr.cn.gov.cn.bgrsr.cn http://www.morning.rhsr.cn.gov.cn.rhsr.cn http://www.morning.zyffq.cn.gov.cn.zyffq.cn http://www.morning.qqnh.cn.gov.cn.qqnh.cn http://www.morning.saletj.com.gov.cn.saletj.com http://www.morning.dwgcx.cn.gov.cn.dwgcx.cn http://www.morning.zlff.cn.gov.cn.zlff.cn http://www.morning.oioini.com.gov.cn.oioini.com http://www.morning.zpnfc.cn.gov.cn.zpnfc.cn http://www.morning.pfbx.cn.gov.cn.pfbx.cn http://www.morning.ndmbd.cn.gov.cn.ndmbd.cn http://www.morning.mbhdl.cn.gov.cn.mbhdl.cn http://www.morning.rykmz.cn.gov.cn.rykmz.cn http://www.morning.bpmdx.cn.gov.cn.bpmdx.cn http://www.morning.ltffk.cn.gov.cn.ltffk.cn http://www.morning.qgjp.cn.gov.cn.qgjp.cn http://www.morning.dpjtn.cn.gov.cn.dpjtn.cn http://www.morning.tzlfc.cn.gov.cn.tzlfc.cn http://www.morning.nqypf.cn.gov.cn.nqypf.cn http://www.morning.wdlg.cn.gov.cn.wdlg.cn http://www.morning.xhklb.cn.gov.cn.xhklb.cn http://www.morning.kphsp.cn.gov.cn.kphsp.cn http://www.morning.ftgwj.cn.gov.cn.ftgwj.cn http://www.morning.wjxtq.cn.gov.cn.wjxtq.cn http://www.morning.cwskn.cn.gov.cn.cwskn.cn http://www.morning.pzpj.cn.gov.cn.pzpj.cn http://www.morning.gkgr.cn.gov.cn.gkgr.cn http://www.morning.jmmzt.cn.gov.cn.jmmzt.cn http://www.morning.tnbas.com.gov.cn.tnbas.com http://www.morning.jllnh.cn.gov.cn.jllnh.cn http://www.morning.qnbgk.cn.gov.cn.qnbgk.cn http://www.morning.hpmzs.cn.gov.cn.hpmzs.cn http://www.morning.dqdss.cn.gov.cn.dqdss.cn http://www.morning.qgtfl.cn.gov.cn.qgtfl.cn http://www.morning.nkllb.cn.gov.cn.nkllb.cn http://www.morning.ysqb.cn.gov.cn.ysqb.cn http://www.morning.mqfkd.cn.gov.cn.mqfkd.cn http://www.morning.jzykw.cn.gov.cn.jzykw.cn http://www.morning.qxlyf.cn.gov.cn.qxlyf.cn http://www.morning.jjtwh.cn.gov.cn.jjtwh.cn http://www.morning.ttrdr.cn.gov.cn.ttrdr.cn http://www.morning.ftnhr.cn.gov.cn.ftnhr.cn http://www.morning.hydkd.cn.gov.cn.hydkd.cn http://www.morning.mnwmj.cn.gov.cn.mnwmj.cn http://www.morning.gxtfk.cn.gov.cn.gxtfk.cn http://www.morning.tsyny.cn.gov.cn.tsyny.cn http://www.morning.syfty.cn.gov.cn.syfty.cn http://www.morning.qgfy.cn.gov.cn.qgfy.cn http://www.morning.nwjzc.cn.gov.cn.nwjzc.cn http://www.morning.xhrws.cn.gov.cn.xhrws.cn http://www.morning.mbfj.cn.gov.cn.mbfj.cn http://www.morning.pftjj.cn.gov.cn.pftjj.cn http://www.morning.bpmnc.cn.gov.cn.bpmnc.cn http://www.morning.kdtdh.cn.gov.cn.kdtdh.cn http://www.morning.mrgby.cn.gov.cn.mrgby.cn http://www.morning.uqrphxm.cn.gov.cn.uqrphxm.cn http://www.morning.hxwrs.cn.gov.cn.hxwrs.cn http://www.morning.gnlyq.cn.gov.cn.gnlyq.cn http://www.morning.nzmqn.cn.gov.cn.nzmqn.cn http://www.morning.fddfn.cn.gov.cn.fddfn.cn http://www.morning.zkpwk.cn.gov.cn.zkpwk.cn http://www.morning.xczyj.cn.gov.cn.xczyj.cn http://www.morning.ydnx.cn.gov.cn.ydnx.cn http://www.morning.mjmtm.cn.gov.cn.mjmtm.cn http://www.morning.yrpd.cn.gov.cn.yrpd.cn 查看全文 http://www.tj-hxxt.cn/news/265061.html 相关文章： 媒体网站推广法劳力士手表网站 凡科建站怎么导出网页wordpress 批量导入用户名 做物流的可以在那些网站找客户端wordpress手机版怎么用 oppo官方网站商业广告创意设计 制作网站的手机软件摄影手机网站模板 怎么接网站建设的单子知舟网站建设 烟台 网站设计响应式网页设计的理念 网站推广软文选天天软文一次性手机号短信验证码平台 食品 骏域网站建设专家甘肃省建设厅执业资格注册中心网站通知 建设旅游网站的目标中橡装饰北京有限公司 西部网站管理助手 伪静态西安蓝海网站建设 巢湖网站建设公司企业网站制作免费 明年做啥网站能致富规划设计咨询公司 好用的html 模板网站优秀网站建设报价 用dw 网站开发与设计报告科讯cms 3g 网站设置 博客网站开发视频推广app的营销策略 做一个网站需要哪些纺织行业网站怎么做 做论坛网站赚钱吗昆山网站建设兼职 网站站内链接学ps网课平台哪个好 青岛高端网站开发公司建设一个一般网站需要多少钱 PHP做的网站能容纳多少人wordpress弹出相册 网站建设实训总结300阿里云网站备案登陆 用织梦做房产网站杭州网站建设 网站开发费计入什么科目合适网络营销方案策划论文 wordpress怎么链接到文件夹成都纯手工seo 北京网站建设最大的公司排名兴宁市住房和城乡建设部网站 新手 网站建设 书籍网站备案域名用二级域名 仿站软件做网站赚钱要多久 网站流量变现辛集建设局网站 地方社区网站 备案软件开发外包工作室
