| { | |
| "folders": | |
| [ | |
| { | |
| "path": "Leanpub/sublime-productivity", | |
| "folder_exclude_patterns": ["epub_images", "convert_html", "preview", "published"], | |
| "file_exclude_patterns": [".gitignore", "*.sublime*", "*Icon*"] | |
| }, | |
| { | |
| "path": "SublimeTextTips" |
| { | |
| "added_words": | |
| [ | |
| "Mockup", | |
| "plugins", | |
| "coffeescript", | |
| "sourcemaps", | |
| "html", | |
| "plugin", | |
| "init", |
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.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent| var gulp = require('gulp'), | |
| browserSync = require('browser-sync'), | |
| reload = browserSync.reload, | |
| autoprefixer = require('gulp-autoprefixer'), | |
| concat = require('gulp-concat'), | |
| imageMin = require('gulp-imagemin'), | |
| minifyCSS = require('gulp-minify-css'), | |
| notify = require('gulp-notify'), | |
| plumber = require('gulp-plumber'), | |
| sass = require('gulp-sass'), |
| <snippet> | |
| <content><![CDATA[ | |
| public function ${1:relationship}() | |
| { | |
| return \$this->belongsToMany(${1/^(.+)$/(?1\u$1:)/g}::class, {$2:table}); | |
| } | |
| ]]></content> | |
| <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> | |
| <tabTrigger>belt</tabTrigger> | |
| <!-- Optional: Set a scope to limit where the snippet will trigger --> |
| <!doctype html> | |
| <style> | |
| html, body { | |
| margin: 0; | |
| background-color: #CCC; | |
| box-sizing: border-box; | |
| } | |
| .item { | |
| margin: 20px; | |
| padding: 20px; |
| { | |
| "plugins": [ | |
| "syntax-jsx", | |
| ["transform-react-jsx", { "pragma": "frzr.el" }] | |
| ], | |
| "presets": ["es2015"] | |
| } |
| <script src="https://unpkg.com/@webcomponents/custom-elements"></script> | |
| <style> | |
| body { | |
| margin: 0; | |
| } | |
| /* Style the element from the outside */ | |
| /* | |
| fancy-tabs { | |
| margin-bottom: 32px; |
| const path = require('path'); | |
| const webpack = require('webpack'); | |
| const ExtractTextPlugin = require("extract-text-webpack-plugin"); | |
| const javascript = { | |
| test: /\.(js)$/, | |
| use: [{ | |
| loader: 'babel-loader', | |
| options: { presets: ['es2015'] } | |
| }], |
| /** @jsx h */ | |
| // refs | |
| // https://medium.com/@deathmood/how-to-write-your-own-virtual-dom-ee74acc13060 | |
| // https://medium.com/@deathmood/write-your-virtual-dom-2-props-events-a957608f5c76 | |
| // test: https://jsfiddle.net/Luca_Colonnello/Lzjy5a67/1/ | |
| // comparison: | |
| // current - https://jsfiddle.net/Luca_Colonnello/5xebu97u/3/ | |
| // vidom - https://jsfiddle.net/Luca_Colonnello/dp9cwn37/2/ |
