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

JSONVUE

news 文章来源：https://blog.csdn.net/m0_57408062/article/details/136199462 2025/2/3 15:01:56

1.JSON学习

1.概念:

JSON是把JS对象变成字符串.

2.作用:

多用于网络中数据传输.

JavaScript对象

   let person={name:"张三",age:18}//将JS对象转换为 JSON数据let person2JSON='{"name":"张三","age":18}';

3.JS对象与JSON字符串转换的方法: 

<script>//1.自动的将JSON字符串转换为JS对象let person2Str='{"name":"lisi","age":30}';let person2 = JSON.parse(person2Str);document.write(`姓名是:${person2.name},年龄是:${person2.age}`+"<br/>");//2.将JS对象转换为 JSON字符串let person1={name:"王五",age:66}let str1 = JSON.stringify(person1);document.write(str1+"<br/>");
</script>

 4.Java中的JSON转换工具

请求数据:JSON字符串转为Java对象;

响应数据:Java对象转为JSON字符串;

2.VUE学习

一套前端框架,免除原生JavaScript中的DOM操作,简化书写;

基于MVVM思想,实现数据的双向绑定,将编程的关注点放在数据上;

1.v-text和v-html指令

 

<body><!--创建视图--><div id="div"><!--示例：使用3种方式设置span标签体的内容--><div>方式1：<span>{{msg}}</span></div><div>方式2：<span v-text="msg"></span></div><div>方式3：<span v-html="msg"></span></div></div>
</body>
<script src="js/vue.js"></script>
<script>//目标：给视图标签体绑定数据//方式1：{{变量名}} 插入值表达式，标签体绑定文本字符串，类似于innerText的功能//方式2：v-text="变量名"，与{{变量名}}功能一样//方式3：v-html="变量名"，标签体绑定html代码字符串，类似于innerHTML的功能//       v-html 或 v-text 都是设置在视图标签的属性位置new Vue({el:"#div",data:{msg:"<h1>Hello Vue</h1>"}});
</script>

 

 2.判断指令

3.循环指令

4.V-ON指令

 5.v-bind

6.v-model 双向数据绑定


3.VUE的生命周期

从vue实例创建到销毁的整个过程

4.Element

饿了么公司开发的,提供一套基于vue的网站组件库,用于快速构建网页

​​​​​​​

 

相关文章：

JSONVUE

1.JSON学习 1.概念: JSON是把JS对象变成字符串. 2.作用: 多用于网络中数据传输. JavaScript对象 let person{name:"张三",age:18}//将JS对象转换为 JSON数据let person2JSON{"name":"张三","age":18}; 3.JS对象与JSON字符串转换…...

编程日记 2024/2/26 19:18:06

OSCP靶机--Medjed

OSCP靶机–Medjed 考点&#xff1a;(1.ftp文件上传 2.sql注入写shell 3.第三软件提权) 1.nmap ┌──(root㉿kali)-[~/Desktop] └─# nmap 192.168.200.127 -sV -sC -p- --min-rate 5000 Starting Nmap 7.92 ( https://nmap.org ) at 2024-02-25 19:42 EST Nmap scan repo…...

编程日记 2024/2/26 19:17:05

【Unity】Unity与安卓交互

问题描述 Unity和安卓手机进行交互&#xff0c;是我们开发游戏中最常见的场景。本教程将从一个简单的例子来演示一下。 本教程需要用到Android Studio2021.1.1 1.Android Studio新建一个工程 2.选择Empty Activity 然后点击Next 3.点击Finish完成创建 4.选择File-New-New Mo…...

编程日记 2024/2/26 19:16:04

QYFB-02 无线风力报警仪 风速风向超限声光报警

产品概述 无线风力报警仪是由测控报警仪、无线风速风向传感器和太阳能供电盒组成&#xff0c;可观测大气中的瞬时风速&#xff0c;具有风速报警设定和报警输出控制功能&#xff1b;风力报警仪采用无线信号传输、显示屏输出&#xff0c;风速显示采用高亮LED数码管显示&#xff…...

编程日记 2024/2/26 19:15:03

css知识：盒模型盒子塌陷BFC

1. css盒模型 标准盒子模型&#xff0c;content-box 设置宽度即content的宽度 width content 总宽度content&#xff08;width设定值&#xff09; padding border IE/怪异盒子模型&#xff0c;border-box width content border padding 总宽度 width设定值 2. 如何…...

编程日记 2024/2/26 19:14:02

Nginx的反向代理：实现灵活的请求转发和内容缓存

