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
| /*! | |
| * 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 |
Inspired by dannyfritz/commit-message-emoji
See also gitmoji.
| Commit type | Emoji |
|---|---|
| Initial commit | 🎉 :tada: |
| Version tag | 🔖 :bookmark: |
| New feature | ✨ :sparkles: |
| Bugfix | 🐛 :bug: |
| window.addEventListener('pageshow', function(e) { | |
| if (e.persisted) {// 从缓存加载 | |
| //... | |
| } | |
| }, false); | |
| //jquery中没有这个对象，需要用原生事件对象 | |
| $(window).bind("pageshow", function(event) { | |
| if (event.originalEvent.persisted) { |
| // 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; | |
| } |
| # 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" |
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)
| #!/bin/bash | |
| # Immediately exits if any error occurs during the script | |
| # execution. If not set, an error could occur and the | |
| # script would continue its execution. | |
| set -o errexit | |
| # Creating an array that defines the environment variables | |
| # that must be set. This can be consumed later via arrray |
| // Forked from https://codepen.io/gapcode/pen/vEJNZN | |
| // Get IE or Edge browser version | |
| var version = detectIE(); | |
| if (version === false) { | |
| document.getElementById('result').innerHTML = '<s>IE/Edge</s>'; | |
| } else if (version >= 12) { | |
| document.getElementById('result').innerHTML = 'Edge ' + version; | |
| } else { |