zoukankan      html  css  js  c++  java
  • 前端面试题

    1. 行内标签和块标签

    行内标签:span br I a 块级标签:div h系列 p li

    2. 阻止冒泡

    标准:e.stopPropagation() IE: e.cancelBubble = true

    3. 阻止默认事件

    标准:e.preventDefault() IE: e.returenValue = false

    4. 哪些数组方法改变原数组,哪些不改变原数组

    改变原数组的方法:
    shift:将一个元素删除,并返回删除元素,删除第一项
    unshift:在原数组的最前端依次添加,并且返回新数组的长度
    pop:将一个元素删除,并返回删除元素,删除最后一项
    push:在原数组的最后端依次添加,并且返回新数组的长度
    splice:三个参数,第一个代表开始的下标,第二个代表要删除的个数,第三个代表要替代的东西 返回被删除的数组
    reverse:反转数组的顺序
    sort:对数组进行依次排序
    fill: 使用固定值充值数组
    不改变原数组的方法:
    concat:拼接,连接多个数组
    slice:提取,返回被提取的字符串
    join:将数组所有元素以参数作为分隔符放入一个字符
    map: 返回新数组
    filter: 把某些元素过滤掉,返回剩下的元素
    some: 用于监测数组中的元素是否满足指定条件
    every: 用于监测数组中的元素是否都满足指定条件
    forEach: 遍历数组
    reduce: 函数累加器
    entries: 获取包含数组每个索引的键和值对的新Array
    find: 获取数组中满足符合条件的元素

    5.Label标签的作用

    为input元素定义标注,当用户点击label标签内的文本时,会将焦点转到和标签相关的表单控件上。

    6. 如何关闭表单项自动完成功能

    autocomplete设置为false

    7. 浏览器内核有哪些

    IE:Trident Firefox:Gecko 苹果、Chome:Webkit

    8. 哪些css属性可以被继承,哪些不可以被继承

    可继承的属性:
    (1) 字体系列属性
    font:组合字体
    font-family:规定元素的字体系列
    font-weight:设置字体的粗细
    font-size:设置字体的大小
    font-style:设置字体的风格
    font-variant:偏大或偏小的字体
    (2) 文本系列属性
    text-indent:文本缩进
    text-align:文本水平对齐
    line-height: 行高
    word-spacing:增加或减少单词的空白
    letter-spacing:增加或减少字符间的空白
    text-transform:控制字体大小写
    direction:规定文本的书写方向
    color:文本颜色
    (3) 元素可见性
    visibility
    (4) 表格布局属性
    caption-side定位表格标题位置
    border-collapse:合并表格边框
    border-spacing:设置相邻单元格的边框间的距离
    empty-cells:单元格边框的出现与消失
    table-layout:表格的宽度由什么决定
    (5) 列表布局属性
    list-style-type:文字前面的小点样式
    list-style-position:文字前面小点位置
    list-style:以上的属性可以通过这属性集合
    (6) 引用
    quotes设置嵌套引用的引用类型
    (7) 光标属性
    cursor:箭头可以改变成需要的形状
    不可继承的属性:
    (1) display
    (2) 文本属性
    vertical-align:垂直文本对齐
    text-decoration:规定添加到文本的装饰
    text-shadow:文本阴影效果
    white-space:空白符的效果
    (3)盒子模型
    (4)背景属性
    (5)定位属性

    9. css权重

    !important>内联样式>ID>类、伪类、属性>标签、伪元素>通配符、子选择器、相邻选择器

    10爱恨原则 LVHA

    a:link a:visited a:hover a:active

    11. 箭头函数和普通函数的区别

    箭头函数是匿名函数,不能作为构造函数使用,不能使用new
    箭头函数不绑定arguments,取而代之用rest参数解决
    箭头函数不绑定this,会捕捉其所在上下文的this
    箭头函数通过apply() call()时候,只能传入一个参数,对this没有影响
    箭头函数没有原型属性

    12. let const var的区别

    let不能重复声明,但var可以
    let可以产生块级作用域,且只在自己的作用域内生效,但var不受限制
    let 不存在变量提升

    13. html5 css3新特性

    html5新特性:
    语义标签、增强性表单、音频和视频、canvas、svg绘图、地理定位、拖放API、web worker、web storge、websocket
    css3新特性:
    (1) 边框
    边框圆角、边框阴影、边框图片
    (2) 背景
    background-size background-orageground-origin background-clip
    (3) css3文本效果
    text-shadow、text-wrap
    (4) css3字体
    (5) 2D转换
    (6) 3D转换
    (7) flex布局

    14.jquery

    15.vue框架问题

  • 相关阅读:
    yarn 完美替代 npm
    Vue调试神器vue-devtools安装
    PHPStorm 忽略 node_modules 目录
    npm 更改为淘宝镜像的方法
    php快速获取所有的自定义常量用户常量
    我们为什么要在 PHPStorm 中标记目录
    PhpStorm 合理标注目录让索引和扫描更加地高效
    Linux sleep命令
    Shell命令行中特殊字符与其转义详解(去除特殊含义)
    shell编程—— EOF
  • 原文地址:https://www.cnblogs.com/yanghaifeng/p/12622782.html
Copyright © 2011-2022 走看看