本地相对路径:写这个路径的文件的页面是在本地打开的

"./src/18.jpg"  写这个路径的文件的页面是在本地打开的==> file://x1/x2/x2/src/18.jpg

"src/18.jpg" 写这个路径的文件的页面是在本地打开的 ==> file://x1/x2/x2/src/18.jpg

区分"/src/18.jpg" 这是根路径的写法

本地绝对路径

"C:/Users/Administrator/Desktop/%E4%BB%A3%E7%A0%81/

相对网络路径

当前页面的网址:  "协议://ip:port /src/news/index.html  querystring hash"

页面内部的路径:

"./src/18.jpg" ==> "协议://ip:port /src/news/src/18.jpg"

"src/18.jpg" ==> "协议://ip:port /src/news/src/18.jpg"

绝对网络路径

"协议://ip:port /src/news/src/18.jpg"

本地相对根路径

用户本地打开: "file:///c:/xx/xx2/index.html"

页面中有一个img的src是 : "/src/18.jpg"

它真正的路径:"file:///c:/src/18.jpg"

网络相对根路径

"/src/18.jpg"

用户输入网址: http://192.168.6.60:8080/user/20220728/newspage

打开了一个页面,在这个页面中有一个img的src是 : "/src/18.jpg"

请问192.168.6.60:8080这个服务器会受到req.url是什么?

答:"/src/18.jpg"

它真正的网址:"http://192.168.6.60:8080/src/18.jpg"

// 1.浏览器是怎么加载网页的?

// 1.1浏览器的地址栏  输入的网址  敲回车  会请求一次服务器

//服务器会返回一个数据包 就是网页代码(html格式的文本文档)

//1.2浏览器开始去运行解析html文本(此时还没有外部 图片,js,css,字体库资源)

//1.2.1解析时 遇到了 img标签的src属性 会异步的 开始再次网络请求服务器 ,服务器返回数据包(图片编码) 然后渲染出来

//1.2.2解析时 遇到了link-href 会异步的 开始再次网络请求服务器 ,服务器返回数据包(css编码) 然后加载

//1.2.3解析时 xxxx-url会异步的 开始再次网络请求服务器 ,服务器返回数据包(对应编码) 然后加载

//1.2.4解析时script-src会异步的 开始再次网络请求服务器 ,服务器返回数据包(js编码) 然后用js引擎去执行编码

//1.3所有资源加载完毕了  才会触发window.onload

node.js的认识与了解3相关推荐

  1. Node.js 简单入门

    目录 一. 什么是Nodejs 二. Nodejs组成图(对比jdk) 三. Nodejs的安装 四. 第一个Nodejs程序 五. Node实现请求响应 六. Node操作MYSQL数据库 1. 安 ...

  2. node.js(node.js+mongoose小案例)_实现简单的注册登录退出

    一.前言 通过node.js基本知识对node.js基本知识的一个简单应用 1.注册 2.登录 3.退出 二.基本内容 1.项目结构搭建如图所示 2.这个小案列中用到了art-template子模板以 ...

  3. 在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

    Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...

  4. [转]Getting Start With Node.JS Tools For Visual Studio

    本文转自:http://www.c-sharpcorner.com/UploadFile/g_arora/getting-started-with-node-js-tools-for-visual-s ...

  5. 由Node.js事件驱动模型引发的思考

    引言 近段时间听说了Node.js,很多文章表述这个事件驱动模型多么多么优秀,应用在服务器开发中有很大的优势,本身对此十分感性去,决定深入了解一下,由此也引发了一些对程序设计的思考,记录下来. 什么是 ...

  6. 百度语音合成 js html,Node.js结合百度TTS接口实现文字转语音功能

    今天工作的时候偶然发现了百度的TTS Restful接口(TTS是TextToSpeech,说白了就是文本转语音的功能).该接口如下,浏览器中可以直接访问: http://tts.baidu.com/ ...

  7. js ftpclient linux server,Node.JS用Socket实现FTP Server服务器和Client客户端

    通信过程 FTP协议其实就是主机和服务通过Socket进行固定格式的通信过程,当某客户端连接到FTP 服务器后,客户端发送指令: [参数] 服务会按以下格式返回: [参数或说明] 例如以下是FileZ ...

  8. 【强势来袭】Node.js(nodejs)实现“一口多用”(含用户创建、登录、鉴权token) 一个文件解决所有常态化需求

    注意,前情提示: 本代码基于<Node.js(nodejs)对本地JSON文件进行增.删.改.查操作(轻车熟路)> 传送门Node.js(nodejs)对本地JSON文件进行增.删.改.查 ...

  9. 【敏捷开发】Node.js(nodejs)实现一个接口完成增删改查聚合接口4个功能,最大限度节省接口数量,正所谓“一口多用”(基础版、免登陆、无鉴权)

    注意,前情提示: 本代码基于<Node.js(nodejs)对本地JSON文件进行增.删.改.查操作(轻车熟路)> 传送门Node.js(nodejs)对本地JSON文件进行增.删.改.查 ...

  10. Node.js实现本地客户端上传单个或者多个文件Excel文件(xls格式、xlsx格式文件)到服务器端,并且解析对应的Excel内容反馈到请求报文中

    注意,前情提示: 本代码基于<Node.js(nodejs)对本地JSON文件进行增.删.改.查操作(轻车熟路)> 传送门Node.js(nodejs)对本地JSON文件进行增.删.改.查 ...

最新文章

  1. php函数在哪个文件夹下,php删除文件夹及其文件夹下所有文件的函数代码
  2. 节约能源,做个合格的环保主义者,不要做网络灾民
  3. 4、删除数据表(DORP TABLE语句)
  4. 如何挽回一个快要“变心”的买家?
  5. Conda环境搭建记录
  6. dotnetcore+vue+elementUI 前后端分离 三(前端篇)
  7. security放行 spirng_Spring Security配置
  8. 漂亮又好用的Redis可视化客户端汇总
  9. AJAX 中Sys.WebForms.PageRequestManager的事件激发顺序
  10. idea退出首界面_如何取消Idea开始界面打开默认项目配置
  11. linux ftp安装_Linux 文件共享方案
  12. 未来的创业者和公司,一定要具备三大能力
  13. AS3改变显示对象亮度
  14. 面试常问:BIO,NIO,AIO
  15. 字节跳动 测试开发面经
  16. java web 在线购书商城系统
  17. 储能系统双向DCDC变换器蓄电池充放电仿真模型有buck模式和boost模式,依靠蓄电池充放电维持直流母线电压平衡
  18. Java方法——方法的重载
  19. UART串口协议简介
  20. IOS生物信息验证(Touch IDFace ID)

热门文章

  1. ctfshow命令执行(持续更新,已更至web39)
  2. Scala学习笔记(三)
  3. 神经网络的图像识别技术,神经网络如何识别图像
  4. 蜜罐天堂Honeydrive的部署和Dionaea的试运行
  5. 创新ICT促进行业迈向云时代
  6. IT项目启示录——来自泰坦尼克号的教训(第十篇)(转)
  7. Opencv的使用小教程3——利用轮廓检测实现二维码定位
  8. 如何用 Minio SDK 访问滴滴云对象存储
  9. 生活指南:IT人士健康生活应多吃的几种食物
  10. android记事本的设计报告,安卓记事本开发设计报告.pdf