Dmitriy Chernukho gormonn

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

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitHub

Usually, located at /usr/local/cuda/bin

Non-Visual Profiler

$ nvprof python train_mnist.py

I prefer to use --print-gpu-trace.

Install Kinect Drivers (tested with Stable-1.5.7.10)
https://github.com/OpenNI/OpenNI/releases

sudo ./install.sh

Or maybe...

sudo apt-get install libfreenect libfreenect-dev libfreenect-demos
# test with

freenect-glview

Abstract

Virtual Scrolling is a technique employed by web developers to achieve efficient rendering of components containing large datasets, without creating many thousands or millions of elements that the browser must render and keep in memory. It can also be used to scroll an element which is otherwise unscrollable, because it cannot be overflowed by children in its normal state.

Use cases

HTML canvas element scrolling. Canvases have no overflow, so you either have to have a very big canvas that

	var flattenObject = function(ob) {
	var toReturn = {};

	for (var i in ob) {
	if (!ob.hasOwnProperty(i)) continue;

	if ((typeof ob[i]) == 'object') {
	var flatObject = flattenObject(ob[i]);
	for (var x in flatObject) {
	if (!flatObject.hasOwnProperty(x)) continue;

	/*******************************************************************************
	* Description:
	*
	* Gulp file to push changes to remote servers (eg: staging/production)
	*
	* Usage:
	*
	* gulp deploy --target
	*
	* Examples:

	/*
	A worklet for recording in sync with AudioContext.currentTime.

	More info about the API:
	https://developers.google.com/web/updates/2017/12/audio-worklet

	How to use:

	1. Serve this file from your server (e.g. put it in the "public" folder) as is.

	// Файл "tsconfig.json":
	// - устанавливает корневой каталог проекта TypeScript;
	// - выполняет настройку параметров компиляции;
	// - устанавливает файлы проекта.
	// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
	// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
	// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
	// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
	// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
	// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".

	# WARNING: These steps seem to not work anymore!

	#!/bin/bash

	# Purge existign CUDA first
	sudo apt --purge remove "cublas" "cuda"
	sudo apt --purge remove "nvidia*"

	# Install CUDA Toolkit 10
	wget https://developer.download.nvidia.com/compute/cuda/repos/ubuntu1804/x86_64/cuda-repo-ubuntu1804_10.0.130-1_amd64.deb