当前位置：首页 > news >正文

web前端框架设计第四课-条件判断与列表渲染

news 2026/5/14 9:05:09

web前端框架设计第四课-条件判断与列表渲染

一.预习笔记

1.条件判断

1-1：v-if指令：根据表达式的值来判断是否输出DOM元素

在这里插入图片描述

1-2：template中使用v-if

在这里插入图片描述

1-3：v-else

1-4：v-else-if

1-5：v-show（不支持template）

在这里插入图片描述

1-6：v-if与v-show的比较（P34）

2.列表渲染

2-1：v-for遍历指令

在这里插入图片描述

二.课堂笔记

三.课后回顾

–行动是治愈恐惧的良药，犹豫拖延将不断滋养恐惧

web前端框架设计第四课-条件判断与列表渲染

web前端框架设计第四课-条件判断与列表渲染一.预习笔记 1.条件判断 1-1：v-if指令：根据表达式的值来判断是否输出DOM元素 1-2：template中使用v-if 1-3：v-else 1-4：v-else-if 1-5：v-show（不支…...

编程日记 2024/4/16 2:03:03

计算机网络：数据链路层 - CSMA/CD协议

计算机网络：数据链路层 - CSMA/CD协议媒体接入控制CSMA/CD协议截断二进制指数退避算法帧长与帧间间隔信道利用率媒体接入控制如图所示，这是一根同轴电缆，有多台主机连接到这根同轴电缆上，他们共享这根传输媒体，形成…...

编程日记 2024/4/16 2:01:01

力扣LeetCode138. 复制带随机指针的链表两种解法（C语言实现）

目录题目链接题目分析题目定位： 解题思路解题思路1（粗暴但是复杂度高） 解题思路2（巧妙并且复杂度低） 题目链接 138. 复制带随机指针的链表https://leetcode-cn.com/problems/copy-list-with-random-pointer/ …...

编程日记 2024/4/16 2:00:00

强大的压缩和解压缩工具 Keka for Mac

Keka for Mac是一款功能强大的压缩和解压缩工具，专为Mac用户设计。它支持多种压缩格式，包括7z、Zip、Tar、Gzip和Bzip2等，无论是发送电子邮件、备份文件还是节省磁盘空间，Keka都能轻松满足用户需求。这款软件的操作简单直观&…...

编程日记 2024/4/16 1:57:58

论文速读：Do Generated Data Always Help Contrastive Learning?

在对比学习领域，最近很多研究利用高质量生成模型来提升对比学习给定一个未标记的数据集，在其上训练一个生成模型来生成大量的合成样本，然后在真实数据和生成数据的组合上执行对比学习这种使用生成数据的最简单方式被称为“数据膨胀”这与数据…...

编程日记 2024/4/16 1:53:55

华为欧拉系统（openEuler-22.03）安装深信服EasyConnect软件（图文详解）

欧拉镜像下载安装 iso镜像官网下载地址选择最小化安装，标准模式换华为镜像源更换华为镜像站，加速下载： sed -i "s#http://repo.openeuler.org#https://mirrors.huaweicloud.com/openeuler#g" /etc/yum.repos.d/openEuler.r…...

编程日记 2024/4/16 1:50:51

git commit --amend用法

一、git commit --amend 修改提交信息：您可以使用 git commit --amend 命令来修改最新提交的提交信息。执行该命令后，Git 将会打开文本编辑器（通常是的默认文本编辑器），以便编辑提交信息。完成编辑后保存并关闭编辑器…...

编程日记 2024/4/16 1:47:48

分布式系统：缓存与数据库一致性问题

前言缓存设计是应用系统设计中重要的一环，是通过空间换取时间的一种策略，达到高性能访问数据的目的；但是缓存的数据并不是时刻存在内存中，当数据发生变化时，如何与数据库中的数据保持一致，以满足业务系统…...

编程日记 2024/4/16 1:43:45

JavaEE企业开发新技术5

目录 2.18 综合应用-1 2.19 综合应用-2 2.20 综合应用-3 2.21 综合应用-4 2.22 综合应用-5 Synchronized ： 2.18 综合应用-1 反射的高级应用 DAO开发中，实体类对应DAO的实现类中有很多方法的代码具有高度相似性，为了提供代码的复用性,降低…...

编程日记 2024/4/16 1:42:43

mysql dump导出导入数据

