🏀

Derek Wang wghglory

🏀

A life-long learner.

tannerlinsley / onWindowFocus.ts

Last active September 22, 2025 09:13

A utility function to detect window focusing without false positives from iframe focus events

	type State = {
	added: boolean;
	interval: false \| ReturnType<typeof setInterval>;
	inFrame: boolean;
	callbacks: Array<SetFocusedCallback>;
	};

	type EnrichedHTMLIFrameElement = HTMLIFrameElement & { ___onWindowFocusHandled: boolean };

	type SetFocusedCallback = (focused?: boolean) => void;

magicdude4eva / zsh-syntax-highlighting paste performance improvement

Last active April 25, 2025 19:23

zsh-syntax-highlighting paste performance improvement

	Add the following in .zshrc:

	...
	plugins=(osx git zsh-autosuggestions zsh-syntax-highlighting zsh-nvm docker kubectl)
	...

	### Fix slowness of pastes with zsh-syntax-highlighting.zsh
	pasteinit() {
	OLD_SELF_INSERT=${${(s.:.)widgets[self-insert]}[2,3]}
	zle -N self-insert url-quote-magic # I wonder if you'd need `.url-quote-magic`?

stuartaccent / file-uploader.component.html

Last active March 18, 2021 16:24

Angular 7 file uploader with queue and progress using HttpClient, example https://stackblitz.com/edit/angular-7-file-upload-queue

	<div class="row">

	<div class="col-md-3">
	<h3>Select files</h3>
	<input type="file" #fileInput multiple (change)="addToQueue()" />
	</div>

	<div class="col-md-9">
	<h3>Upload queue</h3>
	<table class="table-headed table-striped">

carmichaelize / child-1.component.ts

Last active September 7, 2018 08:15

Angular2 component factory resolver example

	import { Component } from '@angular/core';
	import { ChildBaseComponent } from './child-base.component';

	@Component({
	template: `This is Child Component 1`
	})
	export class Child1Component extends ChildBaseComponent {

	constructor(){
	//Run base constructor

gaearon / slim-redux.js

Last active September 7, 2025 15:41

Redux without the sanity checks in a single file. Don't use this, use normal Redux. :-)

	function mapValues(obj, fn) {
	return Object.keys(obj).reduce((result, key) => {
	result[key] = fn(obj[key], key);
	return result;
	}, {});
	}

	function pick(obj, fn) {
	return Object.keys(obj).reduce((result, key) => {
	if (fn(obj[key])) {

dypsilon / frontendDevlopmentBookmarks.md

Last active October 26, 2025 08:45

A badass list of frontend development resources I collected over time.

Frontend Development

Attention: the list was moved to

This page is not maintained anymore, please update your bookmarks.