上篇文章小猿圈前端讲师为你分享了前端面试中js遇到的一些基础问题，接下来给大家讲解的就是前端基础和理论问题都有哪些，想学习web前端就来小猿圈自学吧，里面有全面的技术指导，还有专业的老师为你解答问题。
前端基础和理论问题
1.HTML中Doctype的用途是什么？具体谈谈，以下每种情况下会发生什么：
Doctype不存在。
使用了HTML4Doctype，但HTML页面使用了HTML5的标签，如或。它会导致任何错误吗？
使用了无效的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前端讲师为大家讲解前端基础和理论问题，希望你能在自学前端中找到自己学习方法以及真正有用的学习网站小猿圈WEB前端自学交流：820024416，如果你没有可以到小猿圈这里，这里不仅有专业的学习视频还有老师指导你学习帮助你进步，希望你在不断进步中加快成长。