From b49ed0d28c2cfb0f39be603a62d37bcc1ec407dc Mon Sep 17 00:00:00 2001 From: Hoarfroster Date: Thu, 27 Jun 2024 20:06:59 +0800 Subject: [PATCH] feat: improvements on glossary engine (#34165) * feat: improvements on glossary engine * feat: improvements on JavaScript Engine * feat: improvements on Rendering Engine * feat: improvements Co-authored-by: Dipika Bhattacharya --------- Co-authored-by: Dipika Bhattacharya --- files/en-us/_redirects.txt | 1 + files/en-us/_wikihistory.json | 26 +++++++++---------- files/en-us/glossary/engine/index.md | 6 ++--- .../en-us/glossary/engine/javascript/index.md | 23 ++++++++++++++++ .../en-us/glossary/engine/rendering/index.md | 23 ++++++++++++++++ .../en-us/glossary/rendering_engine/index.md | 14 ---------- 6 files changed, 62 insertions(+), 31 deletions(-) create mode 100644 files/en-us/glossary/engine/javascript/index.md create mode 100644 files/en-us/glossary/engine/rendering/index.md delete mode 100644 files/en-us/glossary/rendering_engine/index.md diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt index 65e6d096673a6f0..5c806cb21a2f9c7 100644 --- a/files/en-us/_redirects.txt +++ b/files/en-us/_redirects.txt @@ -3601,6 +3601,7 @@ /en-US/docs/Glossary/Property_(CSS) /en-US/docs/Glossary/property/CSS /en-US/docs/Glossary/Random_Number_Generator /en-US/docs/Glossary/RNG /en-US/docs/Glossary/Reference /en-US/docs/Glossary/Object_reference +/en-US/docs/Glossary/Rendering_engine /en-US/docs/Glossary/Engine/Rendering /en-US/docs/Glossary/Responsive_design /en-US/docs/Glossary/Responsive_web_design /en-US/docs/Glossary/Round_Trip_Time_(RTT) /en-US/docs/Glossary/Round_Trip_Time /en-US/docs/Glossary/SRTP /en-US/docs/Glossary/RTP diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json index 1160b3187a32599..e1db6503ac4bdb4 100644 --- a/files/en-us/_wikihistory.json +++ b/files/en-us/_wikihistory.json @@ -2159,7 +2159,7 @@ "fscholz" ] }, - "Glossary/Engine": { + "Glossary/Engine/JavaScript": { "modified": "2019-05-09T03:04:25.699Z", "contributors": [ "SphinxKnight", @@ -2172,6 +2172,18 @@ "panaggio" ] }, + "Glossary/Engine/Rendering": { + "modified": "2020-09-28T13:38:28.076Z", + "contributors": [ + "myakura", + "ramsunvtech", + "hbloomer", + "Andrew_Pfeiffer", + "klez", + "kscarfone", + "ChrisL" + ] + }, "Glossary/Entity": { "modified": "2019-09-05T01:20:53.488Z", "contributors": [ @@ -4213,18 +4225,6 @@ "teainthegarden" ] }, - "Glossary/Rendering_engine": { - "modified": "2020-09-28T13:38:28.076Z", - "contributors": [ - "myakura", - "ramsunvtech", - "hbloomer", - "Andrew_Pfeiffer", - "klez", - "kscarfone", - "ChrisL" - ] - }, "Glossary/Repo": { "modified": "2019-03-23T23:09:46.809Z", "contributors": [ diff --git a/files/en-us/glossary/engine/index.md b/files/en-us/glossary/engine/index.md index ef8c9c8bf9b26c0..c7ee512abf95950 100644 --- a/files/en-us/glossary/engine/index.md +++ b/files/en-us/glossary/engine/index.md @@ -6,8 +6,6 @@ page-type: glossary-definition {{GlossarySidebar}} -The {{glossary("JavaScript")}} engine is an interpreter that parses and executes a JavaScript program. +The term **engine** can have several meanings depending on the context. It may refer to: -## See also - -- [JavaScript engine](https://en.wikipedia.org/wiki/JavaScript_engine) on Wikipedia +{{GlossaryDisambiguation}} diff --git a/files/en-us/glossary/engine/javascript/index.md b/files/en-us/glossary/engine/javascript/index.md new file mode 100644 index 000000000000000..086fec7c618fda3 --- /dev/null +++ b/files/en-us/glossary/engine/javascript/index.md @@ -0,0 +1,23 @@ +--- +title: JavaScript engine +slug: Glossary/Engine/JavaScript +page-type: glossary-definition +--- + +{{GlossarySidebar}} + +**JavaScript engines** are interpreters that parse and execute {{glossary("JavaScript")}} code. Modern JavaScript engines use just-in-time (JIT) compilation to convert JavaScript code into machine code that can be executed by a computer's processor. A JavaScript engine is typically developed and used in web {{glossary("browser", "browsers")}} to run client-side code but can also be used in server-side environments like {{glossary("Node.js")}}. + +In a browser, the JavaScript engine operates together with the rendering engine via the {{glossary("DOM", "Document Object Model")}} and {{glossary("WebIDL", "Web IDL")}} bindings. Some JavaScript engines also execute {{glossary("WebAssembly")}} code in the same sandbox as regular JavaScript code. + +Do not confuse JavaScript engines with {{glossary("engine/rendering", "rendering engines")}}, which are also crucial parts of browsers. + +## See also + +- [JavaScript engine](https://en.wikipedia.org/wiki/JavaScript_engine) on Wikipedia +- Glossary + - {{glossary("Engine")}} + - {{glossary("JavaScript")}} + - {{glossary("WebAssembly")}} + - {{glossary("Browser")}} + - {{glossary("Node.js")}} diff --git a/files/en-us/glossary/engine/rendering/index.md b/files/en-us/glossary/engine/rendering/index.md new file mode 100644 index 000000000000000..d41e56ff27aee21 --- /dev/null +++ b/files/en-us/glossary/engine/rendering/index.md @@ -0,0 +1,23 @@ +--- +title: Rendering engine +slug: Glossary/Engine/Rendering +page-type: glossary-definition +--- + +{{GlossarySidebar}} + +**Rendering engines** (also known as layout engines or browser engines) are part of a {{glossary("Browser", "web browser")}} that transforms {{glossary("HTML")}}, {{glossary("CSS")}}, and other resources of a web page into a visual representation on a screen. + +Common rendering engines include: + +- {{glossary("Blink")}} +- {{glossary("Gecko")}} +- {{glossary("WebKit")}} +- {{glossary("Trident")}} + +## See also + +- [Browser engine](https://en.wikipedia.org/wiki/Browser_engine) on Wikipedia +- Glossary + - {{Glossary("Engine")}} + - {{Glossary("Browser")}} diff --git a/files/en-us/glossary/rendering_engine/index.md b/files/en-us/glossary/rendering_engine/index.md deleted file mode 100644 index 778bf5b38e8a914..000000000000000 --- a/files/en-us/glossary/rendering_engine/index.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: Rendering engine -slug: Glossary/Rendering_engine -page-type: glossary-definition ---- - -{{GlossarySidebar}} - -A **rendering engine** is software that draws text and images on the screen. The engine draws structured text from a document (often {{glossary("HTML")}}), and formats it properly based on the given style declarations (often given in {{glossary("CSS")}}). Examples of layout engines: {{glossary("Blink")}}, {{glossary("Gecko")}}, EdgeHTML, {{glossary("WebKit")}}. - -## See also - -- [Web browser engine](https://en.wikipedia.org/wiki/Web_browser_engine) on Wikipedia -- [Venkatraman.R - Behind Browsers (Part 1, Basics)](https://medium.com/@ramsunvtech/behind-browser-basics-part-1-b733e9f3c0e6)