geckojs

JS Library, with the most usually tools in your project, like String to Int convertions, array operations, async functions, promises, callbacks, ES6 implementation, HTTP request, AJAX, data convertions, data parsers, JSON, responsive design, dom manipulation, etc.

We have 1ms per loop vs 5ms per loop for jQuery

Installation (Basic and Compressed)

See the oficial documentation at GeckoJs Page

npm i geckojs

---

git clone https://github.com/BlobySoftware/GeckoJS.git

Latest Features:

* Get absolute offset from the top of the window

* Select list of choised elements

* New event outClick, check if you click outside of an element

-------------

Documentation (Summary of Updates)

Selectors:

Base form: You can select one element, or list of elements with class

g("yourElement").event("yourEvent", () =>{
  //Do something ...
  
});
 
g(["yourEl1", "yourEl2", "yourEl3", "... etc"]).event("yourEvent", () =>{
  //Do something ...
  
});
 

You can select what element you want:

//If you want only one element of a list with classes
 
let number = 2;
g("class", number).event("yourEvent", () =>{
  //Do something ...
  
});

And you can select a range of a list with elements

//If you want to select a range: from first element to 7th element with '.class'
 
let limiter = 7;
g(".class", [limiter]).event("yourEvent", () =>{
  //Do something ...
  
});

Select a range of elements in a list with [Max, Min] or [Min, Max] it doesn't matter

//If you want to select a range: from 3th element to 8th element with '.class'
 
let min = 3, max = 8;
 
g(".class", [max, min]).event("yourEvent", () =>{
  //Do something ...
  
});
 
// OR
 
g(".class", [min, max]).event("yourEvent", () =>{
  //Do something ...
  
});
 

Feature:

* If you select negative coeficient (-1) is the inverted position of an element

Example:
10 elements with '.class'

g(".class", [3, -2]).event("yourEvent", () =>{
  //Do something ...
  
}); //Return from 3th element to 9th element

Convertions:

---

Numbers:

---

let n = 3457;
n.toString(); //Returns "3457"
n.toArray(); //Returns [3, 4, 5, 7]
n.toObject(); //Returns {3:5,5:7}
n.toObject(true); //Returns {0:"3", 1:"5", 2:"5", 3:"7"}

---

Arrays:

---

let arry = ["g", "J", "S", "v.", 1];
arry.toString(); //Returns "gJSv.1"
 
let arry2 = ["3", 5, "1", 8];
arry2.toInt(); //Returns 3518
 
let arry3 = ["name", "gJS", "version", "1.0"];
arry3.toObject(); //Returns {name: "gJS", version: "1.0"}
arry3.toObject(true); //Returns {0: "name", 1: "gJS", 2:"version", 3:"1.0"}

---

Strings:

---

let str = "1536";
str.toInt(); //Returns 1536
str.toArray(); //Returns [1, 5, 3, 6]
str.toObject(); //Returns {1: "5", 3: "6"}
str.toObject(true); //Returns {0: "1", 1: "5", 2:"3", 3:"6}

---

Objects:

---

let obj = {name : "Gecko", type: "JavaScript"};
obj.toString() //Returns "name:Gecko, type:JavaScript";
 
let obj3 = {job : "Enginer", weight: "73kg"};
obj3.toArray() //Returns ["job", "Enginer", "weight", "73kg"];

---

Methods:

---

You dont need to load all the stupid properties in one object, with GeckoJS you just load one method

Ussually:

* Css, Attr, Class, Events

* Find, HTML, Text

* Animates, Hover

g("#myEl").event("click", () =>{
  g("#child").find("strong").css("background:red");
});

---

All rights reserved

GeckoJs is developed by BlobySoftware®, GeckoJs use Minifit app to a better JavaScript code and compressions.