frontend-developer-1

Customize and Create JavaScript
What are the advantages and disadvantages of inline JavaScript?
The advantage is that inline JavaScript is easy to include, and it does not send an
additional request. The downside, though, is that the code becomes difficult to
reuse. Additionally, depending on what type of Javascript is rendered, this code is
not deferred and can block page loading.
If other places in the application need the same functionality, the script must be
included there as well. This inhibits caching because the JavaScript cannot be
cached separately from the main document and must be sent again every time.
Also, as the complexity of the logic increases, it begins to be difficult to manage. At
that point (or if you begin development knowing that it will soon get to this point),
splitting your JavaScript into multiple files will ease development.
Additionally, inline JavaScript cannot be controlled with a Content-Security-Policy.
This means that inline JavaScript is more likely to be exploited through Cross-Site-
Scripting (XSS).
HELPFUL LINKS:
• https://developer.chrome.com/extensions/contentSecurityPolicy
How can JavaScript be loaded asynchronously on a page?
This occurs through placing functionality into require or define methods. What
is the difference between these two methods? require executes immediately.
When RequireJS is loading modules, and it comes across one that has this method,
the contents are executed. define wraps a module that can be requested and
used by other modules. As a result, it is only executed when called, such as
Copyright © 2018, SwiftOtter, Inc.
65