前端消防圆

分类

/ 注册

TA的专栏 168篇文章 3人订阅

80篇文章 567人学习

字节跳动前端

2篇文章 325人学习

86篇文章 682人学习

全部文章（共169篇）

题解 | #设置标签#

思路：其实该题主要实现addTag和removeTag。对于addTag，首先获取输入框内容，当输入框有内容时，获取所有类名为tag的span元素集合，并判断是否有元素值等于输入值，如果有则不添加标签，反之则创建标签等一系列处理。对于removeTag，首先获取前一个兄弟元素，当输入框内容为空且前一...

2023-07-18

1 468

题解 | #dom节点转成json数据# 来自专栏

思路：将dom节点转换为json数据，其实是从上到下转换，首先获取该节点，然后分别使用tagName、attributes、childNodes获取元素的标签名、元素的属性集合(name、value)、元素的子节点集合，然后再分别使用nodeType、textContent判断元素的节点类型、文本...

2023-07-18

2 682

题解 | #移动控制# 来自专栏

思路：首先找到当前current方格在网格中对应的横纵坐标x和y，再根据按键移动方向控制x和y的变化，尤其注意边界条件，即上下和左右的边界调整。其中找到横纵坐标x和y，使用的方法是，首先找到所有tr，并遍历tr是否包含current，如果是则锁定在哪一行即纵坐标，接着再找到该tr内的所有td，并遍历...

2023-07-17

2 478

题解 | #分页# 来自专栏

思路：注意，total表示总页数，current表示当前高亮的页数，最多连续显示五页，其中12345则是最大的没有首页尾页，其中123456且当前为3是最小的只显示尾页，其中当前页居中后面最少两页加一个尾页，即如果尾页减去当前页小于3则只显示首页，反之首页尾页均显示。 <script type...

2023-07-16

1 511

题解 | #文字输出# 来自专栏

思路：首先清除blink前面的节点，然后遍历str数组逐个创建元素，如果为\n则创建br元素，反之创建span元素，其中根据当前内容对空格、大于号、小于号进行转义，即&nbsp、&gt、&lt，最后使用定时器每间隔200秒向blink元素之前添加元素。 <body>...

2023-07-15

1 338

题解 | #智能提示# 来自专栏

思路：首先获取输入框的值，并使用字符串方法trim将其两端空格去除得到inputValue，由于输入中可能本身包含正则表达式特殊含义字符，故需要使用双重转义将其转换为普通含义。此处构建一个特殊字符数组regKey，并遍历inputValue，判断当前元素是否在regKey中，如果在则在其前面加上\\...

2023-07-13

1 445

题解 | #双色球机选一注# 来自专栏

思路：首先分别获取红球集合和蓝球集合，然后使用random方法随机生成6个红球和1个蓝球，分别记录其号码和球并加上active，接着将6个红球降序排序，再使用insertBefore方法分别将随机红球、随机蓝球依次插入到对应集合第一个元素前，最后按照要求返回数据即可。 <div class=&...

2023-07-13

3 453

题解 | #倒计时# 来自专栏

思路：首先将秒数second转换为day、hour、min、sec字段并以对象形式返回，注意，js中的/不是整除，其会带小数，故需要使用parseInt函数将其转换为整数，注意，牛客测例使用的字段是second，而我函数中为了区分参数second使用的是sec，在ES6中如果对象的key和value...

2023-07-10

1 389

题解 | #替换链接# 来自专栏

思路：正则表达式。首先使用全局正则表达式regex表示所有以http://、https://或者www.开始的链接，然后使用replace进行替换这些链接即可。重点在于regex的编写和replace的编写！！！ <script type="text/javascript"...

2023-07-08

1 572

题解 | #表格排序# 来自专栏

思路：首先将html中的tbody表格以对象数组的形式存储起来，即外部结构是数组，内部元素是对象，然后再对数组进行排序即可。首先获取tbody，然后获取tbody中的所有tr，接着获取tr中的所有td，再对td进行处理即可得到对象，再将各个对象加入数组中即可。 <body> &l...

2023-07-07

1 442