performance 相关问题

我用 php 从数据库生成一个列表。每一行都嵌入了js函数。正如您在代码中看到的那样，我必须交互函数和变量以使它们按行工作。我用 php 从数据库生成一个列表。每一行都嵌入了js函数。正如您在代码中看到的那样，我必须交互函数和变量以使它们按行工作。 <table id="mySEARCH" class="shoppinglist-content">   <?php if(isset($_COOKIE['shoppinglist'])){ $list = $_COOKIE['shoppinglist']; $stmt = $pdo->prepare("SELECT * FROM `$list`"); $stmt->execute(); $x = 0; foreach($stmt as $item) { $x++;?> <tr id="line<?php echo $x;?>" style="opacity: 1.0;"> <td><button id="activ<?php echo $x;?>" class="btn-hide-row" name='activ' onclick="hiddenLine<?php echo $x;?>();" value="true"><img class="list-icon" id="visibility<?php echo $x;?>" src="images/icon-invisible.png" /></button></td> <form action='calculate.php' method='post'> <td class="pcs-unit-list"><?php echo $item['pieces']." ".$item['unit']?></td> <td name='item' class="shop-list-item" id="item"><?php echo $item['item']?></td> <td class="brand-list"><input type='text' id="brand<?php echo $x;?>" class="brand-list" name='brand' value="<?php echo $item['brand']?>" onkeyup="editSave<?php echo $x;?>(), success()"></td> <td class="kind-list"><select class="shoppinglist-kind" name='item-kind' id="item-kind<?php echo $x;?>" onchange="editSave<?php echo $x;?>(), success()"> <option value=""></option> <option value="Gemüse" <?php if($item['kind'] == "Gemüse") echo "selected"?>>Gemüse</option> <option value="Obst" <?php if($item['kind'] == "Obst") echo "selected"?>>Obst</option> <option value="Fleisch" <?php if($item['kind'] == "Fleisch") echo "selected"?>>Fleisch</option> <option value="Fisch" <?php if($item['kind'] == "Fisch") echo "selected"?>>Fisch</option> <option value="Getreideprod." <?php if($item['kind'] == "Getreideprod.") echo "selected"?>>Getreideprod.</option> <option value="Milchprod." <?php if($item['kind'] == "Milchprod.") echo "selected"?>>Milchprod.</option> <option value="Gewürze" <?php if($item['kind'] == "Gewürze") echo "selected"?>>Gewürze</option> <option value="Knabbern" <?php if($item['kind'] == "Knabbern") echo "selected"?>>Knabbern</option> <option value="Getränke" <?php if($item['kind'] == "Getränke") echo "selected"?>>Getränke</option> <option value="Kräuter" <?php if($item['kind'] == "Kräuter") echo "selected"?>>Kräuter</option> <option value='Hygiene' <?php if($item['kind'] == "Hygiene") echo "selected"?>>Hygiene</option> <option value='Putzen' <?php if($item['kind'] == "Putzen") echo "selected"?>>Putzen</option> <option value='Haustier' <?php if($item['kind'] == "Haustier") echo "selected"?>>Haustiere</option> <option value='Sonstiges' <?php if($item['kind'] == "Sonstiges") echo "selected"?>>Sonstiges</option> </select></td> <td class="list-button"><button class='btn-list' name='delete' id="btn-locked-<?php echo $x;?>" value="<?php echo $item['id']?>"><img src='images/trashbox.png'></button></td></form></tr> <script> function editSave<?php echo $x;?>(){ var id = <?php echo $item['id']?>; var brand = $("#brand<?php echo $x;?>").val(); var itemKind = $("#item-kind<?php echo $x;?>").val(); $.post("calculate.php", { save: id, brand: brand, itemkind: itemKind }, function(data) { $('#edit-confirm').html(data); }); } function hiddenLine<?php echo $x;?>() { var line = document.getElementById("line<?php echo $x;?>"); var activ = document.getElementById("activ<?php echo $x;?>"); var brand = document.getElementById("brand<?php echo $x;?>"); var itemKind = document.getElementById("item-kind<?php echo $x;?>"); var btnLocked = document.getElementById("btn-locked-<?php echo $x;?>"); var btnImage = document.getElementById("visibility<?php echo $x;?>"); if(activ.value == "true"){ activ.value = "false"; }else{ activ.value = "true"; } if(activ.value == "false"){ line.style.opacity = "0.1"; brand.setAttribute("readonly", ""); itemKind.setAttribute("disabled", ""); btnLocked.setAttribute("disabled", ""); btnImage.setAttribute("src", "images/icon-visible.png"); //createCookie('hide-line-<?php echo $x;?>','false'); } if(activ.value == "true") { line.style.opacity = "1.0"; brand.removeAttribute("readonly", ""); itemKind.removeAttribute("disabled", ""); btnLocked.removeAttribute("disabled", ""); btnImage.setAttribute("src", "images/icon-invisible.png"); //createCookie('hide-line-<?php echo $x;?>','true'); } } </script> <?php } }else { /******************************************************************************** shopping list end****/ ?><tr><td></td><td></td><td>Keine Items vorhanden</td><td></td><td></td><td></td><td></td></tr><?php } ?>  </table> 一切正常，但有没有办法让它更漂亮？我在循环下只列出了 1x 的函数，并且它仍然可以使用正确的变量值每行工作？使用 addEventListener 绑定您的事件监听器，并使用 event delegation 为每个函数执行一次。使用类而不是唯一 ID 使用事件目标查找正在处理的元素组，然后使用closest和querySelector在该组元素中搜索例如： const myEventHandler = event => { if (event.target.matches("input[type='checkbox'], select")) { const widget = event.target.closest(".my-widget"); const select = widget.querySelector('select'); const checkbox = widget.querySelector("input[type='checkbox']"); const result = widget.querySelector(".result"); if (checkbox.checked) { result.textContent = `Active! Value is ${select.value}`; widget.classList.add("active"); } else { result.textContent = ""; widget.classList.remove("active"); } } }; addEventListener("change", myEventHandler); .my-widget { border: solid #aaa 1px; padding: 1ex; } .active { background: #afa; } .result { min-height: 1.2em; padding: 1ex; } <div class="my-widget"> <h2>Item 1</h2> <input type="checkbox"> <select> <option>1 <option>2 <option>3 </select> <div class="result"></div> </div> <div class="my-widget"> <h2>Item 2</h2> <input type="checkbox"> <select> <option>1 <option>2 <option>3 </select> <div class="result"></div> </div> <div class="my-widget"> <h2>Item 3</h2> <input type="checkbox"> <select> <option>1 <option>2 <option>3 </select> <div class="result"></div> </div>

javascript php performance

回答 1 投票 0

const之间的差异 a = value; vs const a = () => (值);

我想知道以下两个JS语句之间是否有任何差异（性能，内存使用），是否建议使用一个而不是另一个，以及背后的原因。站...

javascript performance javascript-objects

回答 1 投票 0

如何在 R 中使用分位数回归提高分段回归的性能？

我目前正在做一个项目，我需要在 R 中使用分段回归和分位数回归来估计身体健康随时间的变化。我正在处理的数据包括 ce ...

r performance statistics regression quantile-regression

回答 0 投票 0

使用付费关税的云计算

是否有可能估计或量化使用具有更高计算能力的付费关税的影响？例如响应时间？是否有可能正确回答这个问题，如果我有...