Go-native
Javascript polyfills which let you use native javascript. Rewrite with ES2015 module.
CSS3 selectors, CSS3 media queries, ES5 extensions and a bunch of DOM utilities.
Tested on IE 8+, Firefox 17+, Chrome 15+, Safari 4+, Opera 10+.
Install
bower install go-native --save
Contents
go-native.ie8
- NWMatcher (for selectivizr)
- selectivizr
- respond.js
- ES5 Array (
every
,filter
,forEach
,indexOf
,lastIndexOf
,map
,reduce
,reduceRight
,some
), Date (now
,parse
,toISOString
,toJSON
), Function (bind
), Object (create
,defineProperties
,defineProperty
,freeze
,getOwnPropertyDescriptor
,getOwnPropertyNames
,getPrototypeOf
,isExtensible
,isFrozen
,isSealed
,keys
,preventExtensions
,seal
) and String (trim
) extensions - Event-related methods:
preventDefault
stopPropagation
- EventTarget methods:
addEventListener
removeEventListener
- Element-related properties:
el.childElementCount
el.firstElementChild
el.lastElementChild
el.nextElementSibling
el.previousElementSibling
- Node-related properties:
node.textContent
- Window-related properties/methods:
window.getComputedStyle
window.innerWidth
window.innerHeight
window.pageXOffset / window.scrollY
window.pageYOffset / window.scrollX
go-native
- ES5 methods:
Number.isNaN
String.prototype.repeat
- Element-related properties:
el.classList
- Node-related properties:
ChildNode.remove
- Length
- requestAnimationFrame
- optimizedResize
- extend
- isNodeList
- DOM related utilities
- DOM.ready
- isInViewport
- indexOf
- getOuterWidth
- getOuterHeight
- getOffsetLeft
- getOffsetTop
- getSupportedProp
- getClosest
- getParents
- getParentsUntil
- getSiblings
- createElement
- append
- prepend
- wrap
- wrapAll
- unwrap
Usage
import
go-native in your script (make sure link to src folder, not dist folder)
;
Or add go-native.js and go-native.ie8.js to your page.
<!--[if (lt IE 9)]> <script src="path/to/go-native.ie8.js"></script><![endif]-->
Methods
DOM.ready
gn;
isInViewport
var el = document;if gn // when element is in viewport // do something
indexOf
var index list = document current = document; index = gn;
getOuterWidth
// content + padding + border + marginvar box = document boxWidth = gn;
getOuterHeight
// content + padding + border + marginvar box = document boxHeight = gn;
getWidth
// content widthvar box = document boxWidth = gn;
getHeight
// content heightvar box = document boxHeight = gn;
getOffsetLeft
var box = document boxLeft = gn;
getOffsetTop
var box = document boxTop = gn;
getSupportedProp
var transitionDuration = gn;console;
getClosest
var element = document red = gn;
getParents
var element = document red = gn;
getParentsUntil
getSiblings
var element = document siblings = gn;
createElement
var el = gn;
append
var container = document;gn;gn;
prepend
var container = document;gn;gn;
wrap
var p = doc div = doc;gn;
wrapAll
var p = doc div = doc;gn;
unwrap
var container = doc;gn;
Credit:
NWMatcher
from dperini.
selectivizr
from keithclark.
respond
from scottjehl.
Length
from heygrady.
requestAnimationFrame
from darius.
indexOf
from HubSpot/youmightnotneedjquery.
ES5 Array, Function, Date, Object and String extensions from 280north/narwhal.
preventDefault
, stopPropagation
, addEventListener
, removeEventListener
, node.textContent
and optimizedResize
from the Mozilla Developer Network.
el.classList
, el.childElementCount
, el.firstElementChild
, el.lastElementChild
, el.nextElementSibling
, el.previousElementSibling
, ChildNode.remove
, window.getComputedStyle
, window.innerWidth
, window.innerHeight
, window.pageXOffset
, window.pageYOffset
, Array.isArray
, Number.isNaN
and String.prototype.repeat
from Alhadis.
DOM.ready
, isInViewport
, getClosest
, getParents
, getParentsUntil
and getSiblings
from Chris Ferdinandi.
License
This project is available under the MIT license.