JavaScript Tutorial

I use grunt to construct a JS project. And I run several grunt tasks to make the JS project build process automated. But after I set up the project using grunt, I found the watch task does not work, this article will tell you how to fix it.

Bower is a frontend asset management tool. It can manage frontend javascript, Html, CSS, images files .etc. It is similar to NPM. This article will tell you how to use bower to manage frontend assets with an example.

When your js project becomes bigger and bigger, there may be a lot of js files in it. And you have to import them into your Html file source code one by one and in order. This may make mistakes. For example, you miss importing some js files or import them in the wrong order

When I run the command browserify ./js/test1.js -o build.js in the terminal to bundle some js files into one, it throws the error message like ParseError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’. This article will tell you how to fix it using babel to transcompile the js file source code to ES

When you develop a javascript application, when there are event occurs such as a button click event, you may want to pass some parameters to the event listener function. This article will tell you how to do it with examples.

I have a js file in my example project. And I define a js module function and a variable in the js file source code that uses the ES6 syntax. But when I want to use the module function and variable in an Html file, it throws some errors. This article will tell you how

When I include an external javascript file into my Html file, I meet the error messages Uncaught SyntaxError: Unexpected token ‘export’ & Uncaught SyntaxError: Cannot use import statement outside a module. This article will tell you how to fix these 2 errors.

I create a grunt project and when I run the command grunt in a terminal to build the project, I encounter the error message Loading “Gruntfile.js” tasks…ERROR >> SyntaxError: Invalid or unexpected token. This article will tell you how to fix it.