前端每日知识3+1_第21天

• 第21天 (2022-10-11)
  • [html] 谈谈你对input元素中readonly和disabled属性的理解
  • [css] 说说你对line-height是如何理解的？
  • [js] 写一个方法验证是否为中文
  • [软技能] 来说说你对重绘和重排的理解，以及如何优化？
    HTML:

总结了前面老哥们的回答，再加上自己查了一下。

在表现上 readonly 和 disabled 都不能让用户对 input 进行编辑。但从含义上两者还是有较大的差别的。

readonly 直译为 “只读”，一般用于只允许用户填写一次的信息，提交过一次之后，就不允许再次修改了。

disabled 直译为 “禁用”，即这个 input 就是不允许填写和使用的（可能是因为权限或者其他原因）。

因此在外观上，readonly 与普通 input 无异，只是点击后无法进行编辑；而 disabled 的 input 呈灰色，也不允许点击。从这两点其实也可以看出，对于 input 的事件，readonly 会响应，而 disabled 是不响应的。并且在传输数据上，disabled 的数据是不会被获取和上传，readonly 的数据会被获取和上传。

CSS:

CSS属性设置行框的高度。它通常用于设置文本行之间的距离。在块级元素上，它指定元素内行框的最小高度。在非替换行内元素上，它指定用于计算行框高度的高度。line-height

JS

function isChinese(str) {
  const re = /^[\u4e00-\u9fa5]+$/;
  return re.test(str);
}

@mlgzzz能解释下正则的英文吗？特别是\u4e00-\u9fa5，从何得来的？

使用的Unicode 编码4e00 和9fa5分别表示第一个汉字和最后一个汉字的编码