上篇文章小猿圈前端讲师为你分享了前端面试中js遇到的一些基础问题，接下来给大家讲解的就是前端基础和理论问题都有哪些，想学习web前端就来小猿圈自学吧，里面有全面的技术指导，还有专业的老师为你解答问题。
前端基础和理论问题
1.HTML中Doctype的用途是什么？具体谈谈，以下每种情况下会发生什么：
Doctype不存在。
使用了HTML4Doctype，但HTML页面使用了HTML5的标签，如<audio>或<video>。它会导致任何错误吗？
使用了无效的Doctype。
2.DOM和BOM的区别是什么？
提示：BOM，DOM，ECMAScript和JavaScript都是不同的东西。
3.什么时候应该使用CSSanimations而不是CSStransitions？你做出这个决定标准是什么？
4.使用单页应用将文件上传到服务器的有哪些方法？
提示：XMLHttpRequest2（streaming），fetch（non-streaming），FileAPI
5.CSS重排和重绘之间有什么区别？
哪些CSS属性会导致重排及重绘？
6.什么是CSS选择器权重以及它如何工作？
说说计算CSS选择器权重的算法。
7.CSS中的pixel与硬件/物理中的pixel有何不同？
提示：像素不是像素不是像素–ppk。
8.什么是sectioning算法？
提示：它也被称为HTML5大纲算法。特别是在构建具有语义结构的网站时非常重要。
9.如果你用过CSSFlex/CSSGrid（网格）布局，请说明你为什么要使用它？它为你解决了什么问题？
使用CSSGrid，百分比％和fr单位有何不同？
使用CSSflexbox，有时flex-items/children会不考虑flex容器设置的宽度/高度？为什么会这样？
可以使用CSSGrid创建Masonrylayout（瀑布流布局）吗？如果可以，怎么做？
解释CSSGrid和CSSflexbox术语？
浮动元素（float:left|right;）如何在CSSGrid和flexbox中渲染？
提示：等高的列，垂直居中，复杂网格等。
10.如果你正在ReviewCSS代码，那么你在代码中经常遇到的问题是什么？
示例：使用魔性数字，如width:67px;或使用em代替rem单位，在通用代码之前编写mediaqueries（媒体查询），滥用ID和类等。
11.如何在JavaScript中检测触摸事件？
1、你是否不看好检测设备对触摸事件的支持？如果是，为什么？
2、比较触摸事件和点击事件。
3、当设备同时支持触摸和鼠标事件时，你认为这些事件的正确事件顺序是什么或应该是什么？
上述就是小猿圈web前端讲师为大家讲解前端基础和理论问题，希望你能在自学前端中找到自己学习方法以及真正有用的学习网站，如果你没有可以到小猿圈这里，这里不仅有专业的学习视频还有老师指导你学习帮助你进步，希望你在不断进步中加快成长。
网友评论