Toypipi's blog

box-sizing: border-box; 是一个 CSS 属性，用于指定元素的盒模型。它影响了元素的尺寸计算方式。

默认情况下，元素的盒模型是 “content-box”，这意味着元素的宽度和高度仅包括内容的宽度和高度，不包括边框（border）和内边距（padding）。这导致了在使用固定宽度和内边距时，元素的实际宽度会超出所设置的宽度。

box-sizing: border-box; 的作用是改变盒模型为 “border-box”，这意味着元素的宽度和高度包括内容的宽度、内边距和边框。这使得在设置元素的宽度时，你可以确保元素的最终宽度不会超出你所指定的宽度。

1.题目描述

请你编写一个函数，接收参数为另一个函数和一个以毫秒为单位的时间 t ，并返回该函数的 函数防抖 后的结果。

函数防抖 方法是一个函数，它的执行被延迟了 t 毫秒，如果在这个时间窗口内再次调用它，它的执行将被取消。你编写的防抖函数也应该接收传递的参数。

例如，假设 t = 50ms ，函数分别在 30ms 、 60ms 和 100ms 时调用。前两个函数调用将被取消，第三个函数调用将在 150ms 执行。如果改为 t = 35ms ，则第一个调用将被取消，第二个调用将在 95ms 执行，第三个调用将在 135ms 执行。

1.题目描述 Complete the solution so that it splits the string into pairs of two characters. If the string contains an odd number of characters then it should replace the missing second character of the final pair with an underscore (‘_’).

Examples:

1
2
3

* 'abc' =>  ['ab', 'c_']
* 'abcdef' => ['ab', 'cd', 'ef']

2.我的解法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function solution(str) {
  const pair = [];
  // 1.将字符串两两分割存入数组
  // Array.prototype.slice(start,end)
  // 如果 end >= array.length 或者省略了 end，则使用 array.length，提取所有元素直到末尾
  for (let i = 0; i < str.length; i += 2) {
    pair.push(str.slice(i, i + 2));
  }
  // 2.如果字符串长度为奇数，则为 pair 最后一个元素添加下划线
  if (str.length % 2 === 1) {
    pair[pair.length - 1] += "_";
  }
  return pair;
}

1.题目描述

编写一个类，它允许获取和设置键-值对，并且每个键都有一个 过期时间 。

该类有三个公共方法：

set(key, value, duration) ：接收参数为整型键 key 、整型值 value 和以毫秒为单位的持续时间 duration 。一旦 duration 到期后，这个键就无法访问。如果相同的未过期键已经存在，该方法将返回 true ，否则返回 false 。如果该键已经存在，则它的值和持续时间都应该被覆盖。

get(key) ：如果存在一个未过期的键，它应该返回这个键相关的值。否则返回 -1 。

count() ：返回未过期键的总数。

1.题目描述

请你编写一个函数，它接受一个异步函数 fn 和一个以毫秒为单位的时间 t。它应根据限时函数返回一个有 限时 效果的函数。函数 fn 接受提供给 限时 函数的参数。

限时 函数应遵循以下规则：

如果 fn 在 t 毫秒的时间限制内完成，限时 函数应返回结果。 如果 fn 的执行超过时间限制，限时 函数应拒绝并返回字符串 “Time Limit Exceeded” 。