small and lightweight jquery alternaive
 |
 |
 |
|---|---|---|
| Lightweight Footprint | ES5 like | Cross-Browser |
Only  . Can also be included as an AMD module |
like ECMAScript 2009, also known as ES5, was the first major revision to JavaScript. | Chrome, Edge, Firefox, IE, Safari, Android, iOS, and more |
Photon is an alternative for jQuery:smile:. Unlike:-1: jQuery, Photon injects:arrow_down_small: some polyfills to built-in javascript objects. Websites can use latest javascript APIs with Photon👍👍👍. They can work on any modern browser(from Internet Explorer 7)😄. Photon will handle it from background:+1:. If you want to support older Browsers like Internet Explorer 8, Photon is perfect.
Compressed:zipper_mouth_face: and uncompressed:open_mouth: copies of Photon files are available. The uncompressed file is best used during development or de:bug:ing(debugging); the compressed file saves bandwidth and improves performance in production. You can also download a sourcemap file for use when de:bug:ging(debugging) with a compressed file. The map file is not required for users to run Photon, it just improves the developer's de:bug:ger(debugger) experience. As of Photon 1.11.0/2.1.0 the //# sourceMappingURL comment is not included in the compressed file.
To locally download these files, right-click:computer_mouse: the link and select "Save as..." from the menu.
Downloading Photon There are two versions of Photon available for downloading:
- Production version - this is for your live website because it has been minified and compressed
- Development version - this is for testing and development (uncompressed and readable code) Both versions can be downloaded from here.
The Photon library is a single JavaScript file, and you reference it with the HTML <script> tag (notice that the <script> tag should be inside the section):
- Production version
<head>
<script src="Photon.min.js"></script>
</head>- Development version
<head>
<script src="Photon.js"></script>
</head>Tip: Place the downloaded file in the same directory as the pages where you wish to use it.:exclamation:
Photon CDN If you don't want to download and host Photon yourself, you can include it from a CDN (Content Delivery Network).
JSDELIVR CDN
- Production version
<head>
<script src="https://cdn.jsdelivr.net/npm/@ksengine/photon/photon.min.js"></script>
</head>- Development version
<head>
<script src="https://cdn.jsdelivr.net/npm/@ksengine/photon/photon.js"></script>
</head>The static Date.now() method returns the number of milliseconds elapsed since January 1, 1970 00:00:00 UTC.
console.log( Date.now() );Call a local script on the server /api/getWeather with the query parameter zipcode=97201 and replace the element #weather-temp's html with the returned text.
var request = new XMLHttpRequest();
request.open('GET', '/api/getWeather', true);
request.onreadystatechange = function() {
if (this.readyState === 4) {
if (this.status >= 200 && this.status < 400) {
// Success!
document.getElementById( "weather-temp" ).innerHTML = "<strong>" + this.responseText + "</strong> degrees" ;
} else {
// Error :(
}
}
};
request.send();
request = null;Photon fixes following features
- XmlHTTPRequest - ajax polyfill(need some more patches)
- String.trim()
- Array.isArray()
- Array.forEach()
- Array.map()
- Array.filter()
- Array.reduce()
- Array.reduceRight()
- Array.every()
- Array.some()
- Array.indexOf()
- Array.lastIndexOf()
- JSON.parse()
- JSON.stringify()
-
Date.now()
-
"use strict" - (Hope todo)
-
Property Getters and Setters(Cannot impliment)
-
New Object Property Methods(TODO)
Star Photon -
Contribute -
<a href="https://icons8.com>icons by Icons8