一、引言&#xff1a;代理服务器的简介 本节介绍代理服务器的基本配置。学习如何通过不同协议将 NGINX 请求传递给代理的服务器&#xff0c;修改发送到代理服务器的客户端请求标头&#xff0c;以及配置来自代理服务器的响应缓冲。 代理通常用于在多个服务器之间分配负载&…...

编程日记 2024/2/26 19:13:01

免费享受企业级安全：雷池社区版WAF，高效专业的Web安全的方案

网站安全成为了每个企业及个人不可忽视的重要议题。 随着网络攻击手段日益狡猾和复杂&#xff0c;选择一个强大的安全防护平台变得尤为关键。 推荐的雷池社区版——一个为网站提供全面安全防护解决方案的平台&#xff0c;它不仅具备高效的安全防护能力&#xff0c;还让网站安…...

编程日记 2024/2/26 19:09:58

基于SpringBoot的航班进出港管理系统

文章目录 项目介绍主要功能截图&#xff1a;部分代码展示设计总结项目获取方式 &#x1f345; 作者主页&#xff1a;超级无敌暴龙战士塔塔开 &#x1f345; 简介&#xff1a;Java领域优质创作者&#x1f3c6;、 简历模板、学习资料、面试题库【关注我&#xff0c;都给你】 &…...

编程日记 2024/2/26 19:06:53

Odoo系统安装部署并结合内网穿透实现固定域名访问本地ERP系统

文章目录 前言1. 下载安装Odoo&#xff1a;2. 实现公网访问Odoo本地系统&#xff1a;3. 固定域名访问Odoo本地系统 前言 Odoo是全球流行的开源企业管理套件&#xff0c;是一个一站式全功能ERP及电商平台。 开源性质&#xff1a;Odoo是一个开源的ERP软件&#xff0c;这意味着企…...

编程日记 2024/2/26 19:04:51

幻兽帕鲁(Palworld 1.4.1)私有服务器搭建(docker版)

文章目录 说明客户端安装服务器部署1Panel安装和配置docker服务初始化设置设置开机自启动设置镜像加速 游戏服务端部署游戏服务端参数可视化配置 Palworld连接服务器问题总结 说明 服务器硬件要求&#xff1a;Linux系统/Window系统&#xff08;x86架构&#xff0c;armbian架构…...

编程日记 2024/2/26 19:02:50

好书推荐丨细说Python编程：从入门到科学计算

文章目录 写在前面Python简介推荐图书内容简介编辑推荐作者简介 推荐理由粉丝福利写在最后 写在前面 本期博主给大家推荐一本Python基础入门的全新正版书籍&#xff0c;对Python、机器学习、人工智能感兴趣的小伙伴们快来看看吧~ Python简介 Python 是一种广泛使用的高级、解…...

编程日记 2024/2/26 19:01:48

智慧城市与数字孪生：共创未来城市新篇章

一、引言 随着科技的飞速发展&#xff0c;智慧城市与数字孪生已成为现代城市建设的核心议题。智慧城市注重利用先进的信息通信技术&#xff0c;提升城市治理水平&#xff0c;改善市民生活品质。而数字孪生则通过建立物理城市与数字模型之间的连接&#xff0c;为城市管理、规划…...

编程日记 2024/2/26 19:00:47

Java数据结构---初识集合框架

目录 一、什么是集合框架 二、集合框架的重要性 三、背后涉及的数据结构及算法 1.什么是数据结构 2.容器背后对应的数据结构 3.相关的Java知识 4.什么是算法 一、什么是集合框架 Java 集合框架 Java Collection Framework &#xff0c;又被称为容器 container &#xff0…...

编程日记 2024/2/26 18:58:45

Spring Cloud学习

1、什么是SpringCloud Spring cloud 流应用程序启动器是基于 Spring Boot 的 Spring 集成应用程序&#xff0c;提供与外部系统的集成。Spring cloud Task&#xff0c;一个生命周期短暂的微服务框架&#xff0c;用于快速构建执行有限数据处理的应用程序。Spring cloud 流应用程…...

编程日记 2024/2/26 18:56:42

【计算机网络】1.4 接入网和物理媒体

1.4 接入网和物理媒体 问题&#xff1a;怎样将端系统和边缘路由器连接&#xff1f; 答&#xff1a;有线方式&#xff08;住宅接入网络、单位接入网络等&#xff09;或无线方式&#xff08;无线接入网络&#xff09;。 有线接入方式 光纤同轴混合网是基于已有的有线电视网开发的…...

编程日记 2024/2/26 18:53:39

关于螺栓的基本拧紧技术了解多少——SunTorque智能扭矩系统

