dineshdeveloper1

<template>
  <div class="text-xs-center">
    <v-pagination
      v-model="page"
      :length="6"
    ></v-pagination>
  </div>
</template>

<script>

dineshdeveloper1

<template>
  <v-card class="mx-auto" color="grey lighten-4" max-width="600">
    <v-card-title>
      <v-icon :color="checking ? 'red lighten-2' : 'indigo'" class="mr-5" size="64" @click="takePulse">
        mdi-heart-pulse
      </v-icon>
      <v-layout column align-start>
        <div class="caption grey--text text-uppercase">
          Heart rate
        </div>

dineshdeveloper1

/* ==== Block Component ==================================== */
.card {

}

/* ==== Element the depend on block ======================== */
.card__image {

}
.card__description {

dineshdeveloper1

// <ul class="frontend">
//     <li>HTML5</li>
//     <li>CSS3</li>
//     <li>Bootstrap</li>
//     <li>JavaScript</li>
//     <li>jQuery</li>
//     <li>react.js</li>
// </ul>

let myList = document.querySelector('.frontend')

dineshdeveloper1

const config = [
    {
        selector: 'body h4',
        copy: 'We added the following items to basket from your previous visit.',
    },
    {
        selector: '.classname .btn--green',
        copy: 'Thank you',
    },
    {

dineshdeveloper1

// add a cookie for 24 hours
function writeCookie(key, value, hours) {
    var date = new Date();
    date.setTime(+ date + (hours * 3600000));
    window.document.cookie = key + "=" + value + "; expires=" + date + "; path=/";
    return value;
};

writeCookie("cookie_name", "1", 24);

dineshdeveloper1

var poller = setInterval(function() {

    if ($('.element_name').length) {
    
       console.log("Exists!");
       
       clearInterval(poller);
    }
    
}, 100);

dineshdeveloper1

// How to detect when mouse pointer leaves viewport

document.addEventListener("mouseleave", function(e){
    if( e.clientY < 0 )
    {
         alert("Hey don't leave. we have some offer for you");
    }
}, false);

//for more detail- http://qnimate.com/exit-intent-using-javascript

dineshdeveloper1

//stateless functional Component =========================================================================================

//without arrow function *************
function Hello(props){
    return (
       <>
          <h1>Hello, {props.name}</h1>
       </>
    )
};

dineshdeveloper1

//stateful class Component =========================================================================================

import React, { Component } from 'react';
class Welcome extends Component {
    render(){
        return <h2>Class Component</h2>
    }
}
export default Welcome