DEV Community: Anish Mandal

Search by Category followed by Subcategory

Anish Mandal — Tue, 07 Jun 2022 08:55:36 +0000

How to :
Basically my theme is to search images based on categories and sub categories -
Detail :

user first select category
user then select subcategory
user then search item based on selected category and subcategory

all in all now i want to retrieve images from api or from database in the DOM

LeetCode Longest Uncommon Subsequence I 521 FAANG Interview Preparation

Anish Mandal — Sat, 27 Feb 2021 14:37:26 +0000

Everything posted here is just for the educational purpose. In this post i have shared one easy problem based on the topic that is mentioned. Let us know if you're interested in any one question we'll try to give our best.

Swapping of two variables using function & without. function in JS but without creating third variable.

Anish Mandal — Thu, 25 Feb 2021 09:11:33 +0000

As we all know to swap two variables we choose to create third variable and then we swap their values like let me show you with example :
var x = 1;
var y = 2;
temp = x;
and then we go further , now here we'll be showing you different methods to swap variables in javascript without making use of third variable.

function swap(value) {
    value.first = value.first + value.second;
    value.second = value.first - value.second;
    value.first = value.first - value.second; 
}
// declared an object named value which has two keys - first and second corresponding to the first and the second values respectively

var value = {
    first: 1,
    second: 2
}

console.log(value.first, value.second) //Prints 1 2
swap(value);
console.log(value.first, value.second); //Prints 2 1

Second Way by creating function again

function swap(x, y) {
  return [y, x]
}
var x=1, y=2;
console.log(x+" "+y);

[x, y] = swap(x, y);
console.log(x+" "+y)

Both ways you get the same result

Without Creating function

var x = 1, y = 2;
console.log(x , y)
x = x + y;
y = x - y;
x = x - y;
console.log (x+" "+y); // 2 1

Array destructuring method

var x=1; y=2;
console.log(x,"",y);
[x ,y] = [y ,x];
console.log(x,"",y)

This method will also result you the same result

If you want to return in array format

var x=1; y=2;
console.log(x,"",y) // 1 2
function swap()
{
  var t = x;
  x = y;
  y = t;
  return [x , y]
} 
console.log(swap(x+"  "+y)); //[2 1]

Using bitwise xor operator:

let x = 1, y = 2;
x = x ^ y;
y = x ^ y;
x = x ^ y;

console.log(x ,y);

Using Image background Over Text

Anish Mandal — Sun, 27 Dec 2020 07:21:05 +0000

Learning and understanding the myth about the webDeveloping is the way to upgrade the skills in the web and as we use our tech skills to improve and let others to understand how the things are organized in a way can help who has not explored yet.

Today we'll be learning about CSS property which will help us with ease. We might have heard the therm but haven't used yet. 'Background-Clip-text, which can be very useful with the text, we use text-shadow often but using the background-clip can make text even more beautiful. For chrome users instead of using background-clip use -webkit-background-clip and play through the text.

Code:

Adding Image to background over Text

<style>

    h1{
  background-image:url('https://image.shutterstock.com/image-photo/white-transparent-leaf-on-mirror-260nw-1029171697.jpg');

  -webkit-background-clip: text;
  color:transparent;

  padding:10px;
  }
</style>

<h1>
 Learning and sharing knowledge is the best thing in the world

</h1>

As this is my first article if found any mistake please help me to improve it. I hope you found this article useful.

Hacktoberfest

Anish Mandal — Thu, 15 Oct 2020 23:12:01 +0000