laphilosophia

export default () => {
    let docElem = document.documentElement
    let active = false
    let hasDeactivated = false
    let eventsBound = false

    let mouseWheelHandler
    let scrollHandler

    const scrollCallback = (offset, event, callback) => {

laphilosophia

const obj = {
  name: 'Erdem',
  surname: 'Arslan'
}

const onChange = (watch, callback) => {
  const handler = {
    get (target, prop, receiver) {
      callback(target, prop, receiver)

laphilosophia

[...Array(10).keys()]
// [1, 2, 3, 4, 5, 6, 7, 8, 9]

[...Array({ one:'1' }, { two: '2' }, { three: '3' }).keys()] 
// [1, 2, 3]


let arr1 = [1, 2, 3]
let arr2 = [2, 3, 4]

laphilosophia

let array = []

//	Joins two or more arrays, and returns a copy of the joined arrays
array.concat(otherArray)

//	Copies array elements within the array, to and from specified positions
array.copyWithin(target, start, end)

//	Returns a key/value pair Array Iteration Object
array.entries()

laphilosophia

const http2 = require('http2');
const fs = require('fs');
const path = require('path');
const zlib = require('zlib');
const brotli = require('brotli'); // npm package

const PORT = 3032;
const BROTLI_QUALITY = 11; // slow, but we're caching so who cares
const STATIC_DIRECTORY = path.resolve(__dirname, '../dist/');
const cache = {};

laphilosophia

import Vue from 'vue'
import axios from 'axios'

import store from '../store'
import { TokenService } from '../services/storage.service'

// Full config:  https://github.com/axios/axios#request-config
let config = {
  baseURL:
    process.env.baseURL ||

laphilosophia

String.prototype.turkishtoEnglish = function () {
    return this.replace('Ğ','g')
        .replace('Ü','u')
        .replace('Ş','s')
        .replace('I','i')
        .replace('İ','i')
        .replace('Ö','o')
        .replace('Ç','c')
        .replace('ğ','g')
 		.replace('ü','u')

laphilosophia

function apiConnect(apiKey) {
  function get(route) {
    return fetch(`${route}?key=${apiKey}`)
  }

  function post(route, params) {
    return fetch(route, {
      method: 'POST',
      body: JSON.stringify(params),
        headers: {

laphilosophia

<style type="text/css">
  .gaye-modal--modal {
    width: 100%;
    height: 100%;

    position: fixed;
    top: 0; left: 0;
    z-index: 9999;

    background-color: rgba(0, 0, 0, 0.5);

laphilosophia

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.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()