Posts

Showing posts with the label JavaScript best practice

Extremely Useful Hacks for JavaScript

-
Image
In this post I will share  12 extremely useful hacks for JavaScript . These hacks reduce the code and will help you to run optimized code. So let’s start hacking! 1) Converting to boolean using  !!  operator Sometimes we need to check if some variable exists or if it has a valid value, to consider them as  true value . For do this kind of validation, you can use the  !! (Double negation operator)  a simple  !!variable , which will automatically convert any kind of data to boolean and this variable will return  false  only if it has some of these values:  0 ,  null ,  "" ,  undefined  or  NaN , otherwise it will return  true . To understand it in practice, take a look this simple example: function Account ( cash ) { this .cash = cash; this .hasMoney = !!cash; } var account = new Account( 100.50 ); console .log(account.cash); // 100.50 console .log(account.hasMoney); // true ...
Post a Comment
Read more

Three JavaScript Array Hacks

-
Image
Arrays are everywhere in JavaScript and with the new  spread operators introduced in ECMAScript 6, you can do awesome things with them. In this post I will show you three useful tricks you can use when programming: 1. Iterating through an empty array JavaScript arrays are sparse in nature in that there are a lot of holes in them. Try creating an array using the Array’s constructor and you will see what I mean. > const arr = new Array(4); [undefined, undefined, undefined, undefined] You may find that iterating over a sparse array to apply a certain transformation is hard. > const arr = new Array(4); > arr.map((elem, index) => index); [undefined, undefined, undefined, undefined] To solve this, you can use  Array.apply  when creating the array. > const arr = Array.apply(null, new Array(4)); > arr.map((elem, index) => index); [0, 1, 2, 3] A nicer way to iterate through an empty array is to use spread operators. Shout-out to  ...
Post a Comment
Read more

Javascript Hacks and Tips To Optimize Performance and Save time

-
Image
JavaScript or JS helps implement complex things on web pages. Many of the developers know the importance of an minified Javascript file but few are aware of an Optimized Javascript code. An optimized code is a combination of smartly programmed logics and small hacks to optimize performance, speed and save time. Here are sweet 16  JS hacks and tips  for developers  for optimizing Javascript to improve JS performance and improve execution time without affecting server resources. 1. Use Array Filter It is a small hack to filter out bucket of elements from the array pool.  This method creates an array filled with all array elements that pass a test (provided as a function).  According to requirement create a callback function for non-required elements. In below example the bucket elements are  null  and are ready to get filtered out.    Example: schema = [ "hi" , "ihaveboyfriend" , null , null , "goodbye"] schema = schema ....
Post a Comment
Read more

Popular posts from this blog

How to download a file using command prompt (cmd) Windows?

-
Image
If you’re like most Internet users, you download various types of files now and then. You either download these files with your web browser or some download manager software. Have you ever considered downloading files using the command prompt i.e. CMD? If not, we recommend you to try it. It’s quite interesting apart from being very useful as well. In this article, we’ll show you how to download a file using command prompt aka CMD. How to download a file using command prompt?   There are several useful commands for the Command Prompt and one of them is  bitsadmin . Though bitsadmin has several uses, here we shall limit this article to its role in downloading files only. If you want to read the details about bitsadmin syntax, continue reading this section. Otherwise, you can scroll down to the next section –  Downloading a file .   The syntax of bitsadmin is : BITSADMIN [/RAWRETURN] [/WRAP | /NOWRAP] command   As you know, the parts of the syntax inside ...
Read more

The future of Artificial Intelligence: 6 ways it will impact everyday life

-
Image
Technology moves at breakneck speed, and we now have more power in our pockets than we had in our homes in the 1990s. Artificial intelligence (AI) has been a fascinating concept of science fiction for decades, but many researchers think we’re finally getting close to making AI a reality.  NPR notes that in the last few years, scientists have made breakthroughs in “machine learning,” using neural networks, which mimic the processes of real neurons. This is a type of “deep learning” that allows machines to process information for themselves on a very sophisticated level, allowing them to perform complex functions like facial recognition. Big data is speeding up the AI development process, and we may be seeing more integration of AI technology in our everyday lives relatively soon. While much of this technology is still fairly rudimentary at the moment, we can expect sophisticated AI to one day significantly impact our everyday lives. Here are 6 ways AI might affect us in the ...
Read more

Angular 9 - User Registration and Login Example & Tutorial

-
Image
In this tutorial we'll go through an example of how to build a simple user registration, login and user management (CRUD) application with Angular 9. The project is available on GitHub at  https://github.com/cornflourblue/angular-9-registration-login-example . The Angular CLI was used to generate the base project structure with the  ng new <project name>  command, the CLI is also used to build and serve the application. For more info about the Angular CLI see  https://angular.io/cli . Styling of the example app is all done with Bootstrap 4.4 CSS, for more info about Bootstrap see  https://getbootstrap.com/docs/4.4/getting-started/introduction/ . Here it is in action:   (See on StackBlitz at  https://stackblitz.com/edit/angular-9-registration-login-example ) Running the Angular 9 Login Tutorial Example Locally Install NodeJS and NPM from  https://nodejs.org . Download or clone the Angular project source code from  https:...
Read more