| console.log('qa', (1 * 60 * 60 * 1000) + (40 * 60 * 1000) + (30 * 1000)) | |
| const rawTimespan = '01:40:30'; | |
| const rawTimespanArray = rawTimespan.split(':').slice(-3); | |
| const timespanFromReduce = rawTimespanArray.reduce((timespan, segment, i, rawTimespanArray) => { |
| //public/javascripts/app/app.js | |
| define(function (require) { | |
| //require dependancies | |
| var Marionette = require('backbone.marionette'); | |
| var Backbone = require('backbone'); | |
| var $ = require('jquery'); | |
| // Override renderer to use pre-compiled templates | |
| Marionette.Renderer.render = function render(template, data) { |
| <!DOCTYPE html> | |
| <html class="fuelux"> | |
| <head lang="en"> | |
| <!-- styles --> | |
| <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/> | |
| <link href="http://www.fuelcdn.com/fuelux/3.3.0/css/fuelux.min.css" rel="stylesheet"/> | |
| <link href="http://www.fuelcdn.com/fuelux-mctheme/1.1.0/css/fuelux-mctheme.min.css" rel="stylesheet"/> | |
| <!-- scripts --> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> |
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.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParentelem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeightelem.getClientRects(), elem.getBoundingClientRect()
Basic building blocks (you won't often use these).
Manage the visual regions of your composite application. Composite JS Apps: Regions And Region Managers
Manage one or more related Marionette.Region objects.
| #!/bin/bash | |
| # Takes contents of clipboard, syntax highlights them, places a copy in "gists" directory in Google Drive, pastes them into a gist, opens the gist in a browser, and puts syntax highlighted version of text in clipboard for pasting into Evernote/email/etc | |
| # requires: | |
| #* gist (https://github.com/defunkt/gist) | |
| #* Google Drive | |
| #* highlight (brew install highlight) | |
| #* an alias that will run this file `alias gst="~/gst.sh"` |
| javascript: (function() { | |
| /* STYLES */ | |
| const css = '.highlight { background: yellow; }'; | |
| const head = document.head || document.getElementsByTagName('head')[0]; | |
| const style = document.createElement('style'); | |
| style.type = 'text/css'; | |
| if (style.styleSheet){ | |
| style.styleSheet.cssText = css; | |
| } else { |
| { | |
| "bold_folder_labels": true, | |
| "caret_style": "phase", | |
| "color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme", | |
| "copy_with_empty_selection": false, | |
| "draw_minimap_border": true, | |
| "draw_white_space": "all", | |
| "file_exclude_patterns": | |
| [ | |
| "*.class", |
| /*global escape: true */ | |
| var string = "blah"; | |
| string = escape(string); |
| { | |
| "Badge Text" : "\\(user.gitBranch)", | |
| "Working Directory" : "\/Users\/cmcculloh", | |
| "Prompt Before Closing 2" : 0, | |
| "Selected Text Color" : { | |
| "Red Component" : 0.8866617679595947, | |
| "Color Space" : "Calibrated", | |
| "Blue Component" : 0.9910151958465576, | |
| "Alpha Component" : 1, | |
| "Green Component" : 0.9932246208190918 |