FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.
Recently when refactoring a Vue 1.0 application, I utilized ES6 arrow functions to clean up the code and make things a bit more consistent before updating to Vue 2.0. Along the way I made a few mistakes and wanted to share the lessons I learned as well as offer a few conventions that I will be using in my Vue applications moving forward.
The best way to explain this is with an example so lets start there. I'm going to throw a rather large block of code at you here, but stick with me and we will move through it a piece at a time.
<script>
// require vue-resource...
new Vue({| # Paths {{{ | |
| set folder = ~/Mail # mailbox location | |
| set alias_file = ~/.mutt/alias # where to store aliases | |
| set header_cache = ~/.mutt/cache/headers # where to store headers | |
| set message_cachedir = ~/.mutt/cache/bodies # where to store bodies | |
| set certificate_file = ~/.mutt/cerficates # where to store certs | |
| set mailcap_path = ~/.mutt/mailcap # entries for filetypes | |
| set tmpdir = ~/.mutt/temp # where to keep temp files | |
| set signature = ~/.mutt/sig # my signature file |
The best way to create a multiline string template variable which has variables within it and contains double quotes.
IMPORTANT: The variable inserts must be assigned before the string template is declared and before it's used! EACH TIME THE INSERTS ARE MODIFIED, THE TEMPLATE MUST BE RE-RECLARED! For this reason it's sometimes handy to put the template def inside a function so you can call/re-call it before using it.
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
On mac:
/usr/local/bin.
This gist will show the support of BiDirectional text in the terminal emulators and console programs. You can read more about the standardization efforts at the dedicated page of FreeDesktop Terminal BiDi working group.
| Logical Order | ◀ ◀ ◀ RTL | LTR ▶ ▶ ▶ |
|---|---|---|
| WHAT IS UNICODE؟ in arabic | in arabic ؟EDOCINU SI TAHW | ؟EDOCINU SI TAHW in arabic |
| ما هو الترميز الموحد يونيكود؟ in Arabic | ما هو الترميز الموحد يونيكود؟ in Arabic |
| # Caesar cipher encoding | |
| echo "THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG" | tr '[A-Z]' '[X-ZA-W]' | |
| # output: QEB NRFZH YOLTK CLU GRJMP LSBO QEB IXWV ALD | |
| # Caesar cipher decoding | |
| echo "QEB NRFZH YOLTK CLU GRJMP LSBO QEB IXWV ALD" | tr '[X-ZA-W]' '[A-Z]' | |
| # output: THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG | |
| # Can also be adjusted to ROT13 instead |
| "10 ways to make university IT assignments more relevant to industry." | |
| 1) Change the assignment several times while students are working on it. | |
| 2) Assign 5 new members to the team 2 days before the assignment is | |
| due, claiming extra resources are needed. The students are told that | |
| 'mythical man month' does not apply in this case because of awesome | |
| management skills. | |
| 3) Have the best programmer in the team designated 'programmer'. Then |