前端消防圆

分类

/ 注册

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

80篇文章 567人学习

字节跳动前端

2篇文章 325人学习

86篇文章 682人学习

全部文章（共169篇）

题解 | #双向绑定# 来自专栏

思路：遍历对象obj的每一个键，然后对该键设置Object.defineProperty方法进行监听，其中处理对象中，get方法直接返回键所对应的值，set方法直接将键设置为新值，并且触发_render函数进行渲染。当渲染时，将person. weight绑定到inp.value；当输入时，将inp...

2023-06-20

1 219

题解 | #切换Tab栏目# 来自专栏

思路：使用事件委托将点击事件绑定在options元素上，event是具体的触发点击对象，第一步将所有元素背景颜色设为#fff，第二步将触发元素背景颜色设为#25bb9b，第三步将所有元素显示状态设置为none，第四步将触发元素对应data-type编号的元素显示状态设置为block。 <scr...

2023-06-19

1 365

题解 | #接口# 来自专栏

思路：首先以?分割字符串string得到接口方法method，然后使用switch和case语句判断method，如果是get方法则返回data，如果是update方法则分割字符串分别得到from和to，再遍历data数组，将name属性值为from的全部替换为to。 <script type...

2023-06-19

1 249

题解 | #监听对象# 来自专栏

思路：遍历对象obj的每一个键，然后对该键设置Object.defineProperty方法进行监听，其中处理对象中，get方法直接返回键所对应的值，set方法直接将键设置为新值，并且触发_render函数进行渲染。 <script> var ul = document.query...

2023-06-19

2 302

题解 | #购物面板# 来自专栏

思路：分别获取炸鸡数量以及可乐数量，当点击删除按钮时，如果对应数量大于0，则将对应数量减一，当点击增加按钮时，则将对应数量加一，每点击按钮，则需要重新计算总价格。注意，计算total_price也可以抽象成一个函数单独拿出来，此处我没做处理。 <script type="text/javasc...

2023-06-19

2 296

题解 | #Proxy拦截器# 来自专栏

思路：与上述的唯一区别是，使用props接收prototypes中的所有属性，然后在get时，判断属性prop是否在props中。 <script type="text/javascript"> const _proxy = (object,...prototypes) => ...

2023-06-17

0 326

题解 | #Proxy计数器# 来自专栏

思路：Proxy虽然是代理，但是本质还是对原对象进行操作，所以要结合Reflect使用，才是真正的不再对原对象进行直接操作，而且Reflect有返回值。 <script type="text/javascript"> let count = 0 const _proxy = ...

2023-06-17

1 456

题解 | #回文字符串# 来自专栏

思路：双指针。 <script type="text/javascript"> const _isPalindrome = string => { for(let i=0,j=string.length-1;i<j;i++,j--) { ...

2023-06-16

1 259

题解 | #全选# 来自专栏

思路：使用all获取全选按钮，使用options获取其他按钮，注意，此处获得的是伪数组，故需要使用Array.from转换为真正的数组才可以使用数组方法。当all改变时，使用forEach方法遍历options数组，并且将其每一个项的选中状态设置为all的选中状态，即x.checked = all....

2023-06-16

1 282

题解 | #Map保存节点# 来自专栏

思路：使用new Map创建map对象，使用getElementsByTagName获取标签伪数组，使用set方法设置map。 <p>1</p> <script type="text/javascript"> const _elementKey = () =&...

2023-06-16

1 325