前端高级面试题库： almacenamiento、webpack、浏览器内核、Canvas 等

前端高级面试题整理及答案 本文总结了前端高级面试题的知识点，涵盖了storage缓存、webpack缺点、节点类型判断、浏览器内核、CSS布局、Canvas和SVG等多个方面。 一、Storage缓存 使用storage对js文件进行缓存可以通过localStorage实现。localStorage是针对一个session的数据存储，所以我们一般利用localStorage储存js文件，只有在第一次访问该页面的时候加载js文件，以后在访问的时候加载本地localStorage执行。 二、Webpack缺点 Webpack的缺点是只能用于采用模块化开发的项目。Webpack是一个模块打包工具，需要遵循模块化开发的规则，否则无法正常工作。 三、节点类型判断 节点类型可以通过nodeObject.nodeType判断，nodeObject为DOM节点（节点对象）。该属性返回以数字表示的节点类型，例如，元素节点返回1，属性节点返回2，文本节点返回3，注释节点返回8，文档节点返回9。 四、浏览器内核 常见的浏览器内核有Trident（MSHTML）、Geckos、Presto、Webkit等。每种内核都有其特点和优缺点，例如Trident是IE浏览器的内核，Geckos是Firefox浏览器的内核，Presto是Opera浏览器的内核，Webkit是Safari和Chrome浏览器的内核。 五、CSS布局 Position、Display、Overflow、Float这些CSS属性可以相互叠加，但需要遵循一定的优先级机制。Position：absolute/fixed优先级最高，有他们在时，float不起作用，display值需要调整。Float或者absolute定位的元素，只能是块元素或表格。 六、Canvas和SVG Canvas是一种通过JavaScript来绘制2D图形的方法。Canvas是逐像素来进行渲染的，因此当我们对Canvas进行缩放时，会出现锯齿或者失真的情况。SVG是一种使用XML描述2D图形的语言。SVG基于XML，这意味着SVGDOM中的每个元素都是可用的。我们可以为某个元素附加JavaScript事件监听函数。并且SVG保存的是图形的绘制方法，因此当SVG图形缩放时并不会失真。 本文总结了前端高级面试题的多个方面的知识点，涵盖了storage缓存、webpack缺点、节点类型判断、浏览器内核、CSS布局、Canvas和SVG等多个方面，对前端开发有着重要的参考价值。