Malik Dixon mdixon47

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

	var largestDifference = function(data) {
	var diff = data.length - 1,
	i;

	while(diff > 0) {
	for(i = 0; i + diff < data.length; i++) {
	if (data[i] <= data[i + diff]) {
	return diff;
	}
	}

	function pigLatin1(str){
	var words = str.split(' ');
	var result = [];
	for(var i = 0; i < words.length; i++){
	var word = words[i];
	var firstLetter = word.slice(0, 1);
	result.push(word.slice(1) + firstLetter + 'ay')
	}
	return result.join(' ');
	}

	function convert(str) {
	var html = {'&': '&', '<': '<', '>': '>', '\'': ''', '\"': '"'};
	return str.split('').map(function (e) { return html.hasOwnProperty(e) ? html[e] : e; }).join('');
	}

	convert('Dolce & Gabbana');

	// Convert the characters "&", "<", ">", '"' (double quote), and "'" (apostrophe), in a string to their corresponding HTML entities.

	function convert(str) {

	if (str.includes('&')){
	str = str.replace('&', '&amp');
	}
	else if (str.includes('<')) {
	str = str.replace('<', '&lt');
	}

	function pair(str) {
	var pairs = {G: 'C', C: 'G', A: 'T', T: 'A'};
	return str.split('').map(function (e) { return [e, pairs[e]]; });
	}

	pair("GCG");

	function translate(str) {
	vowels = ['a', 'e', 'i', 'o', 'u'];
	return vowels.indexOf(str[0]) > -1 ? str + 'way' :
	(function () {
	var first = str.split('').filter(function (e, i) {
	if (vowels.indexOf(e) > -1) return i;
	})[0];
	return str.slice(str.indexOf(first)) + str.slice(0, str.indexOf(first)) + 'ay';
	}());
	}

	function convert(num) {
	if (num === 0) return '';
	else if (num >= 10) return 'X' + convert(num - 10);
	else if (num === 9) return convert(num - 9) + 'IX';
	else if (num >= 5) return 'V' + convert(num - 5);
	else if (num === 4) return convert(num - 4) + 'IV';
	else return 'I' + convert(num - 1);
	}

	convert(36);

	function diff(arr1, arr2) {
	return arr1.filter(function (e) { return arr2.indexOf(e) < 0; }).concat(arr2.filter(function (e) { return arr1.indexOf(e) < 0; }));
	}

	diff([1, 2, 3, 5], [1, 2, 3, 4, 5]);

	function sumAll(arr) {
	function range(s, e) {
	if (e < s) return [];
	else return [e].concat(range(s, e - 1));
	}
	arr = arr[0] > arr[1] ? [arr[1], arr[0]] : arr;
	return range(arr[0], arr[1]).reduce(function (a, b) { return a + b; });
	}

	sumAll([1, 4]);