02 Interview

001 页面导入样式时,使用 link 和@import 有什么区别?

  1. link 是 HTML 标签,@import 属于 CSS 范畴。

  2. link 引入的样式页面加载时同时加载,@import 引入的样式需等页面加载完成后再加载。

  3. link 没有兼容性问题,@import 不兼容 ie5 以下。

  4. link 可以通过 js 操作 DOM 动态引入样式表改变样式,而 @import 不可以。

002 用递归算法实现,数组长度为 5 且元素的随机数在 2-32 间不重复的值

核心是生成随机数算法,Math.random() 函数返回一个随机浮点数,浮点数范围为左闭右开区间 [0, 1)

function rand(arr = [], length = 5, min = 2, max = 32) {
if (arr.length < length) {
const num = Math.floor(Math.random() * (max - min + 1)) + min
if (!arr.includes(num)) {
arr.push(num)
}
return rand(arr)
}
return arr
}

003 去除字符串中的空格,根据传入不同的类型分别能去掉前、后、前后、中间的空格

算法难点:

  1. 通过 Symbol() 来生成枚举类型

  2. 正则分组去除中间空格

const POSITION = Object.freeze({
left: Symbol(),
right: Symbol(),
both: Symbol(),
center: Symbol(),
all: Symbol()
})
function trim(str, position = POSITION.both) {
switch (position) {
case POSITION.left:
str = str.replace(/^\s+/, '')
break
case POSITION.right:
str = str.replace(/\s+$/, '')
break
case POSITION.both:
str = str.replace(/^\s+|\s+$/g, '')
break
case POSITION.center:
while (str.match(/\w\s+\w/)) {
str = str.replace(/(\w)(\s+)(\w)/, '$1$3')
}
break
case POSITION.all:
str = str.replace(/\s/g, '')
break
default:
break
}
return str
}
const str = ' s t r '
const result = trim(str, POSITION.left)

004 去除字符串中最后一个指定的字符

function delLast(str, char) {
if (!str) return false
if (!char) return str
const index = str.lastIndexOf(char)
return str.substring(0, index) + str.substring(index + 1)
}