| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
| /** | |
| * Lightweight script to detect whether the browser is running in Private mode. | |
| * @returns {Promise<boolean>} | |
| * | |
| * Live demo: | |
| * @see https://output.jsbin.com/tazuwif | |
| * | |
| * This snippet uses Promises. If you want to run it in old browsers, polyfill it: | |
| * @see https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js | |
| * |
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
| " ---------------------------------------------------------------------------- | |
| " vimawesome.com | |
| " ---------------------------------------------------------------------------- | |
| function! VimAwesomeComplete() abort | |
| let prefix = matchstr(strpart(getline('.'), 0, col('.') - 1), '[.a-zA-Z0-9_/-]*$') | |
| echohl WarningMsg | |
| echo 'Downloading plugin list from VimAwesome' | |
| echohl None | |
| ruby << EOF | |
| require 'json' |
| /* | |
| * 這是神人大大剛剛發的JS | |
| * 我稍微分析了一下 | |
| * 請各位不要幹這種無腦的事情 | |
| * 還好他很 ______ 的只會讓你追蹤他，按他讚，Tag更多好友中標 | |
| * 如果今天神人大大是真正的Hacker.... | |
| * 他可以偷走你的個人資料，對你的帳號做各種奇怪的事情 | |
| * Ex：對你的好友發送詐騙訊息，把你加入奇怪的社團 | |
| * 在瀏覽器內執行來路不明的 JavaScript 是非常危險的... | |
| */ |