NightsoN Blaze nightson

wedata.net archives

wedata has gone

~$ wget -S --spider http://wedata.net
Spider mode enabled. Check if remote file exists.
--2013-11-13 01:34:21--  http://wedata.net/
Resolving wedata.net (wedata.net)... 133.242.18.20

Functional JavaScript

2013 Minori Yamashita [email protected]

-- ここにあなたの名前を追記 --

Learn JavaScript concepts with the Chrome DevTools

Authored by Peter Rybin , Chrome DevTools team

In this short guide we'll review some new Chrome DevTools features for "function scope" and "internal properties" by exploring some base JavaScript language concepts.

Closures

Let's start with closures – one of the most famous things in JS. A closure is a function, that uses variables from outside. See an example:

	#navigator-toolbox{
	background:transparent;
	}

	#navigator-toolbox > *{
	background:#999;
	}

	#navigator-toolbox {
	position: relative;

	Over time, I collected some options to make Firefox really fast.

	WARNING! NO WARRANTY, use on your own risk!

	If you know what you're doing, go to 'about:config' and edit the listed values accordingly.
	Hint: Double-click boolean values to toggle true/false.

	###########################

	If mouse-wheel scrolling is slow, try

	<!DOCTYPE html>

	<meta charset=utf-8 />
	<title>Defining JavaScript functions, the ES6 way</title>

	<h1>Defining JavaScript functions, the ES6 way</h1>

	<em>Use Firefox 22 (Firefox Nightly)</em>

	<script>

	gifify() {
	if [[ -n "$1" ]]; then
	if [[ $2 == '--good' ]]; then
	ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png
	time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- \| gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif
	rm out-static*.png
	else
	ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - \| gifsicle --optimize=3 --delay=3 > $1.gif
	fi
	else

	# ...

	desc "Deploy website to s3/cloudfront via aws-sdk"
	task :s3_cloudfront => [:generate, :minify, :gzip, :compress_images] do
	puts "=================================================="
	puts " Deploying to Amazon S3 & CloudFront"
	puts "=================================================="

	# setup the aws_deploy_tools object
	config = YAML::load( File.open("_config.yml"))

	function addButton(toolbarId, buttonId, label, iconPath, firstRun) {
	var toolbar = document.getElementById(toolbarId);
	var toolbarButton = document.createElement("toolbarbutton");
	toolbarButton.setAttribute("id", buttonId);
	toolbarButton.setAttribute("type", "button");
	toolbarButton.setAttribute("removable", "true");
	toolbarButton.setAttribute("class",
	"toolbarbutton-1 chromeclass-toolbar-additional");
	toolbarButton.setAttribute("label", label);
	toolbarButton.style.listStyleImage = "url(" + iconPath + ")";