fomichigo

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({

fomichigo

tmux cheat sheet

(C-x means ctrl+x, M-x means alt+x)

Prefix key

The default prefix is C-b. If you (or your muscle memory) prefer C-a, you need to add this to ~/.tmux.conf:

remap prefix to Control + a

fomichigo

Webdriver PHP API workthough

• Open a browser

  # start an instance of firefox with selenium-webdriver
  
  $browser_type = 'firefox'
  $host = 'http://localhost:4444/wd/hub'
  

$capabilities = array(\WebDriverCapabilityType::BROWSER_NAME => $browser_type);

fomichigo

// Implementation in ES6
function pagination(c, m) {
    var current = c,
        last = m,
        delta = 2,
        left = current - delta,
        right = current + delta + 1,
        range = [],
        rangeWithDots = [],
        l;

fomichigo

Array<T>

Legend:

• ✏️ method changes this.
• 🔒 method does not change this.

Array<T>.prototype.*:

• concat(...items: Array: T[] 🔒 ^ES3

fomichigo

<?php
/**
 * UUID class
 *
 * The following class generates VALID RFC 4122 COMPLIANT
 * Universally Unique IDentifiers (UUID) version 3, 4 and 5.
 *
 * UUIDs generated validates using OSSP UUID Tool, and output
 * for named-based UUIDs are exactly the same. This is a pure
 * PHP implementation.

fomichigo

function declOfNum(number, titles) {  
    cases = [2, 0, 1, 1, 1, 2];  
    return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];  
}

use:
declOfNum(count, ['найдена', 'найдено', 'найдены']);

fomichigo

// Q sample by Jeff Cogswell

/*===========
 We want to call these three functions in sequence, one after the other:
 
 First we want to call one, which initiates an ajax call. Once that ajax call
 is complete, we want to call two. Once two's ajax call is complete, we want to call three.
 
 BUT, we don't want to just call our three functions in sequence, as this quick 
 demo will show. Look at this sample function and think about what order 

fomichigo

<?php

function json_response($message = null, $code = 200)
{
    // clear the old headers
    header_remove();
    // set the actual code
    http_response_code($code);
    // set the header to make sure cache is forced
    header("Cache-Control: no-transform,public,max-age=300,s-maxage=900");

fomichigo

(function (ko, handlers, unwrap, extend) {
    "use strict";
    extend(handlers, {
        href: {
            update: function (element, valueAccessor) {
                handlers.attr.update(element, function () {
                    return { href: valueAccessor() };
                });
            }
        },