企业官网建设流程全解析

设计资源网,seo网络营销的技术,茂名本土网站建设公司,全总基层组织建设网站#x1f3ac; HoRain云小助手#xff1a;个人主页 #x1f525; 个人专栏: 《Linux 系列教程》《c语言教程》 ⛺️生活的理想#xff0c;就是为了理想的生活! ⛳️ 推荐 前些天发现了一个超棒的服务器购买网站#xff0c;性价比超高#xff0c;大内存超划算#xff01;… HoRain云小助手个人主页 个人专栏: 《Linux 系列教程》《c语言教程》⛺️生活的理想就是为了理想的生活!⛳️ 推荐前些天发现了一个超棒的服务器购买网站性价比超高大内存超划算忍不住分享一下给大家。点击跳转到网站。专栏介绍专栏名称专栏介绍《C语言》本专栏主要撰写C干货内容和编程技巧让大家从底层了解C把更多的知识由抽象到简单通俗易懂。《网络协议》本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘一起解密网络协议在运行中协议的基本运行机制《docker容器精解篇》全面深入解析 docker 容器从基础到进阶涵盖原理、操作、实践案例助您精通 docker。《linux系列》本专栏主要撰写Linux干货内容从基础到进阶知识由抽象到简单通俗易懂帮你从新手小白到扫地僧。《python 系列》本专栏着重撰写Python相关的干货内容与编程技巧助力大家从底层去认识Python将更多复杂的知识由抽象转化为简单易懂的内容。《试题库》本专栏主要是发布一些考试和练习题库涵盖软考、HCIE、HRCE、CCNA等目录⛳️ 推荐专栏介绍JavaScript JSON数据交换的轻量级格式什么是JSONJSON基本语法1. 键值对对象2. 数组JSON与JavaScript的关系核心方法序列化与解析1. 序列化对象 → 字符串2. 解析字符串 → 对象JSON的主要用途常见问题与注意事项1. JSON不支持的类型2. 日期处理3. 循环引用问题4. 安全解析实际应用场景为什么使用JSONJavaScript JSON数据交换的轻量级格式什么是JSONJSONJavaScript Object Notation是JavaScript对象表示法的缩写是一种轻量级的数据交换格式。它独立于语言虽然名字中包含JavaScript但并非JavaScript专属几乎所有现代编程语言都支持JSON。JSON是一种文本化格式用于在不同系统、不同语言之间交换数据。它基于标准面向对象非常适合作为Web应用中的数据传输格式。JSON基本语法1. 键值对对象键名必须用双引号括起来值可以是字符串、数字、布尔值、对象、数组、null不允许函数、undefined、NaN等JavaScript特有值{ name: Alice, age: 30, isStudent: false, hobbies: [reading, swimming], address: { city: Beijing, zipcode: 100000 } }2. 数组数组元素可以是任意合法的JSON值支持嵌套结构[ apple, banana, orange, { id: 1, title: Learn JSON } ]JSON与JavaScript的关系JSON是JavaScript对象字面量的子集但不是完全等同JSON是字符串格式而JavaScript对象是数据结构JSON可以被JavaScript的JSON.parse()解析为对象也可以用JSON.stringify()将对象转换为JSON字符串核心方法序列化与解析1. 序列化对象 → 字符串const person { name: Alice, age: 30, isStudent: false }; const jsonString JSON.stringify(person); console.log(jsonString); // 输出: {name:Alice,age:30,isStudent:false}2. 解析字符串 → 对象const jsonString {name:Alice,age:30}; const person JSON.parse(jsonString); console.log(person.name); // 输出: AliceJSON的主要用途服务器与客户端通信API浏览器向服务器发送请求服务器返回JSON数据浏览器解析JSON后在页面上显示数据配置文件用于存储应用程序配置数据存储本地存储数据如浏览器localStorage常见问题与注意事项1. JSON不支持的类型不支持undefined、function、Symbol、NaN这些在序列化时会被忽略或转为null2. 日期处理Date对象默认序列化为ISO格式字符串解析后是字符串而非Date实例需手动转换// 序列化日期 const date new Date(); JSON.stringify(date); // 2024-05-12T08:30:00.000Z // 解析日期 JSON.parse({date:2024-05-12T08:30:00.000Z}, (key, value) { if (key date) return new Date(value); return value; });3. 循环引用问题当对象存在循环引用如obj.a obj时JSON.stringify()会报错解决方案使用replacer函数或第三方库4. 安全解析必须用try/catch包裹JSON.parse()防止非法JSON导致错误不要信任外部来源的JSON数据try { const data JSON.parse(jsonString); } catch (e) { console.error(JSON解析失败:, e.message); }实际应用场景前后端数据交互前端发送JSON.stringify()后的数据后端返回JSON格式数据前端使用JSON.parse()解析本地存储将对象存储到localStoragelocalStorage.setItem(user, JSON.stringify(user))读取时const user JSON.parse(localStorage.getItem(user))为什么使用JSON轻量级比XML更小传输更快易读易写人类可读机器可解析广泛支持几乎所有编程语言都支持标准格式基于RFC 4627标准JSON已成为现代Web开发中数据交换的标准格式无论是AJAX请求、RESTful API还是前端框架的数据交互JSON都扮演着核心角色。❤️❤️❤️本人水平有限如有纰漏欢迎各位大佬评论批评指正如果觉得这篇文对你有帮助的话也请给个点赞、收藏下吧非常感谢! Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