前端题目

最新推荐文章于 2024-09-13 10:27:55 发布

杨园园的微博

最新推荐文章于 2024-09-13 10:27:55 发布

阅读量217

点赞数

分类专栏：前端面试题目文章标签：前端面试题目

本文链接：https://blog.csdn.net/rosy_yang/article/details/79268931

版权

前端面试题目专栏收录该内容

6 篇文章 0 订阅

订阅专栏

**1.**css元素隐藏的几种方法：

  (1)opacity：0.1  主要是对元素的透明度级别，是始终占据元素位置的；
  (2)visibility： visible /hidden  元素可见还是不可见，元素位置始终占据；
  (3)display： none/inline/inline-block/block  
       该元素被隐藏，而且该元素的子孙后代也被同时隐藏，此时被隐藏的元素不    占据任何空间，用户的交互操作在此元素上不能生效，但是通过js语句操作dom可以来操作 来隐藏元素。
  (4)Position：posiition:absolute; top:-2880px; Left:-2880px;
     通过设置top,left的值，将元素放在屏幕的可视区域外，这样就达到了元素隐藏的效果。

2. css清除浮动的几种方法：

      (1) clear： none/left/right/both  none是默认值  最好只清除元素本身的浮动效果，不影响其他元素。 浮动对流中块级元素的影响。
      (2) overflow: hidden/scroll(滚动) 一个作用是超出元素部分要被剪裁掉；另一个作用是 清除包含块内子元素的浮动  也可以说BFC的应用。(IE6不支持)
      (3) :after伪元素,
          .clearfix:after {
           content: "\0020"; 这里代表空字符
           display: block;   块状不是浮动类型
           height: 0;
           clear: both;
          }
          这里的after IE6是不支持的，所以要加上zoom：1 ，这个属性只有IE6识别，其他浏览器自动忽略，代表缩放比例。
      （4）使用邻接元素处理 就是利用后面的一个元素用clear：both

3. css中的BFC指的是什么？

    BFC英文“block formating context”  是web页面盒子模型渲染模式。

    如何创建一个BFC：满足以下条件之一即可
     float的值不为none；
     overflow的值不为visible；
     position的值为fixed / absolute；
     display的值为table-cell / table-caption / inline-block / flex / inline-flex。

     BFC的应用：
    1、当元素在同一个BFC模型中时，外边距折叠，如果里面还有一个BFC将不会折叠外边距。得按新的BFC来规则。2、浮动问题。overflow：hidden即可清除

4. IE6的bug有哪些？

IE6的bug有哪些？链接

     （1）IE6双倍边距bug ，要加上display：block或者inline 因为在元素中margin-left如果设置为10后，IE6会渲染成20px;
     （2）3像素问题，解决方法，在同一行元素中都加上float：属性 dislpay:inline -3px；
     （3）高和宽是偶数和奇数有差别。如果想要解决，只要在父级
     加上高宽偶数即可；
     （4）图片的下方有空隙，解决方法只要设置display：block或者font-size：0；
     （5）空元素的高度：如果空元素设置了高度范围0-19，那么始终是19的高度。设置font-size：0即可；
     （6）z-index失效；
        1、父标签 position属性为relative；   2、问题标签无position属性（不包括    static）；  3、问题标签含有浮动(float)属性。这三种情况，z-index是失效的。
     （7）超链接hover 点击后失效 使用正确的书写顺序 link visited hover active

5. 盒子模型

      IE的 content部分包括border和padding；
      标准的W3c盒子模型： 内容(content)、填充(padding)、边界(margin)、 边框(border).

6. js的typeof返回哪些类型？

      object   number    function  boolean  undefined

7 .例举3种强制类型转换和2种隐式类型转换?

       parseInt    parseFloat      number    ( ==     ===)

8 数组方法pop() push() unshift() shift()

      Push()尾部添加
       pop()尾部删除
       unshift()头部添加
      shift()头部删除

9 闭包是什么，有什么特性，对页面有什么影响?简要介绍你理解的闭包

10权重问题

  !important > 行内样式 > ID > 类、伪类、属性 > 标签名 > 继承 > 通配符

Markdown和扩展Markdown简洁的语法
代码块高亮
图片链接和图片上传
LaTex数学公式
UML序列图和流程图
离线写博客
导入导出Markdown文件
丰富的快捷键

快捷键

加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y

Markdown及扩展

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题，将某些文字标记为粗体或者斜体，创建一个链接等，详细语法参考帮助？。

本编辑器支持 Markdown Extra , 　扩展了很多好用的功能。具体请参考Github.

表格

Markdown　Extra　表格语法：

项目	价格
Computer	$1600
Phone	$12
Pipe	$1

可以使用冒号来定义对齐方式：

项目	价格	数量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

定义列表

Markdown　Extra　定义列表语法：项目１项目２

定义 A

定义 B

项目３

定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码，例如：

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''