Pål Ruud ruudud

## async-defer-module.md

      
              1 file
            
          
              35 forks
            
          
              5 comments
            
          
              281 stars
            
          
                jakub-g
                / async-defer-module.md
            
            
              Last active
              July 15, 2024 12:12
            
              
                async scripts, defer scripts, module scripts: explainer, comparison, and gotchas
              
          
    <script> async, defer, async defer, module, nomodule, src, inline - the cheat sheet

With the addition of ES modules, there's now no fewer than 24 ways to load your JS code: (inline|not inline) x (defer|no defer) x (async|no async) x (type=text/javascript | type=module | nomodule) -- and each of them is subtly different.
This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.
If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!
Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)

  
## customEmojiCount.js
'use strict';

/**

npm i bluebird slack-node

CREATE YOUR TOKEN: https://api.slack.com/docs/oauth-test-tokens?team_id=T024G49EC&action=reissue&sudo=1

npm package:       https://www.npmjs.com/package/slack-node
user.list:         https://api.slack.com/methods/users.list

## ghpr
#!/bin/bash
# Motivation:
# http://blog.spreedly.com/2014/06/24/merge-pull-request-considered-harmful/
#
# This script aids in the process of getting a linear Git history when using
# GitHub Pull Requests.
# A special GitHub remote ref is added, which is fetched and used to create a
# patch of changes to be applied with `git am`. The PR is then closed.
#
# INSTALL

## gist:9745186
#!/bin/bash

# Source files so we can announce stuff
. /mnt/apps/scripts/setenv.sh
. /mnt/apps/scripts/hipchat_notify.sh

if [ $(pidof -x deploy_if_new.sh | wc -w) -gt 2 ]; then
  echo "$(date +"%Y-%m-%d %H:%M:%S %Z") Cowardly exiting as deploy_if_new is already running"
  exit -1
fi

## sp
#!/usr/bin/env bash

#
# This is sp, the command-line Spotify controller. It talks to a running
# instance of the Spotify Linux client over dbus, providing an interface not
# unlike mpc.
#
# Put differently, it allows you to control Spotify without leaving the comfort
# of your command line, and without a custom client or Premium subscription.
#

## i3plug.py
import os
import i3
import sys
import pickle

def showHelp():
    print(sys.argv[0] + " <save|restore>")

def get_visible_workspace():
    for workspace in i3.get_workspaces():

## gist:1172490
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<title>Test fullscreen</title>
<style>
html, body {
  margin: 0;
  padding: 0;

## installer.sh
# Uninstall any pre-existing packaged
# versions of phpunit
sudo apt-get remove phpunit

# Install pear via apt-get
sudo apt-get install php-pear

# Update existing pear channels
sudo pear channel-update pear.php.net

## cors-nginx.conf
#
# Wide-open CORS config for nginx
#
location / {

     if ($request_method = 'OPTIONS') {

        add_header 'Access-Control-Allow-Origin' '*';

        #

## redis_session_backend.py
from django.contrib.sessions.backends.base import SessionBase, CreateError
from django.conf import settings
from django.utils.encoding import force_unicode
import redis

class SessionStore(SessionBase):
    """ Redis store for sessions"""

    def __init__(self, session_key=None):
        self.redis = redis.Redis(
	'use strict';

	/**

	npm i bluebird slack-node

	CREATE YOUR TOKEN: https://api.slack.com/docs/oauth-test-tokens?team_id=T024G49EC&action=reissue&sudo=1

	npm package: https://www.npmjs.com/package/slack-node
	user.list: https://api.slack.com/methods/users.list
	#!/bin/bash
	# Motivation:
	# http://blog.spreedly.com/2014/06/24/merge-pull-request-considered-harmful/
	#
	# This script aids in the process of getting a linear Git history when using
	# GitHub Pull Requests.
	# A special GitHub remote ref is added, which is fetched and used to create a
	# patch of changes to be applied with `git am`. The PR is then closed.
	#
	# INSTALL
	#!/bin/bash

	# Source files so we can announce stuff
	. /mnt/apps/scripts/setenv.sh
	. /mnt/apps/scripts/hipchat_notify.sh

	if [ $(pidof -x deploy_if_new.sh \| wc -w) -gt 2 ]; then
	echo "$(date +"%Y-%m-%d %H:%M:%S %Z") Cowardly exiting as deploy_if_new is already running"
	exit -1
	fi
	#!/usr/bin/env bash

	#
	# This is sp, the command-line Spotify controller. It talks to a running
	# instance of the Spotify Linux client over dbus, providing an interface not
	# unlike mpc.
	#
	# Put differently, it allows you to control Spotify without leaving the comfort
	# of your command line, and without a custom client or Premium subscription.
	#
	import os
	import i3
	import sys
	import pickle

	def showHelp():
	print(sys.argv[0] + " <save\|restore>")

	def get_visible_workspace():
	for workspace in i3.get_workspaces():
	<!DOCTYPE html>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name=apple-mobile-web-app-capable content=yes>
	<meta name=apple-mobile-web-app-status-bar-style content=black>
	<title>Test fullscreen</title>
	<style>
	html, body {
	margin: 0;
	padding: 0;
	# Uninstall any pre-existing packaged
	# versions of phpunit
	sudo apt-get remove phpunit

	# Install pear via apt-get
	sudo apt-get install php-pear

	# Update existing pear channels
	sudo pear channel-update pear.php.net
	#
	# Wide-open CORS config for nginx
	#
	location / {

	if ($request_method = 'OPTIONS') {

	add_header 'Access-Control-Allow-Origin' '*';

	#
	from django.contrib.sessions.backends.base import SessionBase, CreateError
	from django.conf import settings
	from django.utils.encoding import force_unicode
	import redis

	class SessionStore(SessionBase):
	""" Redis store for sessions"""

	def __init__(self, session_key=None):
	self.redis = redis.Redis(