-
Quick reference for the C macro preprocessor, which can be used independent of C/C++.
+ +$ cpp -P file > outfile
- Devhints.io cheatsheets is a collection of cheatsheets I've written over the years. - Suggestions and corrections? Send them in. - - I'm Rico Sta. Cruz. - Check out my Today I learned blog for more. -
- - - --
+ +/\n app/\n assets/\n vendor/\n public/\n config.coffee\nmodule.exports = {\n files: {\n javascripts: { # or 'stylesheets' or 'templates'\n order: {\n before: [ 'normalize.css' ],\n after: [ 'helpers.css' ],\n\n joinTo: 'app.js',\n joinTo: {\n 'js/app.js': /^app/,\n 'js/vendor.js': /^vendor/\n },\n pluginHelpers: 'js/vendor.js'\n }\n }\n\n paths: {\n public: 'public', # where to compile\n watched: ['app','test','vendor'], # what to monitor\n }\n\n modules: {\n wrapper: 'amd',\n definition: 'amd',\n nameCleaner: (path) => path.replace(/^app\\//, '')\n }\n\n npm: { styles, globals }\n\n plugins: {\n sass: { ... }\n }\n\n // brunch w --apply testing\n // BRUNCH_ENV=testing brunch build\n overrides: {\n production: {\n optimize: true,\n sourceMaps: false,\n plugins: { autoReload: { enabled: false } }\n }\n }\n\n onCompile: (files, assets) => { ... }\nplugins:\n uglify:\n mangle: true\n compress:\n global_defs:\n DEBUG: false\nCompile to CSS
\n\nCompile to HTML
\n\nEmbedded templates
\n\nEtc
\n\n$ cpp -P file > outfile\n#include \"file\"\n#define FOO\n#define FOO \"hello\"\n\n#undef FOO\n#ifdef DEBUG\n console.log('hi');\n#elif defined VERBOSE\n ...\n#else\n ...\n#endif\n#if VERSION == 2.0\n #error Unsupported\n #warning Not really supported\n#endif\n#define DEG(x) ((x) * 57.29)\n#define DST(name) name##_s name##_t\nDST(object); #=> \"object_s object_t;\"\n#define LOG(msg) console.log(__FILE__, __LINE__, msg)\n#=> console.log(\"file.txt\", 3, \"hey\")\n$ cpp -P file > outfile\n#include \"file\"\n#define FOO\n#define FOO \"hello\"\n\n#undef FOO\n#ifdef DEBUG\n console.log('hi');\n#elif defined VERBOSE\n ...\n#else\n ...\n#endif\n#if VERSION == 2.0\n #error Unsupported\n #warning Not really supported\n#endif\n#define DEG(x) ((x) * 57.29)\n#define DST(name) name##_s name##_t\nDST(object); #=> \"object_s object_t;\"\n#define LOG(msg) console.log(__FILE__, __LINE__, msg)\n#=> console.log(\"file.txt\", 3, \"hey\")\nQuick reference for the C macro preprocessor, which can be used independent of C/C++.
", "description_html": "", "tags": null, "updated": null @@ -698,8 +687,8 @@ "url": "/deku", "category": "JavaScript libraries", "keywords": null, - "content_html": "/** @jsx element */\nimport { element } from 'deku'\n\nfunction render ({ props, children, context, path }) {\n // props = properties object\n // children = children array\n // path = path to current component (like 0.1.5.2)\n // context = common properties in all components\n return (\n <div class='App' hidden={props.hidden} color={context.theme.color}>\n {children}\n </div>\n }\n}\n\nfunction onCreate ({ props, dispatch, path }) { ... }\nfunction onUpdate ({ props, dispatch, path }) { ... }\nfunction onRemove ({ props, dispatch, path }) { ... }\n// actually { children, props, path, context }\n\nexport default { render, onCreate, onRemove }\nimport { createStore } from 'redux'\nimport { dom, element } from 'deku'\n\n// Create a Redux store to handle all UI actions and side-effects\nlet store = createStore(reducer)\n\n// Create a renderer that can turn vnodes into real DOM elements\nlet render = createRenderer(document.body, store.dispatch)\n\n// Update the page and add redux state to the context\nrender(\n <MyButton>Hello World!</MyButton>,\n store.getState()\n )\n/** @jsx element */\nimport { element } from 'deku'\n\nfunction render ({ props, children, context, path }) {\n // props = properties object\n // children = children array\n // path = path to current component (like 0.1.5.2)\n // context = common properties in all components\n return (\n <div class='App' hidden={props.hidden} color={context.theme.color}>\n {children}\n </div>\n }\n}\n\nfunction onCreate ({ props, dispatch, path }) { ... }\nfunction onUpdate ({ props, dispatch, path }) { ... }\nfunction onRemove ({ props, dispatch, path }) { ... }\n// actually { children, props, path, context }\n\nexport default { render, onCreate, onRemove }\nimport { createStore } from 'redux'\nimport { dom, element } from 'deku'\n\n// Create a Redux store to handle all UI actions and side-effects\nlet store = createStore(reducer)\n\n// Create a renderer that can turn vnodes into real DOM elements\nlet render = createRenderer(document.body, store.dispatch)\n\n// Update the page and add redux state to the context\nrender(<MyButton>Hello World!</MyButton>, store.getState())\nQuick reference for Deku, a minimal virtual DOM library.
", "description_html": "", "tags": null, "updated": null @@ -709,8 +698,8 @@ "url": "/deku@1", "category": "JavaScript libraries", "keywords": null, - "content_html": "This is for Deku v1. See deku for a more updated cheatsheet.
\n\n/** @jsx element */\nimport element from 'virtual-element' // replacement for React.createElement\nimport {render, tree} from 'deku'\n\nvar app = <div class='my-app'>Hello World!</div>\n\nrender(tree(app), document.body)\nButton = {\n render () { return <button>Submit</button> }\n}\n\nApp = {\n render () { return <div><Button /></div> }\n}\n\nrender(tree(<App />), document.body)\nrender(tree(element(App)), document.body)\nApp = {\n render ({ props, state }) {\n return <div>{ /*...use state.store here*/ }</div>\n }\n\n initialState (props) {\n return { store: store.getState() }\n },\n\n afterMount (comp, el, setState) {\n store.subscribe(() => setState({ store: store.getState() }))\n }\n}\n\nrender(tree(<App />), document.body)\n<a onClick={onClick}>{props.text}</a>\nUse magic-virtual-element to enable nice classnames.
\n\nimport element from 'magic-virtual-element'\n<div style={style} class={[ 'button', '-active' ]}>\nname = 'MyComponent'\n\n// Defaults\ninitialState (props) {...} // return initial state\ndefaultProps = { hi: 'hello' }\n\n// Render\nrender ({props, state}, setState) {...}\n\n// Lifecycle\nbeforeUpdate ({props, state, id}, nextProps, nextState) {}\nafterRender ({props, state, id}, el) {}\nafterUpdate ({props, state, id}, prevProps, prevState, setState) {}\nafterMount ({props, state, id}, el, setState) {}\nbeforeUnmount ({props, state, id}, el) {}\nSee: https://www.npmjs.com/package/deku
", - "intro_html": "", + "content_html": "/** @jsx element */\nimport element from 'virtual-element' // replacement for React.createElement\nimport { render, tree } from 'deku'\n\nvar app = <div class='my-app'>Hello World!</div>\n\nrender(tree(app), document.body)\nButton = {\n render() {\n return <button>Submit</button>\n }\n}\n\nApp = {\n render() {\n return (\n <div>\n <Button />\n </div>\n )\n }\n}\n\nrender(tree(<App />), document.body)\nrender(tree(element(App)), document.body)\nApp = {\n render ({ props, state }) {\n return <div>{ /*...use state.store here*/ }</div>\n }\n\n initialState (props) {\n return { store: store.getState() }\n },\n\n afterMount (comp, el, setState) {\n store.subscribe(() => setState({ store: store.getState() }))\n }\n}\n\nrender(tree(<App />), document.body)\n<a onClick={onClick}>{props.text}</a>\nUse magic-virtual-element to enable nice classnames.
\n\nimport element from 'magic-virtual-element'\n<div style={style} class={[ 'button', '-active' ]}>\nname = 'MyComponent'\n\n// Defaults\ninitialState (props) {...} // return initial state\ndefaultProps = { hi: 'hello' }\n\n// Render\nrender ({props, state}, setState) {...}\n\n// Lifecycle\nbeforeUpdate ({props, state, id}, nextProps, nextState) {}\nafterRender ({props, state, id}, el) {}\nafterUpdate ({props, state, id}, prevProps, prevState, setState) {}\nafterMount ({props, state, id}, el, setState) {}\nbeforeUnmount ({props, state, id}, el) {}\nSee: https://www.npmjs.com/package/deku
", + "intro_html": "Quick reference for Deku, a minimal virtual DOM library. Deprecated: This is for Deku v1. See deku for a more updated cheatsheet.
", "description_html": "", "tags": null, "updated": null @@ -786,8 +775,8 @@ "url": "/dom-range", "category": "JavaScript", "keywords": null, - "content_html": "See http://devdocs.io/dom/document/createrange
\n\nvar range = document.createRange()\nSee http://devdocs.io/dom/range
\n\nrange\n .setStart(startNode, startOffset)\n .setEnd(endNode, endOffset)\n\n .setStartBefore(node)\n .setStartAfter(node)\n .setEndBefore(node)\n .setEndAfter(node)\n\n .selectNode(node)\n .selectNodeContents(node)\nrange\n .collapse() // to end (a single point)\n .collapse(true) // to start (a single point)\n .collapsed // true | false\nrange\n .cloneContents() // copy => DocumentFragment\n .extractContents() // cut => DocumentFragment\n .deleteContents() // delete\n\n .insertNode(node)\nrange\n .toString()\nrange\n .collapsed // true/false\n .startContainer // Node\n .startOffset\n .endContainer // Node\n .endOffset\n .commonAncestorContainer // closest of start and end containers\nvar range = document.createRange()\nSee: https://devdocs.io/dom/document/createrange
\n\nrange\n .setStart(startNode, startOffset)\n .setEnd(endNode, endOffset)\n\n .setStartBefore(node)\n .setStartAfter(node)\n .setEndBefore(node)\n .setEndAfter(node)\n\n .selectNode(node)\n .selectNodeContents(node)\nSee: https://devdocs.io/dom/range
\n\nrange.collapse() // to end (a single point)\nrange.collapse(true) // to start (a single point)\nrange.collapsed // true | false\nrange.cloneContents() // copy => DocumentFragment\nrange.extractContents() // cut => DocumentFragment\nrange.deleteContents() // delete\nrange.insertNode(node)\nrange.toString()\nrange.collapsed // => true/false\nrange.startContainer // => Node\nrange.startOffset\nrange.endContainer // => Node\nrange.endOffset\nrange.commonAncestorContainer // closest of start and end containers\nQuick reference to the HTML DOM createRange API.
", "description_html": "", "tags": null, "updated": null @@ -797,19 +786,8 @@ "url": "/dom-selection", "category": "JavaScript", "keywords": null, - "content_html": "See http://devdocs.io/dom/selection
\n\nvar selection = document.getSelection()\nselection\n .removeAllRanges() // deselects\n .addRange(range) // sets a selection\n .removeRange(range) // remove a range\nselection\n .rangeCount // ranges\n .getRangeAt(0) // get the 0th range\nselection\n .collapse(parent, offset)\n .collapseToEnd()\n .collapseToStart()\n .isCollapsed\nselection\n .containsNode(node)\nselection\n .deleteFromDocument()\ndocument.addEventListener('selectionchange', () => {})\n$ sudo apt-get install ec2-api-tools ec2-ami-tools\n$ brew install ec2-api-tools ec2-ami-tools\n$ brew info ec2-api-tools\nBefore you can use these tools you must export some variables to your $SHELL\nand download your X.509 certificate and private key from Amazon Web Services.
\nYour certificate and private key are available at\naws-portal.amazon.com.
\nDownload two .pem files, one starting with pk-, and one starting with cert-.\nYou need to put both into a folder in your home directory, ~/.ec2.
# To use public images (AMI's), you need an SSH keypair from EC2.\n ec2-add-keypair my-keypair > ~/.ec2/my-keypair.pem\n chmod 600 ec2-keypair.pem\n# Start an instance using a given AMI image:\n# (Use the Ubuntu locator, or ec2-describe-images)\n ec2-run-instances ami-xxxxxx -k ec2-keypair\n\n# Open up ports (in the 'default' security group):\n ec2-authorize default -p 22\n ec2-authorize default -p 80\n\n# Connect\n ssh -i ~/.ec2/my-keypair.pem root@ec2-xxx.amazonaws.com\n# Show running instances\n ec2-describe-instances\n\n# Kill an instance\n ec2-terminate-instances i-yourinstance\n# Create a security group\n ec2-add-group group_name -d \"Description\"\n\n# Show images (AMI's) owned by amazon, or me\n ec2-describe-images -o self -o amazon\nEC2_CERT_PATH=\"$HOME/.ec2\"\nexport EC2_PRIVATE_KEY=\"$(/bin/ls $EC2_CERT_PATH/pk-*.pem | /usr/bin/head -1)\"\nexport EC2_CERT=\"$(/bin/ls $EC2_CERT_PATH/cert-*.pem | /usr/bin/head -1)\"\nvar sel = document.getSelection()\nSee: https://devdocs.io/dom/selection
\n\nsel.removeAllRanges() // deselects\nsel.addRange(range) // sets a selection\nsel.removeRange(range) // remove a range\nsel.rangeCount\nsel.getRangeAt(0) // get the 0th range\nsel.collapse(parent, offset)\nsel.collapseToEnd()\nsel.collapseToStart()\nsel.isCollapsed\nsel.containsNode(node)\nsel.deleteFromDocument()\ndocument.addEventListener('selectionchange', () => {})\nQuick introduction to the HTML DOM selection API.
", "description_html": "", "tags": null, "updated": null @@ -1160,8 +1138,8 @@ "url": "/git-extras", "category": "Git", "keywords": null, - "content_html": "$ git feature myfeature\n switched to branch 'feature/rofl'\n\n$ ...\n$ git checkout develop\n$ git feature finish myfeature\n merging 'feature/rofl' into develop\n deleted branch 'feature/rofl'\nAlso git-bug and git-refactor.
$ git delete-merged-branches\n # hint: do `git remote prune origin` after\n\n$ git create-branch development\n$ git delete-branch development\n\n$ git fresh-branch gh-pages\n$ git summary # repo age, commits, active days, etc\n$ git impact # impact graph\n$ git effort # commits per file\n$ git fork strongloop/express\n# sync your fork with the original repository:\n$ git remote add upstream https://github.com/ORIGINAL_OWNER/ORIGINAL_REPOSITORY.git\n$ git fetch upstream; git merge upstream/master\n$ git release v1.0.0 # commit, tag, push-tags\n$ git delete-tag v1.0.0\n$ git ignore \"*.log\"\nAssumes that changes will not be committed.
\n\n$ git lock config/database.yml\n$ git unlock config/database.yml\n$ git obliterate secret.yml # remove all references to it\n$ git feature myfeature\n switched to branch 'feature/rofl'\n\n$ ...\n$ git checkout develop\n$ git feature finish myfeature\n merging 'feature/rofl' into develop\n deleted branch 'feature/rofl'\nAlso git-bug and git-refactor.
$ git delete-merged-branches\n # hint: do `git remote prune origin` after\n\n$ git create-branch development\n$ git delete-branch development\n\n$ git fresh-branch gh-pages\n$ git summary # repo age, commits, active days, etc\n$ git impact # impact graph\n$ git effort # commits per file\n$ git fork strongloop/express\n# sync your fork with the original repository:\n$ git remote add upstream https://github.com/ORIGINAL_OWNER/ORIGINAL_REPOSITORY.git\n$ git fetch upstream; git merge upstream/master\n$ git release v1.0.0 # commit, tag, push-tags\n$ git delete-tag v1.0.0\n$ git ignore \"*.log\"\nAssumes that changes will not be committed.
\n\n$ git lock config/database.yml\n$ git unlock config/database.yml\n$ git obliterate secret.yml # remove all references to it\nQuick reference to some utilities in the git-extras utilities.
", "description_html": "", "tags": null, "updated": null @@ -1209,17 +1187,6 @@ "description_html": "", "tags": null, "updated": null -},{ - "id": "gmail", - "title": "Gmail", - "url": "/gmail", - "category": "Others", - "keywords": null, - "content_html": "imap.gmail.com:993username@gmail.comsmtp.gmail.compop.gmail.com:995Based on the Promise API reference (mozilla.org).
\n\nnew Promise(function (ok, err) {\n doStuff(function () {\n if (success) { ok(); }\n else { err(); }\n });\n})\npromise\n .then(okFn, errFn)\n .catch(errFn)\nvar promises = [\n promise1(), promise2(), ...\n]\n\n// succeeds when all succeed\nPromise.all(promises)\n .then(function (results) {\n });\n\n// succeeds when one finishes first\nPromise.race(promises)\n .then(function (result) {\n });\nreturn Promise.resolve(\"result\");\nreturn Promise.resolve(promise);\nreturn Promise.resolve(thenable);\n\nreturn Promise.reject(\"reason\");\n\nPromise.resolve($.get('http://google.com'))\n.then(...)\nnew Promise((resolve, reject) => {\n doStuff(() => {\n if (success) {\n resolve('good')\n } else {\n reject(new Error('oops'))\n }\n })\n})\nUse new Promise to create new promises.
\n\npromise\n .then((result) => {\n /* success */\n })\n .catch((error) => {\n /* failure */\n })\nthen() runs a function when a promise resolves. catch() runs when a promise fails.
\n\nconst promises = [promise1(), promise2() /* ... */]\n// Succeeds when all succeed\nPromise.all(promises).then((results) => {\n /* ... */\n})\n// Succeeds when one finishes first\nPromise.race(promises).then((result) => {\n /* ... */\n})\nreturn Promise.resolve('result')\nreturn Promise.resolve(promise)\nreturn Promise.resolve(thenable)\n\nreturn Promise.reject('reason')\n\nPromise.resolve(result).then(() => {\n /* ... */\n})\nPromise.resolve(val) will return a promise that resolves to the value given to it.
A quick reference to the Promise API.
", "description_html": "", "tags": null, "updated": null @@ -3041,10 +3008,10 @@ "url": "/ruby", "category": "Ruby", "keywords": null, - "content_html": "$! - latest error message$@ - location of error$_ - string last read by gets$. - line number last read by interpreter$& - string last matched by regexp$~ - the last regexp match, as an array of subexpressions$n - the nth subexpression in the last match (same as $~[n])$= - case-insensitivity flag$/ - input record separator$\\ - output record separator$0 - the name of the ruby script file$* (or ARGV) - the command line arguments$$ - interpreter’s process ID$? - exit status of last executed child process$-i $-l $-p $-v - Command line switches$-v (or $VERBOSE) - verbose mode| Code | \nDescription | \n
|---|---|
$! | \n latest error message | \n
$@ | \n location of error | \n
$_ | \n string last read by gets | \n
$. | \n line number last read by interpreter | \n
$& | \n string last matched by regexp | \n
$~ | \n the last regexp match, as an array of subexpressions | \n
$n | \n the nth subexpression in the last match (same as $~[n]) | \n
$= | \n case-insensitivity flag | \n
$/ | \n input record separator | \n
$\\ | \n output record separator | \n
$0 | \n the name of the ruby script file | \n
$* (or ARGV) | \n the command line arguments | \n
$$ | \n interpreter’s process ID | \n
$? | \n exit status of last executed child process | \n
$-i $-l $-p $-v | \n Command line switches | \n
$-v (or $VERBOSE) | \n verbose mode | \n
Quick reference to some features of the Ruby programming language.
", "description_html": "", - "tags": null, + "tags": ["WIP"], "updated": null },{ "id": "ruby21", @@ -3448,8 +3415,8 @@ "url": "/travis", "category": "Devops", "keywords": null, - "content_html": "language: node_js\nnode_js:\n- '4'\nnpm installnpm testlanguage: ruby\nrvm:\n- 2.0.0\n- 1.9.3\n- 1.8.7\n- rbx-19mode\n- jruby-19mode\n- jruby-18mode\nbundle installrakebefore_installinstallbefore_scriptscriptafter_success or after_failureafter_scriptbefore_deploydeployafter_deploybranches:\n except: [\"..\"]\n only: [\"master\"]\nenv:\n - \"rack=master\"\n - \"rack=1.3.4\"\nscript: make test\nbefore_script: make pretest\nafter_script: make clean\n\nbefore_script:\n - make pretest1\n - make pretest2\nbranches:\n except:\n - legacy\n\n only:\n - gh-pages\n - /^deploy/\nbefore_install:\n- sudo apt-get update -q\n- sudo apt-get install gcc-4.8 -y\nhttps://docs.travis-ci.com/user/installing-dependencies/
\n\ngemfile:\n - gemfiles/Gemfile.rails-2.3.x\n - gemfiles/Gemfile.rails-3.0.x\nnotifications:\n email:\n - dropbox+travis@ricostacruz.com\n\n email:\n recipients:\n - dropbox+travis@ricostacruz.com\n on_success: <always|never|change> # default: change\n on_failure: <always|never|change> # default: always\n\n irc: \"chat.freenode.net#travis\"\nlanguage: node_js\nnode_js:\n - '4'\nDefaults install to npm install, and defaults test to npm test.
language: ruby\nrvm:\n - 2.0.0\n - 1.9.3\n - 1.8.7\nDefaults install to bundle install, defaults test to rake.
| Lifecycle | \n
|---|
before_install | \n
install | \n
before_script | \n
script | \n
after_success or after_failure | \n
after_script | \n
before_deploy (optional) | \n
deploy (optional) | \n
after_deploy (optional) | \n
branches:\n except: ['..']\n only: ['master']\nenv:\n - 'rack=master'\n - 'rack=1.3.4'\nscript: make test\nbefore_script: make pretest\nafter_script: make clean\n\nbefore_script:\n - make pretest1\n - make pretest2\nbranches:\n except:\n - legacy\n\n only:\n - gh-pages\n - /^deploy/\nbefore_install:\n - sudo apt-get update -q\n - sudo apt-get install gcc-4.8 -y\nhttps://docs.travis-ci.com/user/installing-dependencies/
\n\ngemfile:\n - gemfiles/Gemfile.rails-2.3.x\n - gemfiles/Gemfile.rails-3.0.x\nQuick reference for Travis CI yaml configuration. See official documentation.
", "description_html": "", "tags": null, "updated": null diff --git a/datetime.html b/datetime.html index afd48fc36..d2a2aa0a8 100644 --- a/datetime.html +++ b/datetime.html @@ -33,8 +33,8 @@ - - + + @@ -103,11 +103,11 @@ gtag('config','UA-106902774-1'); @@ -793,7 +793,7 @@ gtag('config','UA-106902774-1'); - placeholder='Search 359+ cheatsheets' + placeholder='Search 356+ cheatsheets' > @@ -818,7 +818,7 @@ gtag('config','UA-106902774-1'); - Over 359 curated cheatsheets, by developers for developers. + Over 356 curated cheatsheets, by developers for developers. @@ -1034,7 +1034,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+ },{}],"eoMl":[function(require,module,exports) { "use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3); },{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null) - + diff --git a/deis.html b/deis.html index 968c8749a..57c60d373 100644 --- a/deis.html +++ b/deis.html @@ -33,8 +33,8 @@ - - + + @@ -99,11 +99,11 @@ gtag('config','UA-106902774-1'); @@ -307,7 +307,7 @@ deis limits:set web=1024 --cpu - placeholder='Search 359+ cheatsheets' + placeholder='Search 356+ cheatsheets' > @@ -332,7 +332,7 @@ deis limits:set web=1024 --cpu - Over 359 curated cheatsheets, by developers for developers. + Over 356 curated cheatsheets, by developers for developers. @@ -548,7 +548,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+ },{}],"eoMl":[function(require,module,exports) { "use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3); },{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null) - + diff --git a/deku.html b/deku.html index 6f98fa417..91f299620 100644 --- a/deku.html +++ b/deku.html @@ -1,7 +1,7 @@ - - - + + + @@ -33,16 +33,16 @@ - - + + - - - + + + @@ -85,25 +85,26 @@ gtag('config','UA-106902774-1'); - + - - - - - - --
Quick reference for Deku, a minimal virtual DOM library.
+ +/** @jsx element */
import { element } from 'deku'
@@ -185,7 +237,7 @@ function onRemove ({ props, dispatch, path }) { ... }
export default { render, onCreate, onRemove }
import { createStore } from 'redux'
import { dom, element } from 'deku'
@@ -197,54 +249,298 @@ let store = createStore(reducer)
let render = createRenderer(document.body, store.dispatch)
// Update the page and add redux state to the context
-render(
- <MyButton>Hello World!</MyButton>,
- store.getState()
- )
+render(<MyButton>Hello World!</MyButton>, store.getState())
- Devhints.io cheatsheets is a collection of cheatsheets I've written over the years. - Suggestions and corrections? Send them in. - - I'm Rico Sta. Cruz. - Check out my Today I learned blog for more. -
- - - --
+ +-
This is for Deku v1. See deku for a more updated cheatsheet.
+ + + + + +Quick reference for Deku, a minimal virtual DOM library. Deprecated: This is for Deku v1. See deku for a more updated cheatsheet.
+ +/** @jsx element */
-import element from 'virtual-element' // replacement for React.createElement
-import {render, tree} from 'deku'
+import element from 'virtual-element' // replacement for React.createElement
+import { render, tree } from 'deku'
var app = <div class='my-app'>Hello World!</div>
render(tree(app), document.body)
Button = {
- render () { return <button>Submit</button> }
+ render() {
+ return <button>Submit</button>
+ }
}
App = {
- render () { return <div><Button /></div> }
+ render() {
+ return (
+ <div>
+ <Button />
+ </div>
+ )
+ }
}
render(tree(<App />), document.body)
render(tree(element(App)), document.body)
App = {
render ({ props, state }) {
@@ -204,19 +264,20 @@ render(tree(element(App)), document.body)
render(tree(<App />), document.body)
<a onClick={onClick}>{props.text}</a>
Use magic-virtual-element to enable nice classnames.
import element from 'magic-virtual-element'
<div style={style} class={[ 'button', '-active' ]}>
name = 'MyComponent'
@@ -237,48 +298,295 @@ beforeUnmount ({props, state, id}, el) {}
+ - Devhints.io cheatsheets is a collection of cheatsheets I've written over the years. - Suggestions and corrections? Send them in. - - I'm Rico Sta. Cruz. - Check out my Today I learned blog for more. -
- - - --
+ +-
See http://devdocs.io/dom/document/createrange
+ + + + + +Quick reference to the HTML DOM createRange API.
+ +var range = document.createRange()
See: https://devdocs.io/dom/document/createrange
+See http://devdocs.io/dom/range
range
.setStart(startNode, startOffset)
@@ -182,83 +236,329 @@ gtag('config','UA-106902774-1');
.selectNodeContents(node)
See: https://devdocs.io/dom/range
+range
- .collapse() // to end (a single point)
- .collapse(true) // to start (a single point)
- .collapsed // true | false
+range.collapse() // to end (a single point)
+range.collapse(true) // to start (a single point)
+range.collapsed // true | false
Operations
-range
- .cloneContents() // copy => DocumentFragment
- .extractContents() // cut => DocumentFragment
- .deleteContents() // delete
-
- .insertNode(node)
+range.cloneContents() // copy => DocumentFragment
+range.extractContents() // cut => DocumentFragment
+range.deleteContents() // delete
-Etc
+range.insertNode(node)
+
-range
- .toString()
+String
+
+range.toString()
Read-only attributes
-range
- .collapsed // true/false
- .startContainer // Node
- .startOffset
- .endContainer // Node
- .endOffset
- .commonAncestorContainer // closest of start and end containers
+range.collapsed // => true/false
+range.startContainer // => Node
+range.startOffset
+range.endContainer // => Node
+range.endOffset
+range.commonAncestorContainer // closest of start and end containers
+
- Devhints.io cheatsheets is a collection of cheatsheets I've written over the years. - Suggestions and corrections? Send them in. - - I'm Rico Sta. Cruz. - Check out my Today I learned blog for more. -
- - - --
+ +-
See http://devdocs.io/dom/selection
+ -var selection = document.getSelection()
+
+
+
+
+ Quick introduction to the HTML DOM selection API.
+
+
+
+
+
+ Reference
+
+Selection
+
+var sel = document.getSelection()
-Methods
+See: https://devdocs.io/dom/selection
-selection
- .removeAllRanges() // deselects
- .addRange(range) // sets a selection
- .removeRange(range) // remove a range
+Methods
+
+sel.removeAllRanges() // deselects
+sel.addRange(range) // sets a selection
+sel.removeRange(range) // remove a range
-selection
- .rangeCount // ranges
- .getRangeAt(0) // get the 0th range
+sel.rangeCount
+sel.getRangeAt(0) // get the 0th range
Collapsing
-selection
- .collapse(parent, offset)
- .collapseToEnd()
- .collapseToStart()
- .isCollapsed
+sel.collapse(parent, offset)
+sel.collapseToEnd()
+sel.collapseToStart()
+sel.isCollapsed
-selection
- .containsNode(node)
+sel.containsNode(node)
Deleting
-selection
- .deleteFromDocument()
+sel.deleteFromDocument()
Events
@@ -203,48 +253,295 @@ gtag('config','UA-106902774-1');
document.addEventListener('selectionchange', () => {})
+
+- Devhints.io cheatsheets is a collection of cheatsheets I've written over the years. - Suggestions and corrections? Send them in. - - I'm Rico Sta. Cruz. - Check out my Today I learned blog for more. -
- - - --
+ +-
$ git feature myfeature
+
+
+
+
+ Quick reference to some utilities in the git-extras utilities.
+
+
+
+
+
+ References
+
+Git-flow
+
+$ git feature myfeature
switched to branch 'feature/rofl'
$ ...
@@ -176,7 +230,7 @@ $ git feature finish myfeature
Branches
-$ git delete-merged-branches
+$ git delete-merged-branches
# hint: do `git remote prune origin` after
$ git create-branch development
@@ -187,14 +241,14 @@ $ git fresh-branch gh-pages
Inspecting
-$ git summary # repo age, commits, active days, etc
+$ git summary # repo age, commits, active days, etc
$ git impact # impact graph
$ git effort # commits per file
Github
-$ git fork strongloop/express
+$ git fork strongloop/express
# sync your fork with the original repository:
$ git remote add upstream https://github.com/ORIGINAL_OWNER/ORIGINAL_REPOSITORY.git
$ git fetch upstream; git merge upstream/master
@@ -202,76 +256,321 @@ $ git fetch upstream; git merge upstream/master
Tags
-$ git release v1.0.0 # commit, tag, push-tags
+$ git release v1.0.0 # commit, tag, push-tags
$ git delete-tag v1.0.0
Conveniences
-$ git ignore "*.log"
+$ git ignore "*.log"
Locking
Assumes that changes will not be committed.
-$ git lock config/database.yml
+$ git lock config/database.yml
$ git unlock config/database.yml
Etc
-$ git obliterate secret.yml # remove all references to it
+$ git obliterate secret.yml # remove all references to it
-References
+References
- https://github.com/visionmedia/git-extras
+
+- Devhints.io cheatsheets is a collection of cheatsheets I've written over the years. - Suggestions and corrections? Send them in. - - I'm Rico Sta. Cruz. - Check out my Today I learned blog for more. -
- - - --
+ +c_preprocessor
+
+
C Preprocessor
@@ -3625,10 +3607,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -4317,8 +4295,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -4427,8 +4403,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -4565,8 +4539,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -5492,8 +5464,6 @@ gtag('config','UA-106902774-1');
-
-
-
- ec2
-
-
-
- EC2 API tools
-
-
-
-
-
-
-
@@ -7541,8 +7481,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -7967,6 +7905,8 @@ gtag('config','UA-106902774-1');
travis
+
+
Travis.yml
@@ -8237,10 +8177,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -8605,8 +8541,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -9213,10 +9147,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -9251,6 +9181,8 @@ gtag('config','UA-106902774-1');
git-extras
+
+
Git extras
@@ -9741,8 +9673,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -10147,12 +10077,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -11125,12 +11049,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -11625,8 +11543,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -11725,6 +11641,8 @@ gtag('config','UA-106902774-1');
dom-range
+
+
DOM Range
@@ -11743,6 +11661,8 @@ gtag('config','UA-106902774-1');
dom-selection
+
+
DOM Selection
@@ -11765,8 +11685,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -11919,8 +11837,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -12780,24 +12696,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
- brunch
-
-
-
- Brunch
-
-
-
-
-
-
-
@@ -12937,6 +12835,8 @@ gtag('config','UA-106902774-1');
deku
+
+
Deku v2
@@ -12955,6 +12855,8 @@ gtag('config','UA-106902774-1');
deku@1
+
+
Deku v1
@@ -12985,8 +12887,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -13149,8 +13049,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -14767,10 +14665,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -14873,8 +14767,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -15581,12 +15473,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -16339,10 +16225,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -16441,8 +16323,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -17431,12 +17311,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -18241,12 +18115,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -19141,12 +19009,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -19907,12 +19769,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -20673,12 +20529,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -21263,10 +21113,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -21681,8 +21527,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -22039,8 +21883,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -22209,10 +22051,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -22659,6 +22497,8 @@ gtag('config','UA-106902774-1');
ruby
+
+
Ruby
@@ -22941,8 +22781,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -23091,8 +22929,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -23305,8 +23141,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -24297,12 +24131,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
-
@@ -24959,10 +24787,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
@@ -25145,8 +24969,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -25633,8 +25455,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -25855,8 +25675,6 @@ gtag('config','UA-106902774-1');
-
-
@@ -25985,24 +25803,6 @@ gtag('config','UA-106902774-1');
-
-
-
-
-
- gmail
-
-
-
- Gmail
-
-
-
-
-
-
@@ -27071,7 +26871,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+
},{}],"eoMl":[function(require,module,exports) {
"use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3);
},{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null)
-
+
diff --git a/index@2016.html b/index@2016.html
index c0fb5b979..9249fafee 100644
--- a/index@2016.html
+++ b/index@2016.html
@@ -33,8 +33,8 @@
-
-
+
+
@@ -90,9 +90,9 @@ gtag('config','UA-106902774-1');
-
-
-
+
+
+
global scope.
- placeholder='Search 359+ cheatsheets'
+ placeholder='Search 356+ cheatsheets'
>
@@ -317,7 +317,7 @@ the global scope.
- Over 359 curated cheatsheets, by developers for developers.
+ Over 356 curated cheatsheets, by developers for developers.
@@ -535,7 +535,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+
},{}],"eoMl":[function(require,module,exports) {
"use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3);
},{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null)
-
+
diff --git a/jsdoc.html b/jsdoc.html
index 7fb347e46..5272f465f 100644
--- a/jsdoc.html
+++ b/jsdoc.html
@@ -33,8 +33,8 @@
-
-
+
+
@@ -99,11 +99,11 @@ gtag('config','UA-106902774-1');
@@ -408,7 +408,7 @@ function test(x) {}
- placeholder='Search 359+ cheatsheets'
+ placeholder='Search 356+ cheatsheets'
>
@@ -433,7 +433,7 @@ function test(x) {}
- Over 359 curated cheatsheets, by developers for developers.
+ Over 356 curated cheatsheets, by developers for developers.
@@ -651,7 +651,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+
},{}],"eoMl":[function(require,module,exports) {
"use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3);
},{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null)
-
+
diff --git a/jshint.html b/jshint.html
index 5b1581414..361650013 100644
--- a/jshint.html
+++ b/jshint.html
@@ -33,8 +33,8 @@
-
-
+
+
@@ -99,11 +99,11 @@ gtag('config','UA-106902774-1');
@@ -380,7 +380,7 @@ function() { ... } // err: need "use strict"
- placeholder='Search 359+ cheatsheets'
+ placeholder='Search 356+ cheatsheets'
>
@@ -405,7 +405,7 @@ function() { ... } // err: need "use strict"
- Over 359 curated cheatsheets, by developers for developers.
+ Over 356 curated cheatsheets, by developers for developers.
@@ -623,7 +623,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+
},{}],"eoMl":[function(require,module,exports) {
"use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3);
},{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null)
-
+
diff --git a/knex.html b/knex.html
index 9bda6302f..1c58ab8d8 100644
--- a/knex.html
+++ b/knex.html
@@ -33,8 +33,8 @@
-
-
+
+
@@ -99,11 +99,11 @@ gtag('config','UA-106902774-1');
@@ -716,7 +716,7 @@ knex migrate:rollback --env production
- placeholder='Search 359+ cheatsheets'
+ placeholder='Search 356+ cheatsheets'
>
@@ -741,7 +741,7 @@ knex migrate:rollback --env production
- Over 359 curated cheatsheets, by developers for developers.
+ Over 356 curated cheatsheets, by developers for developers.
@@ -929,7 +929,7 @@ function n(n,t,e){n.addEventListener?n.addEventListener(t,e):n.attachEvent("on"+
},{}],"eoMl":[function(require,module,exports) {
"use strict";var e=u(require("./wrapify")),d=u(require("dom101/add-class")),t=u(require("dom101/on"));function u(e){return e&&e.__esModule?e:{default:e}}var a,o=document.querySelector("[data-js-main-body]");function r(){a||((0,d.default)(document.documentElement,"LoadDone"),a=!0)}o&&((0,e.default)(o),(0,d.default)(o,"-wrapified")),(0,t.default)(window,"load",r),setTimeout(r,5e3);
},{"./wrapify":"hE9p","dom101/add-class":"G20n","dom101/on":"DJ2P"}]},{},["eoMl"], null)
-
+
diff --git a/koa.html b/koa.html
index 654a44b44..8abcddeb1 100644
--- a/koa.html
+++ b/koa.html
@@ -33,8 +33,8 @@
-
-
+
+
@@ -90,9 +90,9 @@ gtag('config','UA-106902774-1');
-
-
-
+
+
+
+ + 0 Comments + + for this cheatsheet. + Write yours! +
+