基础小白快速入门web前端开发技术------>web概述

7 篇文章 0 订阅
6 篇文章 0 订阅

Web概述

我们在编程的学习中,随着学习的深入,我们会理解到WEB这个东西,那么 web究竟是个啥,到底该咋用?

web,是网站的英文意思,又被称作“下一代Web3.0,互联网”,是在Web1.0和Web2.0基础上的演进形态。

那么,web1.0和web2.0又是个啥呢?

Web1.0主要指的是互联网的早期阶段,那时网站大多是静态的,用户主要是被动接收信息。Web2.0则带来了互动性,用户可以通过社交媒体、评论、分享等功能参与内容创建和信息交流。
Web3.0则进一步突破了Web2.0的界限,它以去中心化、区块链技术为核心,强调用户数据的隐私保护和个人主权。也就是说早期的网站功能并不强大,直到后期,随着我们对编程的不断探索,前人不断地进行积累创造,才有了如今的web

在Web3.0中,用户不仅参与信息的创建与分享,还能拥有自己数据的完全控制权,并通过加密技术保障数据的安全。也就是说,我们可以自己创建自己想要的文件,并且将我们自己实现的文件实现增删改查,此外,Web3.0还融合了人工智能、物联网、大数据分析等新一代信息技术,致力于构建一个更加智能、高效和可信的网络环境。


Web3.0试图解决Web2.0时代中数据安全和用户隐私的问题,通过去中心化的架构降低大型技术平台的影响力,提高网络服务的透明度和公平性。它鼓励更多的创新应用在区块链上开发,实现价值传输和数据驱动的应用。


从技术实现的角度来看,Web3.0的基础设施主要包括区块链、分布式账本技术、去中心化存储、点对点网络通讯和智能合约等。这些技术的融合应用,使得Web3.0能够支持去中心化的应用(DApps),为用户提供全新的网络交互体验和商业模式。

web的起源

Web,即万维网(World Wide Web),起源于20世纪80年代末至90年代初。它的出现改变了人们获取和分享信息的方式。

Web的起源可以追溯到以下几个关键的发展:


1. **ARPANET**:20世纪60年代,美国国防部高级研究计划局(DARPA)创建了ARPANET,这是第一个广泛使用的计算机网络,它使用了分组交换技术。


2. **TCP/IP**1983年,TCP/IP(传输控制协议/互联网协议)成为互联网的标准通信协议,这使得不同类型的计算机网络能够相互连接和通信。


3. **HTML和HTTP**:1989年,英国物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)提出了万维网的构想,并发明了超文本传输协议(HTTP)和超文本标记语言(HTML。HTTP定义了浏览器和服务器之间的通信规则,而HTML则是用来创建和展示网页内容的标记语言。


4. **第一次互联网泡沫**1990年代初期,随着万维网的普及,许多互联网公司迅速崛起,引发了所谓的“互联网泡沫”。这个时期见证了大量的互联网技术和服务的创新,包括搜索引擎、在线广告和电子商务等。


5. **无线互联网和移动设备**:21世纪初,随着3G和后来的4G网络的推出,无线互联网开始普及,智能手机和其他移动设备的普及进一步推动了Web的发展。


6. **社交媒体和Web2.0**:2000年代中期,Web2.0概念出现,强调用户生成内容和网络服务的互动性。社交媒体平台的兴起,如MySpace、Facebook、Twitter等,使得Web变得更加社交化和个性化。


7. **云计算和大数据**:着云计算技术的成熟和大数据时代的到来,Web的服务模式和数据处理能力得到了极大的增强。


8. **Web3.0和去中心化**:近年来,Web3.0的概念开始流行,它强调去中心化、区块链技术和用户数据的主权。Web3.0试图解决Web2.0时代的一些问题,如隐私泄露和数据集中控制。

web的特点

Web技术是指构建和管理万维网的各种技术、协议、语言和框架。

它具有以下几个主要特点:


1. **分布性**:Web技术构建了一个全球性的分布式信息系统,用户可以通过互联网从世界的任何地方访问信息。

什么是分布式?

分布式:

分布式是指将任务、数据或资源分散到多个位置或节点上进行处理和管理的方式。在分布式系统中,这些节点可以位于同一物理位置,也可以分布在不同的地理位置,通过网络连接进行协同工作。每个节点都可以独立工作,也可以与其他节点合作完成任务。
 


2. **互动性**:Web技术支持用户与网站的互动,用户可以检索信息、填写表单、进行交易等。


3. **超链接**:Web页面上可以使用超链接连接到其他页面或资源,使得信息组织灵活,便于浏览。


4. **可扩展性**:Web技术基于标准化的协议和语言,易于扩展和适应新技术。


5. **跨平台性**:Web技术能够在不同的操作系统和设备上运行,只要有网络连接和浏览器。


6. **用户友好性**Web技术通过图形用户界面(GUI)提供直观的用户体验,使用户可以无需专业知识就能使用。也就是说web代码写出来的东西很直观


7. **标准化**:Web技术遵循一系列国际标准,如HTML、CSS、JavaScript等,这保证了技术的通用性和互操作性。


8. **安全性**:Web技术支持各种安全机制,如 SSL/TLS加密、身份验证、访问控制等,以保护数据传输的安全和用户隐私。


9. **动态内容**:通过服务器端脚本(如PHP、Python、Ruby)和客户端脚本(如JavaScript),Web技术能够提供动态生成的内容,响应用户的行为和需求。


10. **兼容性**:Web技术强调向后兼容性,新的技术和标准通常设计成能够兼容旧版本的技术和标准。


11. **多语言支持**:Web技术支持多种语言,使得全球不同国家和文化背景的用户都能使用。


12. **内容管理**:Web技术提供了内容管理系统(CMS),使得非技术用户也能够容易地管理和发布内容。

web工作原理

ab84819b68a746f4925403d2e17bae46.jpg


 

  • 23
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
前端解决Access-Control-Allow-Origin错误的问题中,有几种常见的解决方案。一种是通过配置nginx来处理跨域请求。通过在被请求的接口配置nginx的location代理,并添加header,实现跨域访问。例如,在nginx配置中添加以下代码: ``` location /promotion/activityPro { proxy_pass http://frontHost/promotion/activityPro; add_header 'Access-Control-Allow-Origin' '*'; # 可选项,可以添加其他的header # add_header 'Access-Control-Allow-Methods' 'GET, POST'; # add_header 'Access-Control-Allow-Credentials' "true"; # add_header 'Access-Control-Max-Age' 86400; # add_header 'Access-Control-Allow-Header' 'Content-Type,*'; } ``` 另一个解决方案是使用JSONP。JSONP是一种跨域请求的方法,通过在前端发起请求时,将回调函数作为参数传递给服务端,服务端返回的数据会被包裹在回调函数中返回给前端,从而实现跨域请求。 还有一种解决方案是使用CORS(跨域资源共享)。CORS是W3C的标准,通过在服务端返回的响应头中添加"Access-Control-Allow-Origin"字段,指定允许访问的域名。例如,可以使用以下代码指定允许访问的域名为"http://172.20.0.206": ``` 'Access-Control-Allow-Origin: http://172.20.0.206' ``` 此外,还可以通过设置"Access-Control-Allow-Credentials"字段来允许携带认证信息(cookies)。 总结起来,前端解决Access-Control-Allow-Origin错误的方法有:配置nginx代理实现跨域访问、使用JSONP进行跨域请求、使用CORS在服务端返回的响应头中添加"Access-Control-Allow-Origin"字段来指定允许访问的域名。具体选择哪种方法取决于你的需求和服务端的配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Access-Control-Allow-Origin跨域解决及详细介绍](https://blog.csdn.net/MicroAnswer/article/details/102913571)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [跨域(Access-Control-Allow-Origin)解决方案详解](https://blog.csdn.net/jiabeis/article/details/103459765)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jing静~

ლ(°◕‵ƹ′◕ლ)让我一键努

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值