Skip to content

Instantly share code, notes, and snippets.

View xelinel32's full-sized avatar
🚤
only forward

Artem Sedliar xelinel32

🚤
only forward
View GitHub Profile
@xelinel32
xelinel32 / group-objects-by-property.md
Created November 9, 2021 11:28 — forked from mikaello/group-objects-by-property.md
Group Array of JavaScript Objects by Key or Property Value
View group-objects-by-property.md
@xelinel32
xelinel32 / deploy.yml
Created May 5, 2021 10:35
GitHub Deploy & Actions
View deploy.yml
name: Deploy
on:
push:
branches:
- master
jobs:
deploy:
runs-on: ubuntu-latest
@xelinel32
xelinel32 / github_gpg_key.md
Created April 6, 2021 18:51 — forked from ankurk91/github_gpg_key.md
Github : Signing commits using GPG (Ubuntu/Mac)
View github_gpg_key.md
@xelinel32
xelinel32 / what-forces-layout.md
Created April 6, 2021 18:45 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.
View what-forces-layout.md

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
@xelinel32
xelinel32 / workaround.css
Created April 5, 2021 19:04 — forked from mrtcmn/workaround.css
firefox backdrop-filter workaround
View workaround.css
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.blurred-container {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.blurred-container {
@xelinel32
xelinel32 / Api.js
Last active September 14, 2021 18:53
Axios config from Vue
View Api.js
import axios from 'axios'
export default () => {
const axiosInstance = axios.create({
baseURL: `${process.env.VUE_APP_URL}/api/v1`,
})
const token = localStorage.getItem('token')
if (token) {
axiosInstance.defaults.headers.common.Authorization = `Bearer ${token}`
View Создание и настройка ssh ключей.txt
Создание и настройка ssh ключей
1. Запустите Git Bash и введите
ssh-keygen -t rsa -C "your@email.ru"
2. На вопрос “Enter file in which to save the key” введите id_rsa и нажмите “Enter”
3. Далее введите любой пароль, и подтвердите его (лучше пропустить, потому что каждый раз при соединении с github, придется вводить его)