iljaGolubev

function createTable(i, data){
 const div = document.createElement("div");
 div.classList.add('data' + [i]);
 document.body.append(div); // тут!
 div.innerHTML =  i + "  <pre>"  + JSON.stringify(data,null,'  ' ) + "</pre>"; 
}

const t= document.createElement('table')
function addRow(table, index, json){
    const row=document.createElement('tr')
    const cell=document.createElement('td')
    cell.innerHTML= i + "  <pre>"  + JSON.stringify(json,null,'  ' ) + "</pre>"
    row.appendChild(cell)
    table.appendChild(row)
}

// ваши реквесты
for(let i=0; i<count; i++) {
...
    addRow(1,data)
...
}

o=[1,2,3];
console.log('o.len : ',o.length)
// можно убрать && i<10
for(let i=0;i<o.length && i<10; i++){
    o.splice(i+1,0,'added_'+i);
    console.log('NEW o.len : ',o.length)
}

через php дописать get параметр в адресной строке

//псевдо
if REFERRER has ?сity=mos
     return redirect REQUEST?сity=mos

т.е. на странице https://domen.ru/test/?сity=mos
ссылка должна быть сразу https://domen.ru/test_2/?сity=mos

use Illuminate\Database\Eloquent\Casts\Attribute;

class Order extends Model{

    protected $casts = ['date_time' => 'datetime:Y-m-d H:00'];

    function dateTime(): Attribute
    {
         return Attribute::make(
            get: fn () => $this->castAttribute(
                  'date_time',
                  ($this->date ?: '1970-01-01') . ' ' . ($this->time ?: '10:00:01')
               )
            )
        );
    }

}

# php artisan tinker
App\Models\Order::first()->date_time;
# = Illuminate\Support\Carbon @0 {#7053
#   date: 1970-01-01 00:00:00.0 UTC (+00:00),
#  }

//Псевдокод. не проверял.

$lastProductIndex=100000;
// сначала нужно дочитать до <products>
// потом перебирать <product>
while($xmlReader->next("product") && --$lastProductIndex) {
    // skip
}
if($lastProductIndex==0){
    // тут последний обработанный прошлый раз
}else{
    // продуктов стало меньше? 
}

->orderByRaw('CASE isread WHEN 0 THEN 0 ELSE 1 END, last_message_time DESC')

ORDER BY FIELD(id, 100, 100500, 300), last_message_time

<table id="example" width="70%" style=" white-space: pre-wrap;">
    <thead>
        <tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th></tr>
    </thead>
    <!-- ... -->

$('#example').DataTable( {
    autoWidth: false,
    columnDefs: [
        { targets: '_all', "width": "1%" }
    ]
} );

function aggregator (a, c, maxChars){
    if (a[0].textContent.length > maxChars) {
        a[1].appendChild(c)
    } else if (c.children?.length > 0) {
        const agg = spanParse(c, maxChars - a[0].textContent.length);
        a[0].appendChild(agg[0])
        if (agg[1]) {
            a[1].appendChild(agg[1])
        }
    } else {
        a[0].appendChild(c)
    }
    return a;
}
function spanParse(rootSpan, maxChars) {
    const aggregated = [document.createElement('span'), document.createElement('span')]
    return [...rootSpan.childNodes].reduce((a, c) => aggregator(a, c, maxChars), aggregated)
}
function split(elem) {
    const r = spanParse(elem, elem.textContent.length / 2)
    console.log(r[0].textContent.length, r[1].textContent.length)
}

split(document.getElementByTag('span'));

const readAsDataURL = (image) => {
  const fr= new FileReader();
  return new Promise((resolve, reject) => {
    fr.onerror = () => {  fr.abort();  reject(new Error( 'err msg' ));  };

    fr.onload = () => { resolve(fr.result); };
    fr.readAsDataURL(image)
  });
};


[...selectedImages].map( async (image, index) => {
   const data =  await readAsDataURL(image)
   return (<img src={data} alt="" key={`previewImage:${index}`} />
})