遇到的问题

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届蓝桥杯国赛前的问题记录，存在简单问题仍然记录的情况
如果本文对你有帮助，麻烦点赞+收藏和关注一下，谢谢！