螺栓是机械中常见的紧固件之一&#xff0c;用于将两个或多个部件连接在一起&#xff0c;并保持它们之间的紧密配合。拧紧螺栓是一项基本的技术&#xff0c;但在实际操作中&#xff0c;许多工人并不了解正确的拧紧方法&#xff0c;从而导致螺栓松动、连接失效等问题的出现。因此…...

编程日记 2024/2/26 18:51:36

C# .Net 发布后,把dll全部放在一个文件夹中,让软件目录更整洁

PublishFolderCleaner – Github 测试环境: .Net 8 Program.cs 代码 // https://github.com/dotnet-campus/dotnetcampus.DotNETBuildSDK/tree/master/PublishFolderCleanerusing System.Diagnostics; using System.Text;// 名称, 不用写 .exe var exeName "AbpDemo&…...

编程日记 2024/2/26 18:49:34

[更新]ARCGIS之土地耕地占补平衡、进出平衡系统报备坐标txt格式批量导出工具（定制开发版）

序言 之前开发的耕地占补平衡报备格式&#xff0c;现在之前的基础上集成了耕地进出平衡报备格式导出。 之前版本软件详见&#xff1a;软件介绍 一、软件简介 本软件是基于arcgis二次开发的工具&#xff08;插件&#xff09;&#xff0c;需要授权后才能使用&#xff1b; 本软件…...

编程日记 2024/2/26 18:47:32

todolist

一开始想自己写个todolist的网页&#xff0c;一直没时间&#xff0c;直接拿这个博客记录了&#xff0c;因为仅我可见比较麻烦&#xff0c;就放在全部可见记录了 目录 2024年3月todoes了解一下深入学习k8s&#xff0c;比如pod运行多个容器 &#xff0c;编写自己的镜像 2024年2月…...

编程日记 2024/2/26 18:43:26

【Java程序设计】【C00307】基于Springboot的基Hadoop的物品租赁管理系统（有论文）

基于Springboot的基Hadoop的物品租赁管理系统&#xff08;有论文&#xff09; 项目简介项目获取开发环境项目技术运行截图 项目简介 这是一个基于Springboot的基于 Hadoop的物品租赁系统的设计与实现&#xff0c;本系统有管理员、用户二种角色权限&#xff1b; 前台首页&#…...

编程日记 2024/2/26 18:41:24

GIT中对子仓库的使用方法介绍

git 子仓库 主仓库中添加子仓库 git submodule add <url> <path>更新子代码代码 git submodule update --init克隆含有子仓库的仓库 git clone --recurse-submodules <url>主仓库中删除子仓库 1、进入包含子仓库的父仓库的根目录 2、使用以下命令将子仓…...

编程日记 2024/2/26 18:40:22

ClickHouse 指南（三）最佳实践 -- 跳数索引

Data Skipping Indexes Data Skipping Indexes 2 1、简介 影响ClickHouse查询性能的因素很多。在大多数情况下&#xff0c;关键因素是ClickHouse在计算查询WHERE子句条件时是否可以使用主键。因此&#xff0c;选择适用于最常见查询模式的主键对于有效的表设计至关重要。 然…...

编程日记 2024/2/26 18:39:21

Mybatis总结--传参二

#叫做占位符 Mybatis是封装的JDBC 增强版 内部还是用的jdbc 每遇到一个#号 这里就会变为&#xff1f;占位符 一个#{}就是对应一个问号 一个占位符 用这个对象执行sql语句没有sql注入的风险 八、多个参数-使用Param 当 Dao 接口方法有多个参数&#xff0c;需要通过名称使…...

编程日记 2024/2/26 18:37:19

2024年数字化转型风口趋势大赏

人工智能和自动化确实为提高效率和数据驱动的见解提供了巨大的潜力&#xff0c;但这些技术无法完全取代人类技能和情境决策。在混合模型中将人工智能功能与人类专业知识相结合的企业将实现最大的效益。 随着人工智能和自动化的不断发展&#xff0c;企业必须调整其战略、流程和人…...

编程日记 2024/2/26 18:36:17

某款服务器插上4张TDP功耗75瓦PCIE卡无法开机的调试过程

1.服务器厂家说这款服务器测过别家的4卡&#xff0c;所以一开始并没有怀疑服务器硬件有问题 2.拔掉另外三张&#xff0c;只保留cpu0对应的riser0 slot0上的一张卡&#xff0c;仍然无法开机。 3.怀疑是这张pcie卡bar空间太大导致。换另一款bar空间小的卡&#xff0c;仍然无法开…...

编程日记 2024/2/26 18:35:17

数据结构与算法——排序算法

