The gist: by having a Promise adopt the state of a forever pending one, you can suspend its then handlers chain.
Promise.pending = Promise.race.bind(Promise, [])
let cancel
new Promise(function(fulfill, reject) {
cancel = function() {fulfill(Promise.pending())}
setTimeout(fulfill, 1000, 5)
| # Add these lines to your dockerfile, before `npm install` | |
| # Copy the bitbucket private key to your docker image | |
| COPY ./bitbucket_ssh_key /opt/my-app | |
| # Copy the ssh script to your docker image | |
| COPY ./ssh-bitbucket.sh /opt/my-app | |
| # Tell git to use your `ssh-bitbucket.sh` script | |
| ENV GIT_SSH="/opt/map-project-tile-server/ssh-bitbucket.sh" |
| // Correct Way | |
| function indexOf(str, query) { | |
| for(var i = 0; i < str.length; i++) { | |
| for(var q = 0; q < query.length; q++) { | |
| if (str[i+q] !== query[q]) { | |
| break; | |
| } | |
| if (q === query.length - 1) { | |
| return i; | |
| } |
| window.addEventListener('pageshow', function(e) { | |
| if (e.persisted) {// 从缓存加载 | |
| //... | |
| } | |
| }, false); | |
| //jquery中没有这个对象，需要用原生事件对象 | |
| $(window).bind("pageshow", function(event) { | |
| if (event.originalEvent.persisted) { |
Inspired by dannyfritz/commit-message-emoji
See also gitmoji.
| Commit type | Emoji |
|---|---|
| Initial commit | 🎉 :tada: |
| Version tag | 🔖 :bookmark: |
| New feature | ✨ :sparkles: |
| Bugfix | 🐛 :bug: |
| /*! | |
| * Copyright 2015 Google Inc. All rights reserved. | |
| * | |
| * Licensed under the Apache License, Version 2.0 (the "License"); | |
| * you may not use this file except in compliance with the License. | |
| * You may obtain a copy of the License at | |
| * | |
| * http://www.apache.org/licenses/LICENSE-2.0 | |
| * | |
| * Unless required by applicable law or agreed to in writing, software |
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| /** | |
| * Description: Count a string (mixing English and Chinese characters) length. | |
| * A basic and rough function. | |
| * | |
| * Performance: | |
| * Multiple methods performance test on http://jsperf.com/count-string-length. | |
| * You can see that using regexp to check range is very slow from the above test page. | |
| */ | |
| function strLen(str) { | |
| var count = 0; |
$ git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git$ nano ~/.zshrcpath=('/path/to/depot_tools' $path)
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.