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

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

news 文章来源：https://blog.csdn.net/xiaoyaoprefecture/article/details/137509173 2024/10/30 9:36:12

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

GIS GeoJSON数据获取

1、工具地址 DataV.GeoAtlas地理小工具系列 2、界面预览...

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

书生·浦语大模型实战营 | 第3次学习笔记

前言书生浦语大模型应用实战营第二期正在开营，欢迎大家来学习。（参与链接：https://mp.weixin.qq.com/s/YYSr3re6IduLJCAh-jgZqg 第三堂课的视频链接：https://www.bilibili.com/video/BV1QA4m1F7t4/ 本次笔记是学习完第三堂课…...

编程日记 2024/4/16 1:10:11

easyExcel - 按模板导出

目录前言一、情景介绍二、文档介绍2.1 读取模板2.2 填充模板三、代码示例3.1 案例一：工资表3.2 案例二：报价单四、我所遇到的问题前言 Java-easyExcel入门教程：https://blog.csdn.net/xhmico/article/details/134714025 之前有介绍过如…...

编程日记 2024/4/16 1:09:10

使用 Tranformer 进行概率时间序列预测实战

使用 Transformers 进行概率时间序列预测实战通常，经典方法针对数据集中的每个时间序列单独拟合。然而，当处理大量时间序列时，在所有可用时间序列上训练一个“全局”模型是有益的，这使模型能够从许多不同的来源学习潜在的表示。…...

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

LLM大语言模型助力DataEase小助手，新增气泡地图，DataEase开源数据可视化分析平台v2.5.0发布

2024年4月8日，DataEase开源数据可视化分析平台正式发布v2.5.0版本。这一版本的功能升级包括：新增DataEase小助手支持，通过结合智能算法和LLM（即Large Language Model，大语言模型）能力，DataEas…...

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

维修伊顿触摸屏不显示工业电脑人机界面EATON XVS-430-10MPI-1-10 深圳捷达工控维修

人机界面 (HMI) XP500 工业 PC 系列以不同的方式思考工业平板电脑对于严酷、高要求的应用，工业平板电脑设定了可配置性和稳健性的标准。伊顿的 XP500 系列工业平板电脑凭借防刮钢化玻璃屏幕、铸铝外壳和无风扇设计满足了这些需求。这些功能使 XP500 HMI成为一款节…...

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

趣话最大割问题：花果山之群猴博弈

内容来源：量子前哨（ID：Qforepost） 编辑丨浪味仙排版丨沛贤深度好文：3000字丨15分钟阅读趋利避害，是所有生物遵循的自然法则，人类也不例外。举个例子，假如你是某生鲜平台的配…...

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

上周面试了一个大模型算法岗的女生，有点崩溃。。。

节前，我们星球组织了一场算法岗技术&面试讨论会，邀请了一些互联网大厂朋友、参加社招和校招面试的同学，针对算法岗技术趋势、大模型落地项目经验分享、新手如何入门算法岗、该如何准备、面试常考点分享等热门话题进行了深入的讨论。汇总…...

编程日记 2024/4/16 0:56:58

AI系列：大语言模型的function calling

目录大语言模型(LLM) 的function calling实验：OpenAI之function calling序列图：function calling如何工作详情: 对话内容参考代码后续: 使用LangChain实现function calling参考大语言模型(LLM) 的function calling 大语言模型(LLM)可以使用自然语言与…...

编程日记 2024/4/16 0:55:57

conda 创建、激活、退出、删除虚拟环境

一、conda 本地环境常用操作 #获取版本号 conda --version 或 conda -V #检查更新当前conda conda update conda #查看当前存在哪些虚拟环境 conda env list 或 conda info -e #查看--安装--更新--删除包 conda list： conda search package_name# 查询包 cond…...

编程日记 2024/4/16 0:54:56

跨境电商独立站平台有哪些/国内新闻热点事件

SoundChannel类所在的包：flash.media 所在的类： public final class SoundChannel SoundChannel类控制应用程序中的声音。 Adobe Flash 应用程序中播放的每一个声音都被分配到一个声道，而且应用程序可以具有混合在一起的多个声道。 So…...

编程日记 2024/10/29 21:39:45