node.js的认识与了解3

F12控制台学习之network 控制台之network简学 阅读详情

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

"./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

【D3.js in Action 3 精译_013】D3 入门基础之 Node、JavaScript 框架与 Observable 记事本 本篇为《D3.js in Action》全新第三版第 1.2 小节的内容收尾部分,主要介绍了与 D3 项目构建相关的一些知识,包括 Node.js、主流 JavaScript 框架及 Observable 平台相关的情况。可以作为扩充知识面的阅读材料。建议多尝试 Observable 线上项目。 阅读详情

相关推荐

【前端面试】深入了解Node.js基础

运行环境:libuv 主要用于 Node.js 环境,而浏览器事件循环运行在浏览器中。I/O 模型:libuv 专注于异步 I/O 操作,而浏览器事件循环处理 DOM 事件、JavaScript 执行和 Web APIs。线程模型:libuv 通常运行在单个线程上,但有线程池支持多线程;浏览器事件循环则在多线程环境中运行,但主要在 JavaScript 引擎线程上处理事件。API 和 集成。

hhhh 1704

网页中的路径

“路径”用来指定文件的位置。 网页中的路径使用URL(Uniform Resource Locator统一资源定位器)。

cnds123的专栏 3328

Chromatix_AEC—深入解析曝光表配置与传感器参数计算

本文深入解析高通Chromatix AEC模块中的曝光表配置与传感器参数计算,详细介绍了自动曝光控制(AEC)的核心概念、首行曝光时间计算、行时间与曝光模式对比、帧率计算逻辑以及曝光表高级配置技巧。通过实战案例展示如何优化传感器参数联调,帮助开发者掌握Chromatix工具在摄像头系统中的关键应用。

266

IIS服务器搭建与WWW资源加载

本文介绍使用Unity WWW通过HTTP协议实现在自己IIS搭建的网站上加载资源图片,并将图片保存到本地主机上 【IIS服务器搭建】 打开控制面板,点击卸载程序 点击启动或关闭Windows功能 按如下图勾选Web管理工具 等待安装完成后,搜索Internet InformationServices,点击进入iis管理器 右键点击添加网站,按如下图填写

Kiboo的博客 3294

数学建模--十大经典常用算法

数学建模十大算法:灰色预测,蒙特卡洛,遗传算法,模拟退火法,组合算法,神经网络,动态规划,聚类算法,类比法,概率算法,Floyd算法

qq_51533426的博客 5647

影刀初级考试操作题2

题型E主要考察了Excel的操作,总体上难度不大,流程也很少。有些细节地方比如是追加还是覆盖,多试几次就没问题了。

weisili2012的博客 1万+

浏览器如何加载网页?——相对于node.js阶段

5、解析时,遇到了url属性(如backgroundurl("...")),会异步的开始再次网络请求这个服务器,服务器返回数据包(对应编码),然后浏览器加载。3、解析时,遇到了link标签的href属性,会异步的开始再次网络请求这个服务器,服务器返回数据包(css编码),然后浏览器加载。4、解析时,遇到了script标签的src属性,会异步的开始再次网络请求这个服务器,服务器返回数据包(js编码),然后浏览器加载。1、用户在浏览器的地址栏输入要访问的网址,按下回车,客户端向服务器发送一次请求;...

m0_59345890的博客 750

打开LWIP_DEBUG的打印信息调试

