Sam Zeng samzeng

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

Setting up Windows 10 and WSL

This document describes how to set up Windows 10 for cross-platform development (Go, NodeJS, etc) with Windows Subsystem for Linux (WSL).

Resources

Most of the information here is collected from

FOREWORDS

I don't mean the snippet at the bottom of this gist to be a generic plug-n-play solution to your search needs. It is very likely to not work for you or even break things, and it certainly is not as extensively tested and genericised as your regular third-party plugin.

My goal, here and in most of my posts, is to show how Vim's features can be leveraged to build your own high-level, low-maintenance, workflows without systematically jumping on the plugins bandwagon or twisting Vim's arm.

	[General]
	loglevel = notify
	skip-proxy = 127.0.0.1, 192.168.0.0/16, 10.0.0.0/8, 172.16.0.0/12, 100.64.0.0/10, localhost, *.local, ::ffff:0:0:0:0/1, ::ffff:128:0:0:0/1
	bypass-tun = 192.168.0.0/16, 10.0.0.0/8, 172.16.0.0/12

	# dns-server = 119.29.29.29,223.5.5.5,114.114.115.115
	# external-controller-access = [email protected]:6155
	# ipv6 = true

	// REMEMBER TO CHANGE THE external-controller-access' PASSWORD

	$imported-modules : () !default;

	// The cache has been introduced to ensure that no duplicate references are guaranteed.
	// @param {String} $name - Name of exported module.
	// Recommended content and file name as same, if you want to import a file.
	// for example : @inculde export('_reset') { @import '_reset'; }

	@mixin export($name) {
	@if (index($imported-modules, $name) == null) {
	$imported-modules: append($imported-modules, $name) !global;

	" Statusline (requires Powerline font)
	set statusline=
	set statusline+=%(%{&buflisted?bufnr('%'):''}\ \ %)
	set statusline+=%< " Truncate line here
	set statusline+=%f\ " File path, as typed or relative to current directory
	set statusline+=%{&modified?'+\ ':''}
	set statusline+=%{&readonly?'\ ':''}
	set statusline+=%= " Separation point between left and right aligned items
	set statusline+=\ %{&filetype!=#''?&filetype:'none'}
	set statusline+=%(\ %{(&bomb\\|\\|&fileencoding!~#'^$\\\\|utf-8'?'\ '.&fileencoding.(&bomb?'-bom':''):'')

	"scripts": {
	"serve": "vue-cli-service serve",
	"buildAdmin": "vue-cli-service build --dest dist/admin src/entries/admin_app_entry.js",
	"buildMain": "vue-cli-service build --dest dist/public src/entries/main_app_entry.js",
	"lint": "vue-cli-service lint"
	},

	function replaceAll(str, find, replace) {
	return str.replace(new RegExp(find, 'g'), replace);
	}

	function dec2hex(dec, padding){
	return parseInt(dec, 10).toString(16).padStart(padding, '0');
	}

	function utf8StringToUtf16String(str) {
	var utf16 = [];