您理解什么是JavaScript吗?不知道它是什么或有什么用?
不用担心 这篇文章将带您理解基本观点和关键术语。

JavaScript涵盖了浩瀚内容,难以入手。但是,理解它从来没有像现在这样主要,由于JavaScript在我们网站上正变得越来越常见。

随着当代网络的不断发展,JavaScript的利用也在不断增加。当网站是静态的并且仅利用HTML和CSS进行编码时,SEO专业职员须要耗费些精力了。
由于吸引人的网站常日离不开与访问者的互换互动,而这种交互性常日由JavaScript实现。
正如谷歌Google的剖析师约翰·穆勒(John Mueller)所说:“JavaScript不会过期”。
这种编程措辞无处不在,因此我们该当更好地理解它。让我们积极主动地学习更多关于JavaScript的知识吧!
常常会有一个误解,认为JavaScript仅供开拓职员利用。事实并非如此,特殊是对付那些希望客户和搜索引擎能够访问网站内容的人来说。
如果您不理解JavaScript,乃至完备不知道它是什么,不用担心,往下看。
我汇总了一些JS关键术语和基本观点,这些术语和基本观点可帮助您打开JS的大门。
.
什么是JavaScript?JavaScript是一种编程措辞,使您可以在网站上实现繁芜的效果,例如动态元素以及交互功能。
一旦解析并布局了源代码中来自HTML和CSS的信息,便会实行JavaScript。JavaScript会触发某些事宜或变量,使得文档工具模型(DOM)更新,终极在浏览器中呈现。
HTML和CSS常日将构成页面构造的根本,而JavaScript将进行末了的调度和变动。
.
什么是文档工具模型(DOM)?文档工具模型(DOM)是在加载页面时创建的,它由节点和工具组成,这些节点和工具映射页面上的所有元素和属性。
基本页面形成之后,其他程序可以相应地修正页面的构造,内容和样式。JavaScript可以变动页面DOM的元素。
.
什么是ECMAScript?ECMAScript(ES)是一种脚本措辞,旨在规范JavaScript代码的利用。随着措辞的更新和调度,会有不同版本的ECMAScript,例如ES5和ES6(也称为ES2015)。
.
什么是编译?编译器是将源代码转换为其他编程措辞的工具。这个观点有点像代码的谷歌翻译Google Translate。
您可以将特定的源措辞转换为其他目标措辞,例如,JavaScript转换为C ++或Python转换为Ruby。
至于JavaScript渲染,过去在旧版本Chrome浏览器进行渲染的时候,曾建议利用编译器将ES6转换为ES5,由于该版本不支持ECMAScript ES6。
.
什么是Chromium浏览器?谷歌Google推出页面呈现做事(WRS)来加载JavaScript。为此,谷歌Google开拓了Chromium浏览器,这是一个开源项目,其代码构成了Chrome浏览器的根本。
随着Chrome浏览器的更新,它的功能不断增多。
2019年5月之前,谷歌爬虫Googlebot一贯利用2015年发布的Chrome 41的WRS。从那时起,谷歌Google 宣告将Googlebot实时更新,这意味着每当新版本的Chrome发布时,其WRS都会随着更新。
.
什么是单页Web运用(SPA)?单页Web运用(SPA)是加载单个HTML 页面并在用户与运用程序交互时动态更新该页面的Web运用程序。
JavaScript框架可用于支持SPA的动态元素。
.
什么是Angular,Polymer,React和Vue?这些都是不同类型的JavaScript框架。
Angular和Polymer由Google开拓。React是由Facebook开拓的。Vue由曾经在Google Angular团队事情的Evan You开拓。
每个JavaScript框架都有各自的优缺陷,因此开拓职员会选择最适宜他们项目的个中一个框架。
.
什么是JavaScript渲染?JavaScript渲染包括获取脚本及其包含的指令,对其进行处理,然后运行与输出在浏览器上。您可以利用多种方法来掌握JavaScript的呈现办法。
在页面上利用JavaScript会对两个关键领域产生影响:⊹ 网站速率⊹ 搜索引擎爬网和索引
.
什么是预渲染?预渲染是指在用户或搜索引擎要求内容之前就已经在页面上呈现了内容,以便他们吸收一个静态页面,个中所有内容都准备就绪。
预渲染常日用于搜索引擎机器人,而不是访问者。由于它是静态的,缺少动态内容与交互性。
.
01做事器端渲染。
做事器会进行繁重的事情并处理好JavaScript,以便在要求时将内容移交给用户的浏览器或搜索引擎。
此方法有助于减少用户设备处理JavaScript的压力,并且可以提高页面加载速率。做事器端渲染还确保搜索引擎可以看到全部内容并为其建立索引。
.
02客户端渲染。
JavaScript由用户的浏览器或要求页面的搜索引擎处理。做事器将处理初始要求,但是呈现页面的事情将落在用户的设备或搜索引擎上。
常日建议不要利用客户端渲染,由于在谷歌Google抓取页面与进行渲染之间存在延迟。
谷歌Google将须要渲染的页面排成一列,等到有足够的资源才会处理它们。
如果您依赖谷歌Google渲染网页,可能会在被抓取后最多延迟一周才索引。
.
03动态渲染。
动态渲染是指利用不同的方法渲染页面,这取决于是用户的浏览器还是搜索引擎机器人正在要求页面。
如果您的网站常日是在客户端渲染,则在检测到谷歌爬虫Googlebot时,将利用小型客户端渲染器(例如Puppeteer或Rendertron)对页面进行预渲染,由此可以立即查看内容并将其编入索引。
.
04稠浊渲染。
稠浊渲染是指做事器端渲染和客户端渲染的结合。无论是用户的浏览器还是搜索引擎在要求内容,核心内容是在做事器端预渲染的。
初步加载页面后,在客户端渲染用于任何交互的JavaScript。
希望本指南可以帮助您更好地理解JavaScript的根本知识及其对网站的影响。
