Home > UI/UX Development > JavaScript (Page 2)

Posted In: JavaScript

JavaScript

Array functions in javascript

Anil Kolase JavaScript 0

Javascript array functions 1. toString() - convert array to string [crayon-6aa12b66bfd0d183598484/] 2. pop() - remove/delete last element from an array [crayon-6aa12b66bfd17478900727/] 3. push() - add/insert element at the top [crayon-6aa12b66bfd1a989944396/] 4. shift() - remove/delete first element from an array [crayon-6aa12b66bfd1d501121319/] 5. unshift() - add/insert element at first position [crayon-6aa12b66bfd20871814087/] 6. concat() - merged(concat) existing array and create new array [crayon-6aa12b66bfd22491153831/] 7. slice() -

This Article is TAGGED in , , , , , , , . Read more

How to create/build web application in Angular?

Anil Kolase Angular JS 0

1. Download and install Node Package Manager(npm) Link to download npm (https://nodejs.org/en/download/) 2. Then install ANGULAR CLI globally Open cmd and Run command [crayon-6aa12b66c0271221312156/] It can install angular globally 3. To Check version on command [crayon-6aa12b66c0276517198519/] [crayon-6aa12b66c0279010376250/] [crayon-6aa12b66c027c268252119/] 4. Create new project Open terminal and run command [crayon-6aa12b66c027f292605146/] Here we create project name my-app Angular cli installs npm packages and creates project files 5. Run

This Article is TAGGED in , . Read more

Show specific number of words in string using JavaScript

Anil Kolase JavaScript 0

<p id="shortWord"></p> <script> var word = "Lorem Ipsum is simply dummy text of the printing and typesetting industry." var wordArr = word.split(" "); var wordShort = wordArr.splice(0, 5).join(" "); document.getElementById('shortWord').innerHTML= wordShort; </script> Output: "Lorem Ipsum is simply dummy"  

This Article is TAGGED in , . Read more

17 Useful jQuery Tricks and Best Practices

Chintan Upadhayay JavaScript, jQuery 0

In the previous article, we learned about Common jQuery Ajax methods and options. In this article, we will cover the some general Do's and Dont's or Best Practices in jQuery, which is helpful to increase your page speed and will optimize code. jQuery is the most popular client-side library. It has

This Article is TAGGED in , , , , , , . Read more

Protractor: Add data in excel sheet using exceljs in node

Neeraj Vishwakarma Automation Testing, JavaScript, Protractor, Selenium 0

Prerequisite:To perform write operation on excel sheet we need node application and exceljs library installed. Below is the code for different write action on excel file. Add sheet to new excel file [crayon-6aa12b66c04a4658952921/] Add row in new sheet [crayon-6aa12b66c04a8599630236/] Edit Existing Excel File [crayon-6aa12b66c04ac470046854/]

This Article is TAGGED in , , , , . Read more

event.preventDefault() vs event.stopPropagation() vs return false

Chintan Upadhayay JavaScript, jQuery 0

This article provides the information how can we prevent default behavior/action of an element in jQuery. Sometimes we need to stop/prevent element default action when a certain event is fired using jQuery.Event object methods we can achieve that event. We will see all three methods with a DEMO  event.preventDefault() event.preventDefault();  method is stop default

This Article is TAGGED in , , , , . Read more

jQuery .html vs .append vs .innerHTML Difference and Performance

Chintan Upadhayay JavaScript, jQuery 2

This article provides the information about jQuery DOM insertion methods Difference and Performance. These methods are really matters for your page, It dramatically affects the performance of your page. .html() The .html() jQuery method set and return the content of selected elements. When this method is used to set content, It set the content

This Article is TAGGED in , , . Read more

DOM traversing & manipulating in JavaScript

Ranjit Pokale Java, JavaScript, jQuery, UI/UX Development 0

Hello everyone, in this post we will discuss about following points on Document Object Model (DOM). What is DOM? DOM traversing DOM manipulating What is DOM? The Document Object Model (DOM) is a programming API for HTML and XML. API specification defined by the World Wide Web Consortium (W3C). DOM represents how to write HTML and

This Article is TAGGED in . Read more

What is difference offset() and position()

Ranjit Pokale JavaScript, jQuery, UI Testing, UI/UX Development 0

Hello everyone, in this post we will discuss about difference between offset() and position() with example. offset() The offset() method set or returns the offset coordinates (current position) for the selected elements, relative to the document. offset() returns an object containing the properties top and left coordinate value. When positioning a new element on

This Article is TAGGED in . Read more