前端面试
放羊的阿三
进阶
展开
-
扁平数据转树形数据结构
扁平数据转树形数据结构需要数据里每一项拥有id和pid,用于确定父子关系,如下 const data = [ {id:"01", name: "张大大", pid:"", job: "项目经理"}, {id:"02", name: "小亮", pid:"01", job: "产品leader"}, {id:"07", name: "小丽", pid:"02", job: "产品经理"}, {id:"08", name: "大光", pid:"02", job: "产品经理"}.原创 2021-11-01 18:01:44 · 1426 阅读 · 0 评论 -
搜素联想列表关键文字高亮
主要原理: <span style="color:red;">关键字</span> ,找到关键字加样式 <!-- 搜索联想建议列表 --> <div class="sugg-list" v-if="kw.length > 0"> <div class="sugg-item" v-for="(Str, index) in sugList" :key="index" ..原创 2021-10-22 19:53:50 · 187 阅读 · 0 评论 -
前端面试(每日?)五题
说是每日,我自己都不信 1.HTML元素显示模式 分为三大类:块级元素,行内元素,行内块元素 块级元素:特点是自己占一行,有宽有高,里面想放啥放啥.代表元素:div h p ol ul 行内元素:一行能放好几个,设置不了宽高,里面就能放文本和行内元素.代表元素:a、strong、b、em、i、span 行内块元素:自己不占一行,但可以设置宽高.代表元素:input img 加入样式可以对元素进行转换:display:block(转换成块级元素)inline(行内元素)inline-bloc.原创 2021-09-11 21:13:13 · 76 阅读 · 0 评论