前端高级面试题库: almacenamiento、webpack、浏览器内核、Canvas 等
需积分: 5 12 浏览量
更新于2024-08-03
收藏 6KB MD 举报
前端高级面试题整理及答案
本文总结了前端高级面试题的知识点,涵盖了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等多个方面,对前端开发有着重要的参考价值。
2018-09-06 上传
小嗷犬
- 粉丝: 3w+
- 资源: 1347
最新资源
- 掌握Jive for Android SDK:示例应用的使用指南
- Python中的贝叶斯建模与概率编程指南
- 自动化NBA球员统计分析与电子邮件报告工具
- 下载安卓购物经理带源代码完整项目
- 图片压缩包中的内容解密
- C++基础教程视频-数据类型与运算符详解
- 探索Java中的曼德布罗图形绘制
- VTK9.3.0 64位SDK包发布,图像处理开发利器
- 自导向运载平台的行业设计方案解读
- 自定义 Datadog 代理检查:Python 实现与应用
- 基于Python实现的商品推荐系统源码与项目说明
- PMing繁体版字体下载,设计师必备素材
- 软件工程餐厅项目存储库:Java语言实践
- 康佳LED55R6000U电视机固件升级指南
- Sublime Text状态栏插件:ShowOpenFiles功能详解
- 一站式部署thinksns社交系统,小白轻松上手