Udemy課程鏈接：https://www.udemy.com/course/the-advanced-web-developer-bootcamp/
B站視頻鏈接： https://www.bilibili.com/video/BV1T7411W7cR
我的GitHub文件： https://github.com/Li-YangZhong/The-Advanced-Web-Developer-Bootcamp
JSONView - View JSON in Firefox and Chrome | BenHollis.net
來自 <https://cn.bing.com/search?q=jsonview&PC=U316&FORM=CHROMN>
Expressing sizes, such as margins and paddings, in em means they are related to the font size, and if the user has a big font (e.g., on a big screen) or a small font (e.g., on a handheld device), the sizes will be in proportion.
來自 <https://www.bing.com/search?q=margin+em&PC=U316&FORM=BESBTB&ensearch=1>
Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTP headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin. A web application executes a cross-origin HTTP request when it requests a resource that has a different origin (domain, protocol, or port) from its own.
An example of a cross-origin request: the front-end JavaScript code served from https://domain-a.com uses XMLHttpRequest to make a request for https://domain-b.com/data.json.
For security reasons, browsers restrict cross-origin HTTP requests initiated from scripts. For example, XMLHttpRequest and the Fetch API follow the same-origin policy. This means that a web application using those APIs can only request resources from the same origin the application was loaded from, unless the response from other origins includes the right CORS headers.
The CORS mechanism supports secure cross-origin requests and data transfers between browsers and servers. Modern browsers use CORS in APIs such as XMLHttpRequest or Fetch to mitigate the risks of cross-origin HTTP requests.
來自 <https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS>
http://youmightnotneedjquery.com/
type .exit to exit node from the terminal.
//
XMLHttpRequest (XHR) is an API in the form of an object whose methods transfer data between a web browser and a web server. The object is provided by the browser's JavaScript environment. Particularly, retrieval of data from XHR for the purpose of continually modifying a loaded web page is the underlying concept of Ajax design. Despite the name, XHR can be used with protocols other than HTTP and data can be in the form of not only XML, but also JSON, HTML or plain text.
來自 <https://cn.bing.com/search?q=XHR&PC=U316&FORM=CHROMN>
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
來自 <https://d3js.org/>