• 前端面试&笔试汇总


    唉,最近面试,发现自己越来越菜了,所以还是选择记录一下每天看到的知识好了。不定更新,欢迎探讨哈哈。

    html(html5)

    1.img标签的title和alt属性分别表示什么?

    title:设置鼠标悬停到图片上的文字
    alt:设置图片的描述信息(方便搜索引擎搜索)
    width和height属性都是不带单位的!!!

     2.a标签的target属性你可以说出多少?

    _self:默认值,在当前页面打开
    _blank:在新的窗口打开
    _parent、_top(本人没怎么用过,有兴趣可以百度)

     3.列举一些h5的标签

    header、nav、article、aside、section、footer、canvas等
    

     4.前端页面如何解决页面乱码

    设置meta标签,现在大多浏览器的编码都是UTF-8
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    也可以简单的写成
    <meta charset="utf-8">

    说明一下几个简单的属性
    http-equiv:描述文档类型
    content:文档类型
    charset:页面的编码

     5.表格的合并(平时都是列表解决的,没咋用过)

    colspan:表格的列合并
    rowspan:表格的行合并
    

     6.列举一些input的常用属性

    type:输入框的类型,值有:type、submit、password、file、checkbox、button、radio、reset
    maxlength:允许输入的最大字符数
    size:指定输入框宽度,单位为字符的宽度
    vaule:指定输入框的初始值
    placeholder:输入框提示,h5新加属性
    autofoucs:自动获得焦点,h5新加属性
    required:必填项,h5新加属性

     7.h5增加了什么新特性

    1.增加了语义化标签,header,footer等
    2.优化了表单,增加了一些表单属性
    3.canvas画布
    4.多媒体标题,vedio和audio
    5.本地存储,localStorage和sessionStorage
    6.废除了一些标签和属性,属性例如bgcolor,标签例如frame等
    7.新增地理位置的api
    .....
    

    css

    1.你可以说下用link标签和@import导入css文件的区别吗

    1.link是xhtml标签,他不止可以加载css,还可以定义rel等其他属性,用途广,但@import仅仅只是css的语法,用来引用css文件的而已
    2.兼容性不同,link标签可以在所有浏览器中使用,无兼容问题;而@import是css2.1提出来的,只对ie5+以上有用
    3.加载顺序不同:link标签在页面开始加载的时候就加载css文件,而@import只有在页面加载完成后才会开始加载,这样可能导致页面一开始无样式效果。
    4.dom操作,link标签可以通过js进行操作,但@Import不可以
    

     2.css有什么选择器

  • 相关阅读:
    React之react-router(connected-react-router/react-router-dom)
    React之redux学习日志(redux/react-redux/redux-saga)
    React之常用技术栈
    js书写规范
    Mybatis plus 常用更新操作
    Mybatis plus 常用删除方式
    Mybatis plus 实体类常用注解
    spring boot 单元测试
    mybatis plus 添加启用打印日志
    Lombok插件优缺点
  • 原文地址:https://www.cnblogs.com/kongbaifeiye/p/13225377.html
Copyright © 2020-2023  润新知