遇到的問題

1. 生成m-n的隨機數
2. fetch解析后如何獲取結果
3. 獲取多選下拉框（select標簽設置multiple屬性）的值
4. 如何刪除某個獲取到的節點
5. vue中遇到多選下拉框如何處理

問題解析

1.生成m-n的隨機數，包括倆個數在內

function getRandomIntInclusive(min, max) {const minCeiled = Math.ceil(min);const maxFloored = Math.floor(max);return Math.floor(Math.random() * (maxFloored - minCeiled + 1) + minCeiled); // 包含最小值和最大值
}

• 解析：
  • × random的部分，為集合右邊，為開，取不到
  • ＋的部分為集合左邊，為閉，能取到
  • 根據需要選擇floor()或者ceil()

2.fetch解析后如何獲取結果

• 可以使用async和await搭配使用

// 通過fetch獲取百度的錯誤提示頁面
fetch("http://example.com/movies.json").then((response) => response.json()).then((data) => console.log(data));

3.獲取多選下拉框（select標簽設置multiple屬性）的值

• 解析

<select id="select" multiple><option value="1">1111</option><option value="2">2222</option><option value="3">3333</option>
</select >
<script>// 獲取select元素的options屬性const options = document.querySelector('#select').optionsconst selectedValueArr = []for (let i = 0; i < options.length; i++) {// 如果該option被選中，則將它的value存入數組if (options[i].selected) {selectedValueArr.push(options[i].value)}}// 如果后端需要字符串形式，比如逗號分隔const selectedValueStr = selectedValueArr.join(',')// Ajax code here// ...
</script>

• 通過每個option的selected屬性
• 可以使用數組的高階方法進行優化

// 獲取select元素的options屬性
const allOptions = [...leftSelect.options]// 獲取被選擇的options
const selectOptions = allOptions.filter(item => item.selected)

4.如何刪除某個獲取到的節點

• 對獲取到的節點調用remove()

NodeName.remove()

5.vue中遇到多選下拉框如何處理

明日補上

小結

本文為，作者在第15屆藍橋杯國賽前的問題記錄，存在簡單問題仍然記錄的情況
如果本文對你有幫助，麻煩點贊+收藏和關注一下，謝謝！