| var MultiGetSet = function(opt){ | |
| var getType = function(o) { | |
| return ({}).toString.call(o).match(/\s([a-zA-Z]+)/)[1].toLowerCase() | |
| }; | |
| if(!opt.public || !opt.private) | |
| return opt.public; | |
| if(opt.handler && opt.handler.init) |
| .block{ | |
| position:fixed; | |
| display:inline-block; | |
| width:3em; | |
| height:3em; | |
| padding:1em; | |
| margin:0; | |
| background:pink; | |
| border:0.1em solid black; | |
| text-align:center; |
| /** | |
| * Appends CSS code to an existing stylesheet. | |
| * @param styleSheetURL: URL of an existing styleSheet; | |
| * @param code: CSS code to append. | |
| */ | |
| function appendCSS(styleSheetURL, code) { | |
| let DOMUtils = Cc["@mozilla.org/inspector/dom-utils;1"].getService(Ci.inIDOMUtils); | |
| Cu.import("resource://gre/modules/NetUtil.jsm"); | |
| function resolveURL(url, base_url) { | |
| var doc = document | |
| , old_base = doc.getElementsByTagName('base')[0] | |
| , old_href = old_base && old_base.href | |
| , doc_head = doc.head || doc.getElementsByTagName('head')[0] | |
| , our_base = old_base || doc_head.appendChild(doc.createElement('base')) | |
| , resolver = doc.createElement('a') | |
| , resolved_url | |
| ; | |
| our_base.href = base_url; |
| /** | |
| * How to have floating scrollbars in Firefox (Linux, Windows & Mac). | |
| * Screenshot: http://i.imgur.com/bn44L.png | |
| * You need Firefox > 18. Just run this code in a browser-scratchpad: | |
| * | |
| * Ping me on Twitter (@paulrouget) if you run into problems. | |
| * | |
| * 1. Go to about:config - Set devtools.chrome.enabled to true | |
| * 2. Starts Scratchpad (Shift-F4) | |
| * 3. In Scratchpad's menubar, check "Environment > Browser" |
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.
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:
| 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 + ")"; |
| # ... | |
| 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")) |
| 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 |
| <!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> |
