中等
技术面试0 次浏览微博的评论功能需要对用户输入的内容进行实时字数统计,并且当字数超过 140 字时给出提示。请设计并实现一个前端组件来完成这个功能。
微博前端工程师
前端组件字数统计实时反馈
答题要点
运用功能拆解法,将功能拆分为输入监听、字数统计、提示显示三个部分。关键要点:1. 输入监听:使用 `input` 事件监听用户输入框的内容变化。2. 字数统计:获取输入框的内容,使用 `length` 属性计算字数。3. 提示显示:当字数超过 140 字时,显示提示信息,可以通过修改提示元素的 `display` 属性来控制显示和隐藏。示例:在 HTML 中创建输入框和提示元素,在 JavaScript 中为输入框添加 `input` 事件监听器,在事件处理函数中计算输入框内容的字数,根据字数判断是否显示提示信息,如 `if (input.value.length > 140) { hint.style.display = 'block'; }`。