/**
* @name MyNamespace
* @namespace Hold all functionality
*/
(function () {
"use strict";
/** @lends MyNamespace*/
var stlib = function (param, param, param) { ...All of my code...};
}());/**
* @module foobar
*/
/**
* @function
* @author Baa
* @name hello
* @description Output a greeting
* @param {String} name - The name of the person to say hello
*/
(function hello(name) {
/**
* @function
* @author Baz
* @inner
* @private
* @memberof module:foobar
* @description Check if the argument is a string (see: {@link module:foobar~hello})
* @param {String} string - The string
* @returns {String} Returns true if string is valid, false otherwise
*/
var isString = function checkString(string) { return typeof string === 'string'; };
if (isString(name))
console.log('Hello ' + name + '!');
}('Mr. Bubbles'));const items = [
{id: 1},
{id: 2, date: 13456},
{id: 3},
{id: 4, date: 29996},
{id: 5},
{id: 6, date: 73456},
{id: 7, date: 10000},
{id: 8, date: 1000}
];
console.warn(items);
const sortedItems = [...items].sort((a, b) => (!a.date) || (b.date && a.date > b.date));
console.warn(sortedItems);
const ITEMS_COUNT_PER_CLICK = 2;
const showButton = document.querySelector('a');
const items = document.querySelectorAll('li');
const itemsCount = items.length;
let i = ITEMS_COUNT_PER_CLICK;
for (; i < itemsCount; ++i) {
items[i].style.display = 'none';
}
i = ITEMS_COUNT_PER_CLICK;
const callback = (event) => {
if (i >= itemsCount) {
alert('nothing to show!');
//showButton.removeEventListener('click', callback);
//showButton.outerHTML = '';
return;
}
items[i++].style.display = '';
if (i < itemsCount) {
items[i++].style.display = '';
}
};
showButton.addEventListener('click', callback);<ul>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
<li>123456789</li>
</ul>
<a>Показать</a><style>
.ex>div{width:50%;display:inline-block}
.ex>div:nth-child(3n){width:100%}
</style>
<div class="ex">
<div>50</div><div>50</div>
<div>100</div>
<div>50</div><div>50</div>
<div>100</div>
<div>50</div><div>50</div>
<div>100</div>
<div>50</div><div>50</div>
<div>100</div>
</div>var thumbs = $(".small-photo").on("click", "img", function() {
var src = $(this).attr("src");
var dp = $(this).closest('li').find(".photo .active-img");
dp.attr("src", src);
});