前言 mysqldump是MySQL数据库中一个非常有用的命令行工具，用于备份和还原数据库。它可以将整个数据库或者特定的表导出为一个SQL文件，以便在需要时进行恢复或迁移。使用mysqldump可以执行以下操作： 备份数据库：可以使用mysqld…...

编程日记 2024/4/16 1:41:42

刷题记录3

# 10 字符个数统计描述编写一个函数，计算字符串中含有的不同字符的个数。字符在 ASCII 码范围内( 0~127 ，包括 0 和 127 )，换行表示结束符，不算在字符里。不在范围内的不作统计。多个相同的字符只计算一次例如，对…...

编程日记 2024/4/16 1:40:41

Decorator 装饰

意图动态的给一个对象添加一些额外的职责。就增加功能而言，Decorator模式比生成子类更加灵活结构其中： Component定义一个对象接口，可以给这些对象动态的添加职责。ConcreteComponent定义一个对象，可以给这个对象添加一些职…...

编程日记 2024/4/16 1:39:40

SpringMVC：搭建第一个web项目并配置视图解析器

👉需求：用spring mvc框架搭建web项目，通过配置视图解析器达到jsp页面不得直接访问，实现基本的输出“hello world”功能。👩‍💻👩‍💻👩‍💻 1 创建web项目 1…...

编程日记 2024/4/16 1:34:35

一文了解HTTPS的加密原理

HTTPS是一种安全的网络通信协议，用于在互联网上提供端到端的加密通信，确保数据在客户端（如Web浏览器）与服务器之间传输时的机密性、完整性和身份验证。HTTPS的加密原理主要基于SSL/TLS协议，以下详细阐述其工作过程&…...

编程日记 2024/4/16 1:33:34

Ubuntu系统空间整理

查看文件大小命令查看文件以及文件夹大小 ls -hl #查看文件大小，-h 表示Human-Readable ll -h #查看文件夹的大小 #du命令查看文件或文件夹的磁盘使用空间，–max-depth 用于指定深入目录的层数。#查看当前目录已经使用总大小及当前目录下一级文件或…...

编程日记 2024/4/16 1:29:29

PHP Storm 2024.1使用

本文讲的是phpstorm 2024.1最新版本激活使用教程，本教程适用于windows操作系统。 1.先去idea官网下载phpstorm包，我这里以2023.2最新版本为例官网地址：https://www.jetbrains.com/zh-cn/phpstorm/ 2.下载下来后安装，点下一步 …...

编程日记 2024/4/16 1:28:28

王东岳-知鱼之乐【边读边记】1

2024-04-15 21:00 终于打算开始读这本书了，作者王东岳，第一次听到这个名字，是因为传说王东岳是李善友的师父，我是先从混沌学院知道的李善友，因为李善友还是有东西的，所以我对王东岳起步也是非常尊敬的。所以…...

编程日记 2024/4/16 1:26:26

迁移docker部署的GitLab

目录 1. 背景2. 参考3. 环境4. 过程4.1 查看原docker启动命令4.2 打包挂载目录传至新宿主机并创建对应目录4.3 保存镜像并传至新宿主机下4.4 新宿主机启动GitLab容器 5 故障5.1 容器不断重启5.2 权限拒绝5.3 容器内错误日志 6 重启容器服务正常7 总结 1. 背景最近接到一个任务…...

编程日记 2024/4/16 1:21:21

今年消费新潮流：零元购商业模式

今天给大家推荐一种极具创新的电子商务模式：零元购商业模式这个模式支持消费者以零成本或极低成本购买商品。这种模式主要通过返现、积分、优惠券等方式来减少支付金额，使消费者实现“零成本”购物的目标。人民网在去年发表了一篇文章。总结了一下&a…...

编程日记 2024/4/16 1:16:17

Go导入私有仓库

使用go.mod依赖第三方库时，有以下要求： 代码仓库托管于VCS(版本控制系统)；代码仓库是公开的；仓库地址使用域名访问；仓库域名支持HTTPS访问。对于自己或者公司内部搭建的私有git，这些条件是比较难同时满足…...

编程日记 2024/4/16 1:12:13

深度解析：如何高效实现Android应用级定位模拟的完整方案

深度解析：如何高效实现Android应用级定位模拟的完整方案【免费下载链接】FakeLocation Xposed module to mock locations per app. 项目地址: https://gitcode.com/gh_mirrors/fak/FakeLocation 在移动应用开发和测试领域，精准控制定位信息是确保…...

