Author: John Au-Yeung

Sometimes, we want to wait until all JavaScript files are loaded before executing JavaScript code.

In this article, we’ll look at how to wait until all JavaScript files are loaded before executing JavaScript code.

How to wait until all JavaScript files are loaded before executing JavaScript code?

To wait until all JavaScript files are loaded before executing JavaScript code, we can watch the load event.

For instance, we write

window.addEventListener("load", () => {
  // ...
});

to call addEventListener with 'load' and a function that’s called when all the JavaScript files are loaded.

We put the code that we want to run after all the JavaScript files are loaded in the callback.

Conclusion

To wait until all JavaScript files are loaded before executing JavaScript code, we can watch the load event.

Sometimes, we want to smooth scroll anchor links with JavaScript.

In this article, we’ll look at how to smooth scroll anchor links with JavaScript.

How to smooth scroll anchor links with JavaScript?

To smooth scroll anchor links with JavaScript, we call the window.scroll method.

For instance, we write

window.scroll({
  behavior: "smooth",
  left: 0,
  top: element.offsetTop,
});

to call scroll with an object that has the behavior property set to 'smooth' to do smooth scrolling.

And we set top to element.offsetTop to scroll to the top of the element.

Conclusion

To smooth scroll anchor links with JavaScript, we call the window.scroll method.

Sometimes, we want to get full file path in Node.js.

In this article, we’ll look at how to get full file path in Node.js.

How to get full file path in Node.js?

To get full file path in Node.js, we use the path.resolve method.

For instance, we write

const path = require("path");
const absolutePath = path.resolve("./Uploads/MyFile.csv");

to call path.resolve with a relative path string to return the full path of the file as a string.

Conclusion

To get full file path in Node.js, we use the path.resolve method.

Sometimes, we want to convert an image to a base64-encoded data URL in server-side JavaScript.

In this article, we’ll look at how to convert an image to a base64-encoded data URL in server-side JavaScript.

How to convert an image to a base64-encoded data URL in server-side JavaScript?

To convert an image to a base64-encoded data URL in server-side JavaScript, we can use a Buffer.

For instance, we write

const fs = require("fs");

const base64Encode = (file) => {
  const bitmap = fs.readFileSync(file);
  return new Buffer(bitmap).toString("base64");
};

to define the base64Encode function.

In it, we call readFileSync to read the file.

Then we convert it to a buffer with Buffer.

And then we convert it to a base64 string with toString.

Conclusion

To convert an image to a base64-encoded data URL in server-side JavaScript, we can use a Buffer.