雷中曲 - 个人主页动态 - 牛客网

发布(43) 评论刷题

2022-07-02 22:22

惠州学院前端工程师

题解 | #Proxy拦截器#

代码 <script type="text/javascript"> const _proxy = (object, ...prototypes) => { // 补全代码 let proxy = new Proxy(object, { get(target, props) { let index = prototypes.indexOf(props); ...

0 点赞评论收藏

分享

2022-06-20 16:05

惠州学院前端工程师

题解 | #验证是否是身份证#

思路 题目不要求考虑地区信息、出生日期、顺序码与校验码的验证，即只需要考虑符不符合长度、最后一位数X的处理即可。 因此可以使用正则来实现 const _isCard = number => { // 补全代码 let reg = /\d{17}(\d|X)/g return reg.test(number) }

0 点赞评论收藏

分享

2022-06-20 15:53

惠州学院前端工程师

题解 | #全选#

这道体不难，熟悉基本的api获取对应的节点，更新节点文本内容即可。 // 1. 获取节点 const zjIncrease = document.getElementById('zjtaishaola'); const zjDecrease = document.getElementById('zj***ola'); const klIncrease = document.getElementById('kltaishaola'); const klDecrease = document.getElementById('kl***ola'); const to...

0 点赞评论收藏

分享

2022-06-10 21:49

惠州学院前端工程师

题解 | #数组扁平化#

1. 使用es6提供的新方法 不知道为啥测试过不了，本地测试能行 function _flatten1(arr) { return arr.flat(Infinity) } 2. 使用for循环 let result = [] function _flatten2(arr) { for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { _flatten2(arr[i]) } else { result.push(arr[i])...

0 点赞评论收藏

分享

2022-06-02 21:38

惠州学院前端工程师

题解 | #数组过滤#

思路 就是利用数组的filter方法进行过滤，不难 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> </head> <body> <select name="" id=""> <option value="0">请选择销量范围</option> <option value="1">&lt100</option> <option va...

0 点赞评论收藏

分享

2022-06-01 22:15

惠州学院前端工程师

题解 | #列表动态渲染#

思路 这道题看题目要求是根据id的从小到大排序，因此需要先对people数组进行排序。使用模板字符串向li标签中添加内容 代码 var people = [ { name: '牛油1号', id: 1, age: 20 }, { name: '牛油2号', id: 2, age: 21 }, { name: '牛油3号', id: 3, age: 19 }, ] var ul = document.querySelector('ul') // 补全代码 people.sort(function(a,b){ return a....

0 点赞评论收藏

分享

2022-05-27 21:51

惠州学院前端工程师

题解 | #对象属性键名#

方法1 直接使用对象的keys方法，Object.keys(obj) —— 返回一个包含该对象所有的键的数组。 function _keys(object) { // 补全代码 return Object.keys(object) } 方法2 使用for in 循环获取对象的键名 let result = [] for (const key in object) { result.push(key) } return result 补充 上述两种方法都会忽略使用 Symbol(....

0 点赞评论收藏

分享

2022-05-19 22:25

惠州学院前端工程师

题解 | #生成页码#

思路 这道题简单,首先是要根据总数据项个数和每页的数据项个数计算出页码数,使用Math.ceil方法向上取整 allItem / pageItem. 最后用循环生成元素添加到ul上即可. 代码 const _createPage = (allItem, pageItem) => { // 补全代码 const ulNode = document.querySelector('#ul') const frag = document.createDocumentFragment() // 文...

0 点赞评论收藏

分享

2022-05-13 16:51

惠州学院前端工程师

题解 | #判断斐波那契数组#

思路 这道题简单，先进行一个数组长度判断，小于3的直接返回false。长度大于3的用循环判断当前项是否等于前两项之和即可 代码 const _isFibonacci = array => { // 补全代码 if(array.length < 3) { return false } for(let i = 2; i<array.length; i++) { if (array[i...

0 点赞评论收藏

分享

2022-05-13 16:46

惠州学院前端工程师

题解 | #单向绑定#

思路 这道题怪怪的，原本以为要使用input事件，change事件是要输入框失去焦点才触发。但结果却是要使用change事件。 代码 const inputNode = document.querySelector("#input") const spanNode = document.querySelector("#span") inputNode.onchange = function () { spanNode.innerText = inputNode.value }

0 点赞评论收藏

分享

2022-05-11 21:32

已编辑

惠州学院前端工程师

题解 | #无重复数组#

思路 生成一个两数之间的整数，使用到Math的random函数 random random()会返回一个浮点型伪随机数字，范围[0, 1) 返回一个两数之间的 随机数 ,范围在[start, end) Math.random()*(end - start) 返回一个两数之间的 整数 ,范围在[start, end) // floor向下取整 Math.floor(Math.random()*(end - start)) 返回一个两数之间的 整数 ,范围在[start, end] Math.floor(Math.random()*(end - start+1)) + s...

0 点赞评论收藏

分享

2022-05-10 20:26

惠州学院前端工程师

题解 | #判断版本#

思路 以符号 . 分割字符串,再join('')拼接，转成数字比较大小 const _shouldUpdate = (oldVersion, newVersion) => { // 补全代码 const oldNumber = Number(oldVersion.split('.').join('')) const newNumber =Number(newVersion.split('.').join('')) // console.log(oldNumber...

0 点赞评论收藏

分享

2022-05-08 11:29

惠州学院前端工程师

题解 | #模板字符串#

思路 获取注册和当前对应时间戳相减，结果除以一天的毫秒数： 1000*60*60*24 结果向下取整用Math的floor方法 var person = { level: '2', name: '小丽', registTime: '2021-11-01', } var h2 = document.querySelector('h2'); // 补全代码 // 前面添加 + 转为数字 // 当 Date 对象被转化为数...

0 点赞评论收藏

分享

2022-05-07 11:17

惠州学院前端工程师

题解 | #新数组#

使用循环遍历 创建一个新的数组，排除掉索引为index的元素即可，这个应该最容易想到 const _delete = (array,index) => { // 补全代码 const res = [] array.forEach((item, i)=>{ if( i!== index) { res.push(item) } }) ...

0 点赞评论收藏

分享

2022-05-06 21:25

惠州学院前端工程师

题解 | #数组排序#

思路 本题的排序功能可以通过数组的sort方法实现，感觉这道题应该是简单题，难度远没有达到中等难度： 需要注意每次升序、降序操作前要将原来的ul标签的子元素全部清空。 function getList() { // 清空原有的子元素 while(ul.hasChildNodes()) { ul.removeChild(ul.firstChild) } // 创建一个文档片段 const frag = document.cr...

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务