在lwip 2.1.2的版本,打开的debug 调试的步骤: 1.在debug.h 文件中找到debug打印的定义 默认LWIP_DEBUG这个宏没有定义, 2.在lwipopt.h 文件中或者其他文件定义 一下LWIP_DEBUG这个宏, 3.在opt.h 中可以打开各种宏的调试信息, /* --------------------------------------- ---------- Debugging options ---------- ---------...

haidscs的博客 9880

页面加载过程(url->页面)

网页加载过程

yangyang3401的博客 1790

AMS TMF8820/21/28 SPAD 掩码和模式选择

为了实现最快的测距周期,将报告周期设置在测距周期以下的毫秒,以确保不会有等待时间。除了8X8固定了pixel的位置意外,其他模式客户可以设计自己的spad掩码,并将spad单独分配给通道。对于这些spad掩码,有一些约束。左下角提示红色代表光学中心,绿色方框表示单个spad,每个MP里可能有2X3个spad,也有2X5个spad,也有3X6+3个spad,这部分适配光学,最大的程度的利用spad区域。以下是几种预定义的spad掩码,非常灵活的配置,来适配各种3X3,4X4,8X8的模式选择。

dream it possible 700

080、多轴运动控制:插补器设计(螺旋线插补)

本文分享了螺旋线插补器设计的实战经验。针对五轴点胶机Z轴抖动问题,作者分析了螺旋线数学本质,提出基于归一化时间参数的速度规划方法,强调各轴严格同步的重要性。文章详细介绍了速度分解、加减速处理、嵌入式优化技巧(查表法、定点化),并总结了起点闭合、速度波动、数值处理等常见问题解决方案。最后给出5条实用建议:注重速度规划而非纯数学推导、预先仿真、保留调试接口、考虑机械谐振、防范编码器丢脉冲。通过优化插补周期、电子齿轮比和S形速度曲线,成功将设备良率从60%提升至95%。

m0_50546716的博客 86

带你3分钟了解Node.JS

命令行窗口 (小黑屏)、CMD窗口、终端、shell 使用 开始菜单 --> 运行 --> CMD --> 回车 常用指令 dir 列出当前目录下的所有文件 cd 目录名 进入到指定的目录 md 目录名 创建一个文件夹 rd 目录名 删除一个文件夹 目录 . 表示当前目录 .. 表示上一级目录 环境变量(windows系统中变量) path C:\work\jdk\jdk1.7.0_75/bin; %CATALINA_HOME%/bin; C:

Hemx的博客 325

EtherCAT用TwinCAT 3跑DC报0x2C或者0x1A错误码

EtherCAT用TwinCAT 3跑DC报0x2C或者0x1A DC报错 ///////////////////////////////////////////////////////////////////////////////////////// /** \brief Checks communication and synchronisation variables and update AL status / AL status code if an error has occurr

PI_sunyang的博客 5307

Node.js 实战 第3章 Node Web 程序是什么 3.1 了解Node Web 程序的结构

Node.js 实战 第3章 Node Web 程序是什么 3.1 了解Node Web 程序的结构

代码改变世界 167

[Godot][入门] 安装与版本选择:3.x 还是 4.x?(按项目类型一键决策)

摘要: Godot引擎版本选择需根据项目需求权衡3.x与4.x。Godot4.x(如4.2)适合3D开发和新项目,支持Vulkan和GDScript2.0,但生态尚不成熟;Godot3.x(如3.5.3)则更适合稳定2D开发、Web导出及依赖现有插件/教程的场景。安装方式极简,官网下载解压即可运行。新手建议:短期高效选3.x,长期探索选4.x,旧项目勿盲目迁移。附版本对比表及决策树,助开发者快速匹配需求。

技术小甜甜:传播可落地技术,帮助个人和企业降低解决真实场景问题的成本 911

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

Node.js之包管理npm

Nodejs的包管理工具npm使用

天天学安全专属博客 547

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

Node.js v17 来了,看看都有哪些新功能?

Node.js v17 版本已发布,取代了 v16 做为当前版本,新的 v17 版本提供了一些新功能:基于 Promise 的其它核心模块 API、错误堆栈尾部增加 Node.js 版本信...

奇舞周刊 435

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

【Node.js】使用 Node.js 需要了解多少 JavaScript?

总的来说,使用 Node.js 开发并不要求你掌握所有 JavaScript 的高级知识,但了解 JavaScript 的基础和异步编程的核心概念,将大大提高你的开发效率。通过不断学习和实践,你将能够利用 Node.js 构建出高效、可扩展的应用程序。希望本文能帮助你了解在学习 Node.js 之前需要掌握的 JavaScript 知识,帮助你在 Node.js 的开发路上走得更远。祝你编码愉快!

佚名程序员 1940

Node.js 是什么?Node.js与JavaScript的区别是什么?

node.js是什么?Node.js是一个Javascript运行环境(runtime)。Node.js与JavaScript的区别是什么?本质:     Javascript是一种web前端语言,主要用于web开发中,由浏览器解析执行     Node.js是一个可以快速构建网络服务及应用的平台,是用Javascri...

吴甜甜的技术博客 3万+

node.js 浅析 与 了解

浅析 与 了解

m0_51244077的博客 1815

node.js 初识node.js,运行在服务端的 JavaScript(一)

文章目录1.浏览器原理2.浏览器访问服务器过程3.web开发本质4.什么是node.js?5.node.js有哪些特点?6.安装Node.js 1.浏览器原理 2.浏览器访问服务器过程 https://edu.aliyun.com/lesson_1730_14083?spm=5176.10731542.0.0.4fb815f2VGm9PU#_14083 请求报文和相应报文。 3.web开发本质 一般web都是下面三点一样: 1.请求,客户端发起请求。 2.处理,服务器处理请求。 3.响应,服务器将处理结果

探索技术与实践的旅程,分享编程经验与工具使用心得,助力开发者提升技能。 1万+

了解Node.js

Node.js是一个功能强大且灵活的JavaScript运行时环境,适用于构建各种高性能网络和服务器端应用程序。通过掌握Node.js的基本概念、安装与配置、常用模块和实践应用,开发人员可以充分利用Node.js的优势,实现高效、可扩展的网络应用程序。Node.js的广泛应用场景和丰富的生态系统,为开发人员提供了无限的可能性,使得它成为现代Web开发中的重要工具。

huaqianzkh的专栏 3478

Node.js中运行JavaScript代码

最近学习JS的内容,有幸得到Bill的指点,之前自己运行JS的脚本是在浏览器上,之后惊喜的发现,可以在加载Node.js环境中,在命令窗口运行脚本。这样做的好处是什么呢?大大的减少了窗口来回切换的的频率,提高我们的效率。看起来也是很高大上的。

No body But u 8220

node.js和JavaScript的关系

1. 什么是node.js node.js是一个基于 Chrome V8 引擎的 JavaScript 运行时的环境。 2. 什么是JavaScript 2.1比较JavaScript 和 Java 两者之间没有关系 V8是google开源的JavaScript引擎,用于执行JavaScript;类似JVM执行java字节码。在node.js 诞生之前,V8是内置于Chromeium中的,现在也...

weixin_41160054的博客 5538

Node.js详解(二):Node.js与JS的关系

是 Node 选择了 JavaScript,不是 JavaScript 发展出来了一个 Node。 NodeJS的作者说,他创造NodeJS的目的是为了实现高性能Web服务器,他首先看重的是事件机制和异步IO模型的优越性,而不是JS。但是他需要选择一种编程语言实现他的想法,这种编程语言不能自带IO功能,并且需要能良好支持事件机制。JS没有自带IO功能,天生就用于处理浏览器中的DOM事件,并且拥有一大群程序员,因此就成为了天然的选择。

Java+GO+JS全栈工程师-鹤冲天的博客:编程辅导~商务合作~技术交流 3869

JavaScript、Node.js、npm 和 nvm:彻底理清他们的历史与关系

js,nodejs,npm,nvm关系

全栈程序员的开发日常 1644
上一篇: node.js的认识与了解2
下一篇: 模块化和初步认识npm
Michael哥哥
博客等级 码龄6年 7粉丝 46原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值