字节跳动前端实习一面反思

本文深入探讨了CSS中position属性的各类选项,包括absolute、fixed、relative等的区别及应用,同时解析了white-space、overflow属性的功能。此外,还介绍了JavaScript中的事件循环机制、Web Worker的应用场景,以及正则表达式的高级用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS题目

  1. position有哪些属性及其区别
    absolute
    生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
    元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
    fixed
    生成绝对定位的元素,相对于浏览器窗口进行定位。
    元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
    relative
    生成相对定位的元素,相对于其正常位置进行定位。
    因此,“left:20” 会向元素的 LEFT 位置添加 20 像素。
    static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
    inherit 规定应该从父元素继承 position 属性的值。

  2. 文本溢出的时候显示省略号(CSS3)
    clip 修剪文本。
    ellipsis 显示省略符号来代表被修剪的文本。
    string 使用给定的字符串来代表被修剪的文本。

    可与overflow:hidden 及 white-space:nowrap 一起使用

    white-space的属性
    normal 默认。空白会被浏览器忽略。
    pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
    nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。
    pre-wrap 保留空白符序列,但是正常地进行换行。
    pre-line 合并空白符序列,但是保留换行符。
    inherit 规定应该从父元素继承 white-space 属性的值。

    overflow的属性
    visible 默认值。内容不会被修剪,会呈现在元素框之外。
    hidden 内容会被修剪,并且其余内容是不可见的。
    scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
    auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
    inherit 规定应该从父元素继承 overflow 属性的值。

JS题目

  1. 事件循环机制

    http://www.cnblogs.com/yqx0605xi/p/9267827.html
    https://www.cnblogs.com/cangqinglang/p/8967268.html

  2. 什么是web worker
    https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API

    https://www.cnblogs.com/wmhuang/p/6913468.html

  3. 正则的使用
    https://www.cnblogs.com/myzhibie/p/4365142.html
    https://www.jb51.net/article/97901.htm

    g的作用是匹配串中所有匹配的子串(如果没有,找到一个之后匹配就结束了)
    m的作用是让^和$匹配每一行的开始和结束(如果没有,是匹配整个串的开始和结束)

  4. 跨域的方法
    https://www.cnblogs.com/2050/p/3191744.html

  5. 用ajax请求写一个实时搜索框
    jquery的写法
    https://www.cnblogs.com/GarfieldTom/p/4277708.html
    原生的写法
    https://www.cnblogs.com/cythia/p/6978323.html

反思 : 答得不好,基础不牢,继续努力。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值