29_全选 本题考点：选择器、改变事件、循环、 根据题目要求，实现全选效果功能，核心步骤有：  首先获取id为"all"的全选框 再获取所有类名为"item"的输入框 给id为"all"的输入框添加改变事件，每当该输入框值发生改变时，遍历所有类名为"item"的输入框且将它们的"checked"属性和id为"all"的输入框同步 再通过遍历给所有类名为"item"的输入框添加改变事件，当某个类名为”item“的输入框状态改变为true时，判断所有类名为"item"的输入框状态是否为true，根据判断情况改变id为”all“的输入框  参考答案： var all = document.query...

28_Map保存节点 本题考点：选择器、Map 根据题目要求，将页面中的“p”标签DOM节点保存在Map对象的键名中，其内容保存在键值中，核心步骤有：  通过document.querySelector获取页面中“p”元素标签 初始化Map实例保存“p”标签DOM节点和内容  参考答案： const _elementKey = () => { let p = document.querySelector('p') return new Map([[p,p.innerText]]) }

27_控制动画 本题考点：动画、元素获取、range、改变事件 根据题目要求，滑动滑块需要改变动画的旋转速率，核心步骤有：  首先设置id为”rect“矩形的动画属性 补全id为”range'“的滑动框 获取到id为”range“的滑动框并添加改变事件并且在改变事件中修改id为”rect“的矩形动画周期事件  参考答案： #rect { width: 120px; height: 100px; background-color: black; animation: rect 10s linear infinite; } @keyframes rect { from { transform: r...

26_Getter 本题考点：class类、getter 根据题目要求，当通过“Rectangle”类创建一个实例的时候，调用该实例的“area”属性返回矩形的面积，核心步骤有：  构造函数中需要两个参数分别为“width”和“height” 可以选择创建一个返回“width”与“height”乘积的方法 对“area”函数使用“get”计算，该函数返回第二步的方法  参考答案： class Rectangle { constructor(height, width) { this.height = height this.width = width } get area() { return...

25_相同的Set 本题考点：扩展字符、遍历、size、has 根据题目要求判断两个Set参数是否是一样的，核心步骤有：  通过size判断两个set对象的长度是否一致，不一致直接返回false 通过ES6[...]扩展字符将set对象的伪数组转换为数组再调用every进而判断该数组中的每一项是否存在于另一个set对象中  参考答案： const _isSameSet = (s1, s2) => { if (s1.size !== s2.size) { return false } return [...s1].every(i => s2.has(i)) }

24_Symbol 本题考点：Symbol 根据题目要求，将数组参数转换为键/值对的形式返回，键名为Symbol且描述为键值，核心步骤有：  生成空对象 遍历数组 生成Symbol实例，初始化时将数组的该项带入 设置对象键名、键值 返回对象  参考答案： const _symbolKey = array => { let object = {} for(item of array) { let key = Symbol(item) object[key] = item } return object }

23_身份证 本题考点：正则匹配 根据题目要求，判断字符串参数是否满足身份证格式条件，核心步骤有：  创建正则表达式，一代身份证15位，二代身份证18位 在二代身份证18位数字中，最后一位有可能是”x“|”X“  参考答案： const _isCard = number => { var regx = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/ return regx.test(number) }

22_判断质数 本题考点：质数 根据题目要求，判断数字参数是否为质数并且需要将方法添加到数字对象的原型链上，而质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数，当判断为质数时返回true，否则返回false，核心步骤有：  首先在Number对象的原型上添加该函数 函数中当数字参数小于2时，返回false 然后进入循环，初始值为2，结束条件为当初始值等于数字参数时，返回true  参考答案： Number.prototype._isPrime = function () { let number = this.valueOf() if(number < 2) retu...

21_数组过滤 本题考点：onchange事件、过滤 根据题目要求，实现一个价格过滤选择框，当选择价格范围的时候，ul列表中的内容会根据选择的价格重新渲染，核心步骤有：  创建重渲染函数，每"select"节点的onchange事件触发时，会调用该函数重新渲染ul列表中的内容 给"select"节点添加onchange事件，每当事件触发，对"select"节点当前值进行判断，对"cups"数组进行重新排序并且调用重渲染函数  参考答案： select.onchange = function(){ ul.innerHTML = '' switch(parseInt(this.value)){ c...

20_数组扁平化 本题考点：reduce、递归 根据题目要求，实现一个数组扁平化函数，核心步骤有：  返回一个数组的reduce方法，该reduce方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值，该函数第一个参数为初始值或计算之后的返回值，第二个参数为当前项的值。 在reduce接收的函数中返回一个结果的拼接（concat），当当前值数据类型为数组的时候，递归重新调用"flatten"函数，否则将值拼接在结果之后返回。  参考答案： const _flatten = arr => { return arr.reduce((result, item) =&...

19_判断斐波那契数组 本题考点：斐波那契数列 根据题目要求，判断数组参数中的值是否符合斐波那契数列，该数列指的是这样一个数列：0、1、1、2、3、5、8、13、21、34、...。在数学上，斐波那契数列以如下被以递推的方法定义：F(0)=0，F(1)=1, F(n)=F(n - 1)+F(n - 2)（n ≥ 2，n ∈ N*），核心步骤有：  首先判断数组参数的长度是否小于3，第一、二项的值是否分别为0、1，如果其中一项不符合，那么返回false 遍历数组参数，从第三项开始，判断该项的值是否符合F(n)=F(n - 1)+F(n - 2)，是则continue，否则返回false 当数组遍...

18_继承 本题考点：call、原型链 根据题目要求，将构造函数“Chinese”继承于“Human”，并且实现各项功能，核心步骤有：  首先通过Human.prototype.getName给“Human”的原型添加“getName”函数 然后通过Chinese.prototype将“Chinese”的原型挂载在“Human”构造函数的实例上 修复“Chinese”的原型链 最后通过Chinese.prototype.getAge给“Chinese”的原型添加“getAge“函数  参考答案： function Human(name) { this.name = name this.king...

17_子字符串频次 本题考点：indexOf、while 根据题目要求查询第二个参数在第一个参数中出现的频次，核心步骤有：  通过indexOf查找到第二个参数初始index值 设置初始出现频次为0 当index大于-1时进入while循环，出现频次加1，再查找下一个index值  参考答案： const _searchStrIndexOf = (str, target) => { let index = str.indexOf(target) let sum = 0 while (index > -1) { index = str.indexOf(target, index + ...

16_总成绩排名 本题考点：sort 根据题目要求，根据数组参数中的对象属性"chinese"、"math"、"english"之和对数组参数进行排序，核心步骤有：  对数组参数进行sort排序，sort接受一个函数 在该函数中声明两个变量，分别用于存储该函数两个对象参数的"chinese"、"math"、"english"属性之和 最后根据声明的两个变量值对比将数组进行排序  参考答案： const _rank = array => { array.sort((left, right) => { let lg = left.chinese + left.math + left.e...