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

JSONVUE

news 2026/5/13 18:24:48

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

快速学C语言——第19章：C语言常用开发库

第19章&#xff1a;C语言常用开发库 C语言的标准库提供了丰富的函数来帮助开发者完成各种常见任务。掌握这些标准库的使用可以大大提高编程效率。 ⚠️本章只给出日常开发中常用的函数&#xff01; 19.1 标准输入输出库&#xff08;stdio.h&#xff09; stdio.h 是最常用的库&a…...

编程新知 2026/5/13 17:40:40

别让求解器‘装傻’：COMSOL中‘事件接口’的隐藏用法与常见坑点

别让求解器‘装傻’&#xff1a;COMSOL中‘事件接口’的隐藏用法与常见坑点 在瞬态耦合仿真中&#xff0c;你是否遇到过这样的场景&#xff1a;电磁场脉冲已经结束&#xff0c;但温度场仍在缓慢爬升&#xff1b;或者结构载荷突然释放&#xff0c;但求解器却将突变平滑处理&…...

编程新知 2026/5/13 17:11:51

【仿真实战】AnyLogic地铁站客流仿真：从零搭建带安检与限流的多层车站模型

1. 从零开始搭建地铁站仿真模型 第一次接触AnyLogic做地铁站客流仿真时&#xff0c;我完全被各种模块和参数搞晕了。后来在几个实际项目中摸爬滚打&#xff0c;终于总结出一套小白也能快速上手的方法。这次我们就来搭建一个包含安检区和限流措施的多层地铁站模型&#xff0c;整…...

编程新知 2026/5/13 17:00:42

Arcgis制图进阶：比例尺参数深度解析与实战样式定制

1. 比例尺参数配置的核心逻辑 比例尺在ArcGIS中远不止是一个简单的标注工具&#xff0c;它直接影响地图的专业性和信息传达效率。我经手过上百个制图项目&#xff0c;发现90%的比例尺问题都源于对参数逻辑理解不透彻。比例尺参数系统其实是一个精密的视觉计算器&#xff0c;它…...

编程新知 2026/5/13 16:29:40

HoRain云--Lua元表：解锁高级编程技巧

&#x1f3ac; HoRain云小助手&#xff1a;个人主页 &#x1f525; 个人专栏: 《Linux 系列教程》《c语言教程》 ⛺️生活的理想&#xff0c;就是为了理想的生活! ⛳️ 推荐 前些天发现了一个超棒的服务器购买网站&#xff0c;性价比超高&#xff0c;大内存超划算&#xff01;…...

编程新知 2026/5/13 16:07:43

3分钟搞定Axure RP中文界面：全版本汉化终极指南

3分钟搞定Axure RP中文界面&#xff1a;全版本汉化终极指南 【免费下载链接】axure-cn Chinese language file for Axure RP. Axure RP 简体中文语言包。支持 Axure 11、10、9。不定期更新。 项目地址: https://gitcode.com/gh_mirrors/ax/axure-cn 还在为Axure RP的英文…...

编程新知 2026/5/13 15:46:06

Dism++终极指南：5步彻底解决Windows系统卡顿和臃肿问题

Dism终极指南&#xff1a;5步彻底解决Windows系统卡顿和臃肿问题 【免费下载链接】Dism-Multi-language Dism Multi-language Support & BUG Report 项目地址: https://gitcode.com/gh_mirrors/di/Dism-Multi-language 你是否曾为Windows系统越来越慢而烦恼&#xf…...

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

VMware Workstation Pro 17免费许可证密钥终极指南：快速激活专业虚拟化工具

VMware Workstation Pro 17免费许可证密钥终极指南&#xff1a;快速激活专业虚拟化工具 【免费下载链接】VMware-Workstation-Pro-17-Licence-Keys Free VMware Workstation Pro 17 full license keys. Weve meticulously organized thousands of keys, catering to all major …...

编程新知 2026/5/13 11:41:04

告别杂音：手把手教你用RNNoise为你的实时语音应用降噪（附Python/C++实战代码）

实时语音降噪实战&#xff1a;从RNNoise原理到多语言工程集成 在视频会议、在线教育、语音社交等场景中&#xff0c;背景噪声一直是影响语音质量的顽疾。传统降噪方案如谱减法、Wiener滤波在应对突发噪声时往往力不从心&#xff0c;而端到端的深度学习方案又面临实时性挑战。本…...

编程新知 2026/5/13 11:15:40

量子误差缓解技术与BBGKY层次结构的应用

1. 量子误差缓解的现状与挑战在当前的NISQ&#xff08;噪声中等规模量子&#xff09;时代&#xff0c;量子计算机的实际应用面临着一个根本性障碍&#xff1a;量子噪声。与经典计算机不同&#xff0c;量子比特极易受到环境干扰&#xff0c;导致计算错误。这种噪声主要来源于量子…...

编程新知 2026/5/13 10:56:22