Posts

Showing posts from August, 2019

Async load css

Async load css        

Service worker fetch all data

main.js // Make Sure service work is supported if ( ' serviceWorker ' in navigator ){ console . log ( ' Service work is supported ' ); window . addEventListener ( ' load ' , () => { navigator . serviceWorker . register ( ' ./sw_cached_pages_V2.js ' ) . then ( reg => console . log ( " Service Worker: Registered " )) . catch ( err => console . log ( ` Service Worker: Error : ${ err } ` )) }) } sw_cached_pages_V2.js // Service Worker Fetch all data from sites const cacheName = " v2 " ; // call install Events self . addEventListener ( ' install ' , function ( event ) { }); // call Activate Events self . addEventListener ( ' activate ' , e => { console . log ( " ServiceWorker: Activated " ); e . waitUntil ( caches . keys (). then ( cacheNames => { return Promise . all (

Service worker fetch Particular data

main.js // Make Sure service work is supported if ( ' serviceWorker ' in navigator ){ console . log ( ' Service work is supported ' ); window . addEventListener ( ' load ' , () => { navigator . serviceWorker . register ( ' ./sw_cached_pages.js ' ) . then ( reg => console . log ( " Service Worker: Registered " )) . catch ( err => console . log ( ` Service Worker: Error : ${ err } ` )) }) } sw_cached_pages.js // Caches Datas const cacheName = " v2 " ; const assets = [ ' /css/cui-standard.min.css ' , ' /css/grapes.min.css ' , ' /grapes.min.js ' , ' /img/favicon.png ' ] // call install Events self . addEventListener ( ' install ' , function ( event ) { event . waitUntil ( caches . open ( cacheName ). then ( function ( cache ) { return cache . addAll ( assets ); }) ); }); // call Activate Events self . addEvent

Fetch vs Axios

Fetch JSON post request let url = 'https://someurl.com' ; let options = { method : 'POST' , mode : 'cors' , headers : { 'Accept' : 'application/json' , 'Content-Type' : 'application/json;charset=UTF-8' }, body : JSON . stringify ({ property_one : value_one , property_two : value_two }) }; let response = await fetch ( url , options ); let responseOK = response && response . ok ; if ( responseOK ) { let data = await response . json (); // do something with data } Axios JSON post request let url = 'https://someurl.com' ; let options = { method : 'POST' , url : url , headers : { 'Accept' : 'application/json' , 'Cont

How to create angular V

For "Angualr6" 1.) npm init -y 2.) npm i npm i @angular / cli@6 3.) den remove package.josn andlock-jons from that main folder, den u can see only one folder called "node-module" 4.) ng new angular6 (or) past your angular5 project all files inside there 5.) den do "npm install" 6.) den "ng serve" For "Angular 5" 1.) npm init -y 2.) npm i @angular/cli@1 3.) den remove package.josn andlock-jons from that main folder, den u can see only one folder called "node-module" 4.) ng new angular5 (or) past your angular5 project all files inside there 5.) den do "npm install" 6.) den "ng serve"

Power of async and Promise

///////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////// Async //////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////// // const promise = fetch('https://jsonplaceholder.typicode.com/todos') // promise // .then(res => res.json()) // .then(data => console.log(data)) // .catch(err => console.log(err)) const getBlogs = async ( name ) => { const fruits = { " one " : " One 1 " , " two " : " Two 2 " , " three " : " Three 3 " } await delay ( 2000 ); return Promise . resolve ( fruits [ name ]); } // for small const makeMe = async () => { try {