目录 文章目录 前言 一.排序的基本概念 1.什么是就地排序 2.什么是内部排序和外部排序 3.什么是稳定排序 4.判定一个排序算法的是稳定的 二.插入排序算法 1.直接插入排序 1.1基本思想 1.2复杂度 1.3稳定性 1.4代码演示 2.折半插入排序 2.1基本思想 2.2性能 3.…...

编程日记 2024/2/26 18:32:14

阿里巴巴alibaba API商品详情接口系列（商品属性，价格，主图）阿里巴巴alibaba根据ID取商品详情 API 返回值说明

阿里巴巴Alibaba的API商品详情接口系列通常用于获取指定商品的详细信息&#xff0c;包括商品属性、价格、主图等。与来赞达Lazada的API类似&#xff0c;具体的返回值可能会根据API的版本和阿里巴巴平台的更新而有所不同。 以下是一个假设的阿里巴巴API商品详情接口的返回值示例…...

编程日记 2024/2/26 18:29:11

lcd画圆

//****************************************************************** //函数名&#xff1a; _draw_circle_8 //功能&#xff1a; 8对称性画圆算法(内部调用) //输入参数&#xff1a;(xc,yc) :圆中心坐标 // (x,y):光标相对于圆心的坐标 // c:填…...

编程日记 2024/2/26 18:25:06

React组件详解

React组件分为两大类 1.函数组件 2.类组件&#xff08;最常用&#xff09; 组件化 import ReactDom from "react-dom";// // 1.通过函数创建一个组件 // 2.函数名字必须大写开头 // 3.函数必须有返回值 function Func1() {return <h2>这是一个基础组件</h…...

编程日记 2024/2/26 18:20:00

C++面试：内存溢出、内存泄漏的原因与解决

目录 内存溢出&#xff08;Memory Overflow&#xff09; 内存溢出介绍 解决内存溢出问题的方法 内存泄漏&#xff08;Memory Leak&#xff09; 内存泄露基础 解决内存泄漏问题的方法 内存溢出&#xff08;Memory Overflow&#xff09; 内存溢出介绍 内存溢出是指程序在执…...

编程日记 2024/2/26 18:18:58

哈尔滨 网站建设仟路/故事式软文范例500字

Linux网络设备分析Linux网络设备分析[摘要] 在本文中&#xff0c;首先概括了网络设备总体特征和工作原理&#xff0c;接着在分析了一个重要的数据结构device后&#xff0c;重点剖析了网络设备的整个初始化工作过程&#xff1b;简单地分析了设备的打开和关闭的操作后&#xff0c…...

编程日记 2025/2/3 13:55:17

河南网站优化/跟我学seo

来自:http://blog.csdn.net/dawanganban/article/details/17679069在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识&#xff0c;下面我们开始真正的体验一下HTML5的优势&#xff0c;我们开始制作一个漂亮的视频播放器吧先别急&#xff0c;在开始制作之前先了解一下视频…...

编程日记 2025/2/3 13:20:16

wordpress去视频广告/怎么做网络平台

LAMBDA Group 的文章在其主页有公布代码和数据集&#xff0c;具体在其 主页 -> 数据与代码。 下面的「代码」栏列了文章&#xff0c;比如点开第一篇 AcMR&#xff0c;里面有个下载代码的链接 code&#xff0c;但点开会发现&#xff1a;无法链接到服务器。 根据杨嘉祺的邮件…...

编程日记 2025/2/3 8:54:59

wordpress获得留言/小红书指数

写在前面&#xff1a; 这个类别将记录我学习操作系统的学习笔记。会将视频讲解与书本内容进行内容提炼。每天学习一点&#xff0c;坚持下来会有收获。这篇主要记述操作系统的目标与作用&#xff0c;回顾操作系统发展历程。概念居多&#xff0c;了解即可。 操作系统的目标&…...

编程日记 2025/2/3 7:07:40

八年级信技做网站/湖南平台网站建设设计

题目来源&#xff1a;南京邮电大学网络攻防训练平台 Web题 md5 collision 解题过程&#xff1a; 点开题目标题&#xff0c;呈现在眼前的是一段php代码&#xff0c;代码如下&#xff1a; $md51 md5(QNKCDZO); $a $_GET[a]; $md52 md5($a); if(isset($a)){if ($a ! QNKCDZO…...

编程日记 2025/2/3 5:37:28

房产机构网站建设/互联网营销专家

BeautifulSoup BeautifulSoup 是一个非常流行的 python 模块&#xff0c;该模块可以解析网页&#xff0c;并提供定位内容的便捷接口。安装简便 pip install beautifulsoup4 第一步是将已下载的 HTML 内容解析为 soup 文档。由于大多数网页都不具备良好的 html 格式&#xff…...

编程日记 2025/2/3 3:00:32