- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
首先对不起我的英语不好。我会尽量让这个问题可以理解。这仅适用于教育机构:)
当您在 youtube 中观看视频并更改为相关视频中的另一个视频时。页面的很多部分没有更改。因此,如果您更改本地文件(服务器发送给您时下载到您的电脑的页面),您可以看到修改仍然存在。所以如果您删除 de youtube Logo 并访问另一个视频(通过单击相关视频)您会看到视频、标题、说明和相关视频发生变化,但没有标题。您可以在开发者控制台中看到(例如在 Opera 中),您可以查看它. 当我们点击新的相关视频时,它不会加载新页面。让我们解释一下图像
1:您选择标题的一个图标
2:您从中删除代码
3:点击另一个视频,标题还在修改中
我的观察:这可能是一个 ajax 重新加载方法,但是(据我所知)您不能更改浏览器栏的 url(出于安全原因)。那么 youtube 是如何实现这一点的呢?
PD:也许有一种新技术,这非常普遍。但我想知道如何做到这一点:)
最佳答案
这对于单页应用程序 (SPA) 来说非常典型。使用 HTML5 History API,页面脚本拦截 URL 的更改(只要它们在同一个域中),并使用 View Router 使用新的详细信息重新呈现页面,包括请求新数据。
因此,当您从一个视频开始并导航到另一个视频时,浏览器实际上并没有真正“导航”——正如您所说,它从 URL 获取新的视频 ID,从某些后端服务加载视频的元数据并呈现适当的页面。
YouTube 似乎是使用某些版本的 AngularJS 构建的(这很有意义,因为 Google 编写了 Angular 框架)所以如果您想了解更多信息,可以阅读如何构建 Angular 应用程序,但大多数现代 Web 应用程序都是基于类似的基础。这通常是一个好主意,因为与仅更新需要更改的位相比,重新加载整个页面既昂贵又缓慢。
关于javascript - Youtube 有趣的页面加载方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45972104/
我想了解 Ruby 方法 methods() 是如何工作的。 我尝试使用“ruby 方法”在 Google 上搜索,但这不是我需要的。 我也看过 ruby-doc.org,但我没有找到这种方法。
Test 方法 对指定的字符串执行一个正则表达式搜索,并返回一个 Boolean 值指示是否找到匹配的模式。 object.Test(string) 参数 object 必选项。总是一个
Replace 方法 替换在正则表达式查找中找到的文本。 object.Replace(string1, string2) 参数 object 必选项。总是一个 RegExp 对象的名称。
Raise 方法 生成运行时错误 object.Raise(number, source, description, helpfile, helpcontext) 参数 object 应为
Execute 方法 对指定的字符串执行正则表达式搜索。 object.Execute(string) 参数 object 必选项。总是一个 RegExp 对象的名称。 string
Clear 方法 清除 Err 对象的所有属性设置。 object.Clear object 应为 Err 对象的名称。 说明 在错误处理后,使用 Clear 显式地清除 Err 对象。此
CopyFile 方法 将一个或多个文件从某位置复制到另一位置。 object.CopyFile source, destination[, overwrite] 参数 object 必选
Copy 方法 将指定的文件或文件夹从某位置复制到另一位置。 object.Copy destination[, overwrite] 参数 object 必选项。应为 File 或 F
Close 方法 关闭打开的 TextStream 文件。 object.Close object 应为 TextStream 对象的名称。 说明 下面例子举例说明如何使用 Close 方
BuildPath 方法 向现有路径后添加名称。 object.BuildPath(path, name) 参数 object 必选项。应为 FileSystemObject 对象的名称
GetFolder 方法 返回与指定的路径中某文件夹相应的 Folder 对象。 object.GetFolder(folderspec) 参数 object 必选项。应为 FileSy
GetFileName 方法 返回指定路径(不是指定驱动器路径部分)的最后一个文件或文件夹。 object.GetFileName(pathspec) 参数 object 必选项。应为
GetFile 方法 返回与指定路径中某文件相应的 File 对象。 object.GetFile(filespec) 参数 object 必选项。应为 FileSystemObject
GetExtensionName 方法 返回字符串,该字符串包含路径最后一个组成部分的扩展名。 object.GetExtensionName(path) 参数 object 必选项。应
GetDriveName 方法 返回包含指定路径中驱动器名的字符串。 object.GetDriveName(path) 参数 object 必选项。应为 FileSystemObjec
GetDrive 方法 返回与指定的路径中驱动器相对应的 Drive 对象。 object.GetDrive drivespec 参数 object 必选项。应为 FileSystemO
GetBaseName 方法 返回字符串,其中包含文件的基本名 (不带扩展名), 或者提供的路径说明中的文件夹。 object.GetBaseName(path) 参数 object 必
GetAbsolutePathName 方法 从提供的指定路径中返回完整且含义明确的路径。 object.GetAbsolutePathName(pathspec) 参数 object
FolderExists 方法 如果指定的文件夹存在,则返回 True;否则返回 False。 object.FolderExists(folderspec) 参数 object 必选项
FileExists 方法 如果指定的文件存在返回 True;否则返回 False。 object.FileExists(filespec) 参数 object 必选项。应为 FileS
我是一名优秀的程序员,十分优秀!