编程新知 2026/5/14 8:24:19

ReMe：为AI智能体构建长期记忆与上下文管理的开源框架

1. 项目概述与核心价值如果你正在构建或使用AI智能体（Agent），并且被“金鱼记忆”问题困扰——比如对话一长，模型就忘了开头说了什么；或者每次新会话都像初次见面，完全记不住用户偏好和历史任务——那么ReMe…...

编程新知 2026/5/14 8:15:57

喷墨设备怎么选？2026年UV喷码技术深度评测与选购指南

面对市场上琳琅满目的工业喷墨设备，尤其是UV喷墨设备厂家，采购者如何做出明智选择？本文将从技术前沿、核心参数与行业应用三大维度，为您提供一份详尽的评测与选购指南，并深度剖析以中防uv喷码机为代表的专业制造商如何…...

编程新知 2026/5/14 7:12:31

从NASA音频设计看极端约束下的工程权衡：可靠性如何塑造系统特性

1. 项目概述：从一次论坛讨论说起如果你和我一样，是个对技术细节有强迫症的老工程师，或者是个音频发烧友，那你肯定也曾在看NASA的航天直播或纪录片时，皱起眉头嘀咕过：“这声音怎么这么差？” 那种…...

编程新知 2026/5/14 6:18:52

一次断电引发的血案：深度复盘CentOS 7 LVM分区下fstab丢失的排查与修复全记录

CentOS 7 LVM环境下fstab丢失的深度修复指南当服务器遭遇意外断电时，文件系统损坏往往是最令人头疼的问题之一。最近处理的一起CentOS 7系统宕机案例，由于断电导致/etc/fstab文件丢失，系统无法正常启动。本文将详细记录整个排查和修复过程&a…...

编程新知 2026/5/14 6:03:51

5分钟掌握暗黑2存档编辑：免费开源工具d2s-editor完全指南

5分钟掌握暗黑2存档编辑：免费开源工具d2s-editor完全指南【免费下载链接】d2s-editor 项目地址: https://gitcode.com/gh_mirrors/d2/d2s-editor 还在为暗黑破坏神2重复刷装备而烦恼？想快速体验不同职业Build却不想从头练级？今天我要…...

编程新知 2026/5/14 3:29:27

从AgentKit看AI应用工程化：架构演进与可靠性设计

1. 项目概述：一个已归档的AI应用快速启动器如果你在2023年到2024年初关注过AI应用开发，特别是基于大语言模型（LLM）的智能体（Agent）构建，那么你很可能听说过或者尝试过AgentKit。这个由BCG X&…...

编程新知 2026/5/14 2:13:34

如何永久免费使用AI编程助手：Cursor Free VIP完整指南

如何永久免费使用AI编程助手：Cursor Free VIP完整指南【免费下载链接】cursor-free-vip [Support 0.45]（Multi Language 多语言）自动注册 Cursor Ai ，自动重置机器ID ， 免费升级使用Pro 功能: Youve reached your tri…...

编程新知 2026/5/13 23:14:36

嵌入式视觉成本降至百元级：技术民主化如何重塑工业物联网应用

1. 工业物联网与嵌入式视觉：从昂贵壁垒到百元级应用的演进提到物联网，很多人脑子里蹦出来的可能是家里的智能音箱、手腕上的健康手环，或者能远程控制的冰箱。没错，消费和医疗领域确实是物联网最显眼的舞台。但作为一名在工业自动…...

编程新知 2026/5/13 22:06:09

castAR混合现实头显：从光学投影到空间锚定的技术解析

1. 项目概述：从Kickstarter到技术现实，castAR的独特魅力2013年，当Oculus Rift在虚拟现实领域掀起第一波热潮时，一封来自技术爱好者的邮件，将一个名为castAR的项目推到了我的视野中心。这不仅仅是一个头戴显示设备&…...

编程新知 2026/5/13 21:55:25

web前端框架设计第四课-条件判断与列表渲染

一.预习笔记

1.条件判断

1-1：v-if指令：根据表达式的值来判断是否输出DOM元素

1-2：template中使用v-if

1-3：v-else

1-4：v-else-if

1-5：v-show（不支持template）

1-6：v-if与v-show的比较（P34）

2.列表渲染

2-1：v-for遍历指令

二.课堂笔记

三.课后回顾

–行动是治愈恐惧的良药，犹豫拖延将不断滋养恐惧

相关文章：