美文网首页
前端面试知识1

前端面试知识1

作者: sakatayui酱 | 来源:发表于2017-07-10 22:24 被阅读0次

    1.什么是HTML5?

    HTML5是最新的HTML标准,他的主要目标是提供所有内容而不需要任何的像flash,silverlight等的额外插件,这些内容来自动画,视频,富GUI等

    HTML5是万维网联盟(W3C)和网络超文本应用技术工作组(WHATWG)之间合作输出的

    2.什么是SVG(Scalable Vector Graphics可缩放矢量图形)?

    SVG(Scalable Vector Graphics可缩放矢量图形)表示可缩放矢量图形。他是基于文本的图形语言,使用文本,线条,点等来进行图像绘制,这使得他轻便,显示更加迅速

    3.HTML5废弃了哪些HTML4标签?

    frame、frameset、noframe、applet、big、center、basefront

    4.浏览器渲染过程

    1、首先获取html,然后构建dom树

    2、其次根据css构建render树,render树中不包含定位和几何信息

    3、最后构建布局数,布局是含有元素的定位和几何信息

    5.关于前端模块化?

    前端模块化就是把复杂的文件分成一个个独立的模块,比如js文件,分成独立的模块之后有利于代码的重用和维护,但是这样又会引来模块与模块之间的依赖问题,所以就有了CommonJS、AMD、CMD规范,最后出现了webpack,webpack就是前端模块化的一种解决方案,基本上大公司都会使用webpack。

    6.对WEB标准以及W3C的理解与认识

    标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性

    7.什么是事务存储?我们如何创建一个事务存储?

    会话存储和本地存储类似,但是数据在会话中有效,简而言之数据在你关闭浏览器的时候就被删除了。

    为了创建一个会话存储你需要使用“sessionStorage.variablename.”

    如果你刷新浏览器则数目增加,但是如果你关闭浏览器,变量又会从0开始。

    8.HTML5中的应用缓存是什么?

    一个最需要的事最终是用户的离线浏览,换句话说,如果网络连接不可用时,页面应该来自浏览器缓存,离线应用缓存可以帮助你达到这个目的

    应用缓存可以帮助你指定哪些文件需要缓存,哪些不需要。

    9.CSS中 link 和@import的区别是?

    (1)link属于HTML标签,而@import是CSS提供的; 

    (2) 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;

    (3)import只在IE5以上才能识别,而link是HTML标签,无兼容问题;

     (4)link方式的样式的权重 高于@import的权重

    10.对BFC规范的理解?

    BFC,块级格式化上下文,一个创建了新的BFC的盒子是独立布局的,盒子里面的子元素的样式不会影响到外面的元素。在同一个BFC中的两个毗邻的块级盒在垂直方向(和布局方向有关系)的margin会发生折叠

    相关文章

      网友评论

          本文标题:前端面试知识1

          本文链接:https://www.haomeiwen.com/subject/dkwuhxtx.html