@ksengine/photon

v1.0.2

Published

2 years ago

small and lightweight jquery alternaive polyfill

Downloads

0High
0Medium
0Low

ksengine

small lightweight polyfill es5 jquery

:star2: Photon

small and lightweight jquery alternaive

What is Photon?

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:+1::+1::+1:. They can work on any modern browser(from Internet Explorer 7):smile:. Photon will handle it from background:+1:. If you want to support older Browsers like Internet Explorer 8, Photon is perfect.

Start using Photon

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.

Download:arrow_down: and include

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 tag (notice that the 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:

Using with a CDN

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>

A Brief Look

Date

The static Date.now() method returns the number of milliseconds elapsed since January 1, 1970 00:00:00 UTC.

console.log( Date.now() );

Ajax example

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;

Supported Features

Photon fixes following features

Ajax

[x] XmlHTTPRequest - ajax polyfill(need some more patches)

String - `""`

[x] String.trim()

Array - `[]`

[x] Array.isArray()
[x] Array.forEach()
[x] Array.map()
[x] Array.filter()
[x] Array.reduce()
[x] Array.reduceRight()
[x] Array.every()
[x] Array.some()
[x] Array.indexOf()
[x] Array.lastIndexOf()

JSON - `{ "id" : 5 } -> '{ "id" : 5 }'`

[x] JSON.parse()
[x] JSON.stringify()

Date - `July 20, 69 00:20:18 GMT+00:00`

[x] 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

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme