cy cycold

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

What's an Effective Engineer?

They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

JavaScript Crypto Libraries

I start with a list and plan to create a comparison table.

WebCryptoAPI

http://www.w3.org/TR/WebCryptoAPI/

This specification describes a JavaScript API for performing basic cryptographic operations in web applications, such as hashing, signature generation and verification, and encryption and decryption. Additionally, it describes an API for applications to generate and/or manage the keying material necessary to perform these operations. Uses for this API range from user or service authentication, document or code signing, and the confidentiality and integrity of communications.

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()

Here is a list of scopes to use in Sublime Text 2/3 snippets -

ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure

	{
	"workbench.colorCustomizations": {
	"activityBar.background": "#00AA00",
	"activityBar.background": "", // Activity Bar bgcolor
	"activityBar.border": "", // Activity Bar border color with the sidebar
	"activityBar.dropBackground": "", // Drag and drop feedback color for the Activity Bar items
	"activityBar.foreground": "", // Activity bar fgcolor (i.e. used for the icons)
	"activityBarBadge.background": "", // Activity notification badge bgcolor
	"activityBarBadge.foreground": "", // Activity notification badge fgcolor
	"badge.background": "", // Badge bgcolor

	// Disable Mouse scrolling
	$('input[type=number]').on('mousewheel',function(e){ $(this).blur(); });
	// Disable keyboard scrolling
	$('input[type=number]').on('keydown',function(e) {
	var key = e.charCode \|\| e.keyCode;
	// Disable Up and Down Arrows on Keyboard
	if(key == 38 \|\| key == 40 ) {
	e.preventDefault();
	} else {
	return;

	axios({
	url: 'http://localhost:5000/static/example.pdf',
	method: 'GET',
	responseType: 'blob', // important
	}).then((response) => {
	const url = window.URL.createObjectURL(new Blob([response.data]));
	const link = document.createElement('a');
	link.href = url;
	link.setAttribute('download', 'file.pdf');
	document.body.appendChild(link);