Stalker_RED

LIKE '%088%' выберет все строки, в которых содержится '088', в том числе, в середине строки.
LIKE '088%' выберет все строки которые начинаются на '088'.
LIKE '%088' выберет все строки которые заканчиваются на '088'.
LIKE '088' будет искать полное совпадение. То-же самое можно записать через '='

SELECT * FROM tableName WHERE fieldName='088'

Получить все img из документа:
document.querySelectorAll('img')

Перебрать их (forEach, map, filter - что я вам больше подходит)

Вытащить нужные свойства как-то так:

let images = [].slice.call(document.querySelectorAll('img'))
images.forEach((img, i)=>{
  console.log(
    'image #' + i,
    ' width=' + img.width,
    ' height=' + img.height,
    ' src=' + img.src
  )
})

Демо: https://jsfiddle.net/j5jjqraj/

Если вам нужны ВСЕ свойства, то их тоже можно перебрать циклом.

let img = document.querySelector('img')

for(let propertyName in img) {
	let value = img[propertyName]
  console.log(propertyName, ':', value)
}

Демо: https://jsfiddle.net/vx39wfzh/

Основная идея в том, чтобы использовать let по умолчанию для всех переменных которые не нужны за пределами блока. И const для всех констант.

Это поможет сделать код чище и избавит от странного, хоть и уже привычного поведения, примеры которого есть на MDN, например.

Вы никогда не попадали в ситуацию, когда при использовании for(var i = 0; ... ) оказывалось, что переменная i уже используется, и цикл работает не так как надо?

А c let работает! https://jsfiddle.net/twebLy25/

Создать один элемент в секунду? Для большинства клиентов это не проблема, если конечно страница не слишком тяжелая и не происходит полный reflow и/или repaint. А чтобы понять сколько нагрузки добавит анимация, проще сделать и протестировать.

Оптимизация - рисовать всю красоту внутри одного холста, а не создавать новые каждую секунду.

Благодаря чудесному Element.getBoundingClientRect() можно получить расстояние от внешних границ элемента верхней левой точки вьюпорта. И, зная размер вьюпорта мы легко можем понять, находится ли этот элемент в нем.

function isElementInViewport (el) {
    var rect = el.getBoundingClientRect();

    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
}

Источник: stackoverflow.com/questions/123999/how-to-tell-if-...

document.addEventListener('DOMContentLoaded', function(){
 // сработает когда будет загружен весь html
 // как и jQuery.ready() или jQuery.on('ready')
});

window.onload = function(){
  // сработает когда будет загружен весь html, стили и картинки
  // как и $(window).load() или $(window).on('load', function(){})
}

Потому что self.stop();, и при этом переменная self не объявлена.

Так вот работает: https://jsfiddle.net/o940649p/2/

P.S: Когда-то делал похожую штуку, можете посмотреть https://jsfiddle.net/Stalk/mLu8v4k6/

Да, в input[type=file] можно добавить свои данные. Свойство dataset именно для таких случаев и существует.

var el = document.querySelector('input[type=file]');
el.dataset.mySuperPuperCustomData = 42;

Демо: https://jsfiddle.net/63x1jqq4/

P.S.
Ну и конечно-же вы можете повесить несколько обработчиков click на вашу кнопку. Но еще круче, повесить один на все кнопки!

$('#my_form').on('click', '.btn-image-delete', function(){
    /* эта ф-ция привязана не к куче ваших кнопок, а к форме.
        При клике на что-то, что находится внутри формы
        и имеет класс .btn-image-delete она выполнится
    */
     var btn = $(this)
     btn.closest('.img-block').remove()
})

Так достаточно коротко?

var d=document,c='createElement',e='div',div1=d[c](e),div2=d[c](e),div3=d[c](e),div4=d[c](e),div5=d[c](e);

https://jsfiddle.net/uuqwvxpo/

Еще можно так:

var div1 = document.createElement('div'),
div2 = div1.cloneNode(),
div3 = div1.cloneNode(),
div4 = div1.cloneNode(),
div5 = div1.cloneNode();

https://jsfiddle.net/7fvste8u/

И еще короче:

var c='cloneNode',
div1 = document.createElement('div'),
div2 = div1[c](),
div3 = div1[c](),
div4 = div1[c](),
div5 = div1[c]()

var c='cloneNode',d=div1=document.createElement('div'),div2=d[c](),div3=d[c](),div4=d[c](),div5=d[c]()

var d=div1=document.createElement('div'),c=()=>d.cloneNode(),div2=c(),div3=c(),div4=c(),div5=c()

var c=()=>document.createElement('div'),div1=c(),div2=c(),div3=c(),div4=c(),div5=c()

Горшочек, не вари!

Вообще, нужно искать какой-то баланс между краткостью и читаемостью. Вручную JS обжимать не модно, есть же готовые минификаторы.

var urls2 = urls.map(url => url + '/index.html')

Демо: https://jsfiddle.net/dt1ckhvx/

Очень крутой вопрос, прямо хочется бегать по кругу, размахивать руками и кричать.
Ну... как-бы... ВСЕХ дыр стоит остерегаться!
И того, что вам вместо аватарки шеллскрипт зальют, и того, что вместо поискового запроса будет sql инъекция, и того, что в вашу форму с оплатой заказа прилетит "левый" запрос сформированный при помощи XSS. И это не полный список возможных неприятностей, если что. А полный список будет сильно зависеть от того, какие вообще злоумышленник сможет делать запросы и есть ли в обработчиках этих запросов хоть какие-то проверки.

Общие правила примерно такие:
1. Проверяйте и/или фильтруйте все данные, которые приходят со стороны пользователя
1a. Убедитесь, что эти запросы не ddos, не брутфорс и не xss.
2. Наймите хорошего сисадмина, который будет следить за безопасностью и обновлениями OS и компонентов вебсерера.

Конечно, если ваш сайт не представляет интереса для "крутых хакеров™", то можно на все это просто забить и довольствоваться защитой Неуловимого Джо.

Все способы перебора массива в JavaScript
Возможно, вам подойдет for .. in

В зависимости от задачи, может выйти что больше подходит mar, reduce, filter или что-то еще.

К примеру, если мне нужно выбрать из этого списка все значения, которые начинаются на букву "а", логично было бы использовать filter. А если нужно проверить, все ли значения больше нуля - every.