Add an array in the middle on another associative array in php
Add an array in the middle on another associative array in php
Find the symmetric difference between arrays using javascript
Find the symmetric difference between arrays using javascript In mathematics, the symmetric difference of two sets, also known as the disjunctive union, is the set of elements which are in either of the sets, but not in their intersection. The mathematical term symmetric difference (△ or ⊕) of two sets is the set of elements …
Find the symmetric difference between arrays using javascript Read More »
Javascript higher order functions
What is higher order functions? A function that takes or returns another function has become “higher-order”. Higher-order functions let us abstract common actions like map, filter, and reduce. Higher-order functions can be set as object properties. They are useful if you are calling a list of functions in response to an event. The javascript Event …
Check if first letter of sentence is capital or not using Javascript
Check if first letter of sentence is capital or not
Create a SignUp form with Vue Js
We will create a signup form with Email, Password, Role, Education etc. First on all install the vue cli Now create a vue project from the cli Now cd into web-form directory Here you can start the web server using below command Now lets start building the vue Signup form First go to src/components directory, …
Caesars Cipher using javascript arrow functions
Here we will take ROT13 encoded string as input and returns a decoded string.
How to hide or show details using v-if and v-show directive in Vue JS
Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue cli Now change directory start the server Lets start building the VUE component inside src/components/showHide.vue Remove HelloWorld.vue component and register showHide.vue component in App.vue Your showHide.vue component will look like this:
How to check Vue js version
There are few ways to check vue js version: npm v vue run this on the terminal Check package.json, code will be something like this If you have vue dev tools installed then go to the Vue tab and you should be able to see the version there
Measure execution time of a function using javascript
You can measure the performance of javascript code using console.time() function. This can be helpful in debugging and optimizing code which is taking lot of memory. console.time() can be used with console.timeEnd(). console.timeEnd() function tells console to stop calculating the time. You will see result as below: Running loop :0 timesRunning loop :1 timesRunning loop …
Measure execution time of a function using javascript Read More »
Check if it’s a blog post or page in WordPress
1) Check Page type using is_page() function 2) Check Page using get_post_type() function 3) Check Page using post() function 4) Check Post type using is_single() function 5) Check Post type using get_post_type() function 6) Check Post type using get_post() function
Count number of same characters in a string and display in the array using javascript
Count number of same characters in a string and display in the array using javascript
Convert binary to english characters using javascript
One-liner solution with ES6 syntax
Flatten a nested array using javascript
You can loop through the array entries, check if it’s an array with isArray() and recursively flatten the entries of the array as below:
How to resolve esm-bundler build warning when running vue 3 and laravel 8
When running npm run watch below warning is displayed: Warning details: You can add below code in webpack.mix.js to the get rid of this warning Used Define Plugin to set two flags – https://webpack.js.org/plugins/define-plugin/ VUE_OPTIONS_API (enable/disable Options API support, default: true)VUE_PROD_DEVTOOLS (enable/disable devtools support in production, default: false)
How to turn off autoplay for youtube videos url
How to turn off autoplay for youtube videos url? Its quiet annoying to have autoplay for videos on the website and can put off visitors on the websiteThe simple way is to auto turn off the autoplay setting to 0 in the query string parameters of thr url. For example your website youtube link is …
Check if a string is a palindrome or not using javascript
What is a palindrome? Palindrome is a word or phrase which reads same if reversed. For example – if we reverse Racecar it will read the same both backward or forwards. A few examples of words that are palindrome are Noon, Racecar, Wow, Refer, etc.
Count words for a textarea field using javascript
Count words for a textarea field using javascript
How to draw tick on an image using vue js
Create two css class draw to give white background box on which we will draw the check or dot and get the X and Y coordinates. Link Vue Js CDN to use Vue framework Create an instance of Vue and create app id Now create drawDot() and drawCheck() methods to add Check or Dot and …
Convert string into an url slug using javascript
Convert string into an url slug using javascript
Sort an array using javascript
Sort an array using javascript
Movie search application using Vue JS and Laravel framework using OMDb API – The Open Movie Database
A laravel movie search application using Vue JS, Vue Composition API and OMDBAI API. OMDBAI is used to fetch the movies data from https://www.omdbapi.com/ Requirements Installation You will need to gety API key from the OMDb API and update in /resources/js/components/movieapi/movie-api.js file Once you are done with the above steps, now its time to start building the movie …
Make every first letter of a word capitalized in a sentence using javascript
Make every first letter of a word capitalized
Generate random user using Vue.js
Create below three files in a folder index.html app.js style.css We will be using Vue js CDN version 3.0.5<script src=”https://unpkg.com/[email protected]″></script> First we will create index.html with below code. In this code id=”app” will display the output based on the Vue components. Now create vue app using below code and print “Hello World!!” Now you can run …
Node JS questions and answers application
Here we are creating a questions.js file in which we will declare an array of questions and user will be prompted to provide the answers. Then we will display the out on console. To run the javascript file, please install nodejs and run node questions command.
Fizz Buzz Test using javascript
Fizz Buzz Print the numbers from 1 to 100. Multiples of three print “Fizz” with the number and for the multiples of five print “Buzz” with the number. If number is multiples of both three and five display “FizzBuzz” and number.
Use recursion to generate range of numbers in ascending order using javascript
Recursion to generate range of numbers
How to create permutations for an array using javascript
Create permutations for an array using javascript