If you have to extend an existing object with additional property, always prefer Vue.set() over Object.assign() (or spread operator).
Example below explains implications for different implementations.
Jolaolu
/ media-query.css
Created
December 28, 2019 11:37
— forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| ##Device = Desktops | |
| ##Screen = 1281px to higher resolution desktops | |
| */ | |
| @media (min-width: 1281px) { | |
| //CSS | |
Jolaolu
/ vue.md
Created
September 28, 2019 17:35
— forked from DawidMyslak/vue.md
Vue.js and Vuex - best practices for managing your state
Jolaolu
/ infosec_newbie.md
Created
February 1, 2019 13:47
— forked from mubix/infosec_newbie.md
How to start in Infosec
- How to Build a Successful Information Security Career (Daniel Miessler)
- The First Steps to a Career in Information Security (Errata Security - Marisa Fagan)
- Hiring your first Security Professional (Peerlyst - Dawid Balut)
- How to Start a Career in Cyber security
- How to Get Into Information Security (ISC^2)
- https://www.isc2.org/how-to-get-into-information-security.aspx
Jolaolu
/ contacts.js
Created
December 18, 2018 00:01
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //defining the options | |
| var option1 = 1 | |
| var option2 = 2 | |
| var option3 = 3 | |
| //initiating the contacts object in an array | |
| var contacts = [ | |
| { | |
| firstname: "John", | |
| lastname: "smith", |
Jolaolu
/ package.json
Created
December 17, 2018 22:04
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {}, | |
| "postcss": { | |
| "plugins": { | |
| "autoprefixer": {} | |
| } | |
| }, | |
| {} |
Jolaolu
/ postcss.config.js
Created
December 17, 2018 20:56
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| "plugins": [ | |
| require('tailwindcss')('tailwind.js'), | |
| require('autoprefixer')(), | |
| ] | |
| } |
Jolaolu
/ Contact.vue
Last active
December 17, 2018 12:01
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class=" container mx-auto py-10"> | |
| <div class="border m-6 rounded-lg bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden"> | |
| <div class="sm:flex sm:items-center px-6 py-4"> | |
| <img class="block h-16 sm:h-24 rounded-full mx-auto mb-4 sm:mb-0 sm:mr-4 sm:ml-0" src="https://api.adorable.io/avatars/196/[email protected]" alt=""> | |
| <div class="text-center sm:text-left sm:flex-grow"> | |
| <div class="mb-4"> | |
| <p class="text-xl leading-tight">Jane Doe</p> | |
| <p class="text-sm leading-tight text-grey-dark">Software Developer at SpongeBob LLC.</p> | |
| </div> | |
| <div class="flex flex-wrap"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Responsive Gallery<title> | |
| <!--links to the stylesheet--> | |
| <link rel="stylesheet" type="text/css" href="styles.css"> | |
| </head> | |
| <body> | |
| <!-- class of 'container' holds other items (sub classes)--> | |
| <div class='container'> | |
| <div><img src=''/></div> |