首页 > 其他分享 >HTML20_web概念1

HTML20_web概念1

时间:2024-05-30 17:44:10浏览次数:13  
标签:web 浏览器 服务器端 静态 用户 概念 HTML20 资源 页面

一、web概念概述

 1、JavaWeb:使用Java语音开发基于互联网的项目

 2、软件架构:

  1. C/S: Client/Server 客户端/服务器端
    * 在用户本地有一个客户端程序,在远程有一个服务器端程序
    * 如:QQ,迅雷...
    * 优点:
      1. 用户体验好
    * 缺点:
      1. 开发、安装,部署,维护 麻烦
  2. B/S: Browser/Server 浏览器/服务器端
    * 只需要一个浏览器,用户通过不同的网址(URL),可以访问不同的服务器端程序
    * 优点:
      1. 开发、安装,部署,维护 简单
    * 缺点:
      1. 如果应用过大,用户的体验可能会受到影响
      2. 对硬件要求过高

 3、B/S架构详解

   * 资源分类:
    1. 静态资源:
      * 使用静态网页开发技术发布的资源。
      * 特点:
        * 所有用户访问,得到的结果是一样的。
        * 如:文本,图片,音频、视频, HTML,CSS,JavaScript
        * 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源
    2. 动态资源:
      * 使用动态网页及时发布的资源。
      * 特点:
        * 所有用户访问,得到的结果可能不一样。
        * 如:jsp/servlet,php,asp...
        * 如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器

 4、我们要学习动态资源,必须先学习静态资源!

 5、静态资源:

  * HTML:用于搭建基础网页,展示页面的内容
  * CSS:用于美化页面,布局页面
  * JavaScript:控制页面的元素,让页面有一些动态的效果

 

标签:web,浏览器,服务器端,静态,用户,概念,HTML20,资源,页面
From: https://www.cnblogs.com/ajing2018/p/18222926

相关文章

  • 三十二、openlayers官网示例解析Draw lines rendered with WebGL——使用WebGL动态修
     官网demo地址:DrawlinesrenderedwithWebGL这个示例展示了如何用webgl渲染矢量图形并动态修改点、线属性。首先先把基本的地图加载上去initMap(){this.map=newMap({layers:[newTileLayer({source:newXYZ({......
  • WEB安全:Content Security Policy (CSP) 详解
    ContentSecurityPolicy(CSP)是一种强大的网页安全机制,用于防止跨站脚本(XSS)和其他注入攻击。通过设置一系列的内容安全策略,CSP可以限制网页可以加载的资源,从而保护用户数据和网站的安全性。什么是XSS攻击?跨站脚本攻击(XSS)是一种常见的安全漏洞,攻击者通过注......
  • golang开发 gorilla websocket的使用
    很多APP都需要主动向用户推送消息,这就需要用到长连接的服务,即我们通常提到的websocket,同样也是使用socket服务,通信协议是基本类似的,在go中用的最多的、也是最简单的socket服务就是gorilla/websocket,它有21.1K的star,足以说明它的受欢迎程度,它的github地址是https://github.com/g......
  • asp.net web api 接口内调用多个远程接口优化
    提高查询速度的远程接口优化;[ApiController][Route("[controller]")]publicclassShippingCostController:ControllerBase{privatereadonlyShippingCostService_shippingCostService;publicShippingCostController(ShippingCostServiceshippingCostServ......
  • 高德地图在web端的使用
    1、高德地图开放平台申请key和安全密钥 2、安装高德地图加载器使用npm 安装:npmi@amap/amap-jsapi-loader--save使用yarn 安装:yarnadd@amap/amap-jsapi-loader--save3、直接使用<template><divid="amapcontainer"style="width:800px;height:620px"></div......
  • asp.net web api 接口控制并发研究(临时性方法)
    有一个业务场景,接口的业务逻辑非常复杂,对数据库的压力比较大,希望限制下接口的并发数量,研究了下:usingMicrosoft.AspNetCore.Mvc;usingSystem.Collections.Concurrent;usingSystem.Threading.Tasks;namespaceTestBingFa.Controllers{[ApiController][Route("[c......
  • 关于PHP的webshell免杀小结
    0X00普通的一句话木马(适用于CTF和小站)<?phpeval($_POST['a']);?>//函数的相似替换<?phpassert($_POST['a']);?> <?php@eval($_POST['110']);?>与第一个一句话木马相比多了一个"@"字符,我们发现这个字符的含义是在php语法中表示抑制错误信息即使有错误也不返回;属于不......
  • Particles.js:为Web项目增添动态粒子效果
    Particles.js:为Web项目增添动态粒子效果示例介绍Particles.js是一个轻量级的JavaScript库,用于在Web页面上创建和管理动态粒子效果。它允许开发者通过简单的配置文件实现复杂的动画效果,为网页增添视觉吸引力。粒子可以是点、线、图像等,能够根据用户交互进行动态变化,Particles.......
  • 如何隐藏 Firefox 窗口(Selenium WebDriver)?
    在Python中使用SeleniumWebDriver隐藏Firefox窗口通常涉及到配置FirefoxOptions来禁用其图形界面的显示。以下是一个详细的步骤和代码示例:1.首先,确保你已经安装了selenium库,以及geckodriver(适用于Firefox浏览器)。如果还没有安装,可以通过pip进行安装:```bashpipinstallsel......
  • Tron_CTF2024新生赛 WEB
    web业余憨憨简单复现一下,不过有两题环境挂了s1mple_php题目easy我的解答:源码:<?phphighlight_file(__FILE__);include("flag.php");$c=$_POST['c'];$v=$_GET['v'];$e=$_GET['e'];if(isset($_GET['v'])andisset($_GET['......