Skip to content

Commit

Permalink
Code refactoring
Browse files Browse the repository at this point in the history
  • Loading branch information
mai.tan committed Apr 18, 2019
1 parent 8a7c449 commit 71cb9e3
Show file tree
Hide file tree
Showing 2 changed files with 37 additions and 32 deletions.
67 changes: 36 additions & 31 deletions assets/helpers.js
View file
Expand Up @@ -32,25 +32,24 @@
* SOFTWARE.
*
*/
(function (window, document, console, name) {

(function(window, document, console, name) {

var PROJECT_URL = 'https://github.com/shinsenter/';
var PROJECT_NAME = 'defer.js';
var CLASS_PREFIX = 'defer-';
var CLASS_SUFFIX = 'deferjs';
var DATA_PREFIX = 'data-';
var PROJECT_URL = 'https://github.com/shinsenter/';
var PROJECT_NAME = 'defer.js';
var CLASS_PREFIX = 'defer-';
var CLASS_SUFFIX = 'deferjs';
var DATA_PREFIX = 'data-';

var JQUERY = 'jQuery';
var NOOP = Function();
var GET_ATTRIBUTE = 'getAttribute';
var IS_CHROME = typeof window.chrome == 'object' && window.navigator.userAgent.indexOf('Trident/') == -1;

var COMMON_EXCEPTIONS = ':not([' + DATA_PREFIX + 'lazied]):not([' + DATA_PREFIX + 'ignore])';
var COMMON_SELECTOR = '[' + DATA_PREFIX + 'src]' + COMMON_EXCEPTIONS;
var COMMON_EXCEPTIONS = ':not([' + DATA_PREFIX + 'lazied]):not([' + DATA_PREFIX + 'ignore])';
var COMMON_SELECTOR = '[' + DATA_PREFIX + 'src]' + COMMON_EXCEPTIONS;

var ADD_EVENT_LISTENER = 'addEventListener';
var LOAD_EVENT = 'load';
var LOAD_EVENT = 'load';

var IMG_SELECTOR = [
'img' + COMMON_SELECTOR,
Expand All @@ -60,27 +59,29 @@

var IFRAME_SELECTOR = [
'iframe' + COMMON_SELECTOR,
'frame' + COMMON_SELECTOR,
'audio' + COMMON_EXCEPTIONS,
'video' + COMMON_EXCEPTIONS
'frame' + COMMON_SELECTOR,
'audio' + COMMON_EXCEPTIONS,
'video' + COMMON_EXCEPTIONS
].join(',');

var helper = {
c: CLASS_PREFIX + 'lazied',
l: CLASS_PREFIX + 'loading',
d: CLASS_PREFIX + 'loaded',
h: document.getElementsByTagName('html').item(0),
h: document.getElementsByTagName('html')
.item(0),
t: 10
};

var log = (console.log || NOOP).bind(console);
var defer = window.defer || NOOP;
var deferimg = window.deferimg || NOOP;
var log = (console.log || NOOP)
.bind(console);
var defer = window.defer || NOOP;
var deferimg = window.deferimg || NOOP;
var deferiframe = window.deferiframe || NOOP;
var old_ready;

function copyright () {
var text = '%c shinsenter %c '+PROJECT_NAME+' ';
function copyright() {
var text = '%c shinsenter %c ' + PROJECT_NAME + ' ';
var common = 'font-size:16px;color:#fff;padding:4px;border-radius:';
var style1 = common + '4px 0 0 4px;background:#2a313c';
var style2 = common + '0 4px 4px 0;background:#e61e25';
Expand Down Expand Up @@ -110,7 +111,7 @@
* @returns {function} Return a new function
*/
function debounce(func, delay, throttle, ticker) {
return function() {
return function () {
var context = this;
var args = arguments;

Expand All @@ -119,7 +120,7 @@
}

if (!throttle || !ticker) {
ticker = setTimeout(function() {
ticker = setTimeout(function () {
ticker = null;
func.apply(context, args);
}, delay);
Expand All @@ -131,15 +132,15 @@
* Add/remove element classnames
*/
function classFilter(haystack, needle) {
return haystack.split(' ').filter(function(v) {
return haystack.split(' ').filter(function (v) {
return v != '' && v != needle;
});
}

function addClass(element, classname) {
var c = classFilter(element.className, classname);
c.push(classname);
element.className=c.join(' ');
element.className = c.join(' ');
}

function removeClass(element, classname) {
Expand All @@ -152,8 +153,8 @@
function mediafilter(media) {
var timer,
match,
src = media[GET_ATTRIBUTE](DATA_PREFIX + 'src'),
pattern =/(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
src = media[GET_ATTRIBUTE](DATA_PREFIX + 'src'),
pattern = /(?:youtube(?:-nocookie)?\.com\/(?:[^/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;

addClass(media, helper.l);

Expand All @@ -168,7 +169,7 @@
}

if ((match = pattern.exec(src)) !== null) {
media.style.background = 'transparent url(https://img.youtube.com/vi/'+match[1]+'/hqdefault.jpg) 50% 50% / cover no-repeat';
media.style.background = 'transparent url(https://img.youtube.com/vi/' + match[1] + '/hqdefault.jpg) 50% 50% / cover no-repeat';
}

if (media.hasAttribute(DATA_PREFIX + 'ignore') ||
Expand All @@ -182,11 +183,15 @@
}

function imgloader() {
deferimg(IMG_SELECTOR, helper.t, helper.c, mediafilter, {rootMargin: '150%'})
deferimg(IMG_SELECTOR, helper.t, helper.c, mediafilter, {
rootMargin: '150%'
});
}

function iframeloader() {
deferiframe(IFRAME_SELECTOR, helper.t, helper.c, mediafilter, {rootMargin: '200%'})
deferiframe(IFRAME_SELECTOR, helper.t, helper.c, mediafilter, {
rootMargin: '200%'
});
}

function defermedia() {
Expand All @@ -195,11 +200,11 @@
}

function deferscript() {
if(!old_ready && JQUERY in window && 'fn' in window[JQUERY]) {
old_ready = window[JQUERY].fn.ready;
if (!old_ready && JQUERY in window && 'fn' in window[JQUERY]) {
old_ready = window[JQUERY].fn.ready;

window[JQUERY].fn.ready = function (fn) {
defer(function() {
defer(function () {
old_ready(fn)
});

Expand Down
2 changes: 1 addition & 1 deletion public/helpers.min.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 71cb9e3

Please sign in to comment.