JSFiddle

  • Javascript Vue Sort By Properties

    Vue (edge), HTML, CSS, JavaScript

    const vm = new Vue({
    	el: 'main',
    	data: {
      	personas: [
        	{
          	nombre: 'Alfredo',
            edad: -122787869,
            hijos: 1
          },
          {
          	nombre: 'Ricardo',
            edad: -156674669,
            hijos: 4 ...
  • JAVASCRIPT REDUCE

    UtilizaciĆ³n de array.prototype.reduce()

    var data = [
      {
        "aviso": "Es necesario que confirme sus datos personales",
        "canal": "WEB",
        "fecha": "14/06/2017",
        "nif": "50294595N",
        "tipo": "Mi ...
  • Javascript recursividad

    funciones recursivas vs iteraciones

    function countdown(n) {
    	var secArray = []
      for (n; n >= 1; n--) {
      	secArray.push(n)
      }
    	return secArray
    }
    
    function rcountdown(n) {
    	if (!n ...
  • JAVASCRIPT FILTER

    No-Library (pure JS), HTML, CSS, JavaScript

    "use strict";
    var data = [
      {
        "aviso": "Es necesario que confirme sus datos personales",
        "canal": "WEB",
        "fecha": "14/06/2017",
        "nif": "50294595N ...
  • CSS Image adaptative

    No-Library (pure JS), HTML, CSS, JavaScript

    <img class="graph-responsive" src="https://i.ytimg.com/vi/zthTHupvtnU/hqdefault.jpg" alt="">
    <img class="img-responsive" src="http://sumedico.com/wp-content/uploads/2016/06/C%C3%B3mo_saber_si_tu_gato_te_quiere.jpg" alt="">
    
    
    
    
  • GroupBy Object Alternative 2 #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    "use strict";
    
    Array.prototype.groupBy = function (prop) {
      return this.reduce(function (groups, item) {
        var val = item[prop];
        groups[val] = groups ...
  • VueJS Custom directives #1 is the latest revision

    Directive active

    Vue.directive('active', {
    	bind: function (el, binding, vnode) {
      	if (binding.value) el.classList.add('active')
        else el.classList.remove('active ...
  • Placeholder Avatars

    jQuery (edge), HTML, CSS, JavaScript

    String.prototype.hashCode = function() {
    			var hash = 0,
    						i, chr, len;
    			if (this.length == 0) return hash;
    			for (i = 0, len ...
  • crypt.io implements secures browser storage

    No-Library (pure JS), HTML, CSS, JavaScript

    !function(a,b){"use strict";var c=c||function(){var d={encrypt:!0,passphrase:"",storage:"local"},e=e||{init:function ...
  • VueJS ejercicio

    Vue (edge), HTML, CSS, JavaScript

    'use strict'
    
    const vm = new Vue({
        el: 'main', // https://vuejs.org/v2/api/#el
        //template: '', // https://vuejs.org/v2/api ...