一、web前端开始面试问题？
一、html 常见题目
01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?
02、html5 为什么只需要写 <!DOCTYPE html>？
03、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
04、页面导入样式时，使用link和@import有什么区别？
05、介绍一下你对浏览器内核的理解？
06、常见的浏览器内核有哪些？
07、html5有哪些新特性、移除了那些元素？如何处理html5新标签的浏览器兼容问题？
08、如何区分 html 和 html5？
09、简述一下你对html语义化的理解？
10、html5的离线储存怎么使用，工作原理能不能解释一下？
11、浏览器是怎么对html5的离线储存资源进行管理和加载的呢？
12、请描述一下 cookies，sessionStorage 和 localStorage 的区别？
13、iframe有那些缺点？
14、Label的作用是什么？是怎么用的？（加 for 或 包裹）
15、HTML5的form如何关闭自动完成功能？
16、如何实现浏览器内多个标签页之间的通信? (阿里)
17、webSocket如何兼容低浏览器？(阿里)
18、页面可见性（Page Visibility）API 可以有哪些用途？
19、如何在页面上实现一个圆形的可点击区域？
20、实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和cssCompat模式下都能保持同一效果。
21、网页验证码是干嘛的，是为了解决什么安全问题？
22、tite与h1的区别、b与strong的区别、i与em的区别？
二、web前端面试题？
您好：您这样说太乱了有没有感觉？有是速度慢，又是标签不对，又是图片路径等等。你就算把所有问题都讲完，面试的人也不一定能感觉你出彩。你要懂得分类。你可以这样说：您好，我刚才大体看了下网站。我个人感觉有以下几类问题。
1.网站整体风格，结合公司的性质来说。
2.网站用户体验性，SEO优化问题，包括：html布局，title标签，网站关键词keyword等等。
3.网站性能，通过浏览器的性能分析工具来看看就行。F12。…这样不仅让面试官能清楚的认识到你的逻辑条理性，并且能展示你的专业水平。
三、web前端面试考算法吗？
web前端面试对于算法方面的内容考得不多。
四、腾讯web前端社招面试流程？
简历初选——人事面试——笔试——技术初试——技术复试——综合面试。
五、如何成功的面试WEB前端开发？
第一，带二维码吧，效果其实也挺好的
第二，github都成标配了，有博客大部分都会加分
第三，线上已运营的网站，给面试官show注释里面自己的签名也是酷酷的
第四，还有可以带块平板，面试时有wifi当然好，没有起码有个离线版本或者APP在平板上可以展示
第五，自己的网站选择新浪sae或者github pages也好，最好第六，买个自己的域名，绑定自己的独立域名会高一点逼格的~
第七，有什么好的平台的账号也可以选择性写上去，效果不比博客差
第八，刷刷面试题
最后，带上一个好的心态去吧，没有好作品不要紧，没有好的实力也不要紧，最要紧是要别人看到你的潜力~祝成功~
六、Web前端如何编写自定义的布局逻辑？
已解决。今天问了一位前端的同事，他告诉我： CSS 的 Layout API 属于 W3C Houdini[1] 草案的一部分。目前 Chrome Canary[2] 已有部分支持（我还没有测试）。
从草案的描述上看，确实是与 WPF 和 Flutter 等其它 UI 框架对等的布局 API 。我把关键部分的代码摘录过来，可以看到下方的 layout 方法，与题目中所描述的其它框架的布局过程是吻合的。
一个布局函数，其接收父级给它的 Available Size ，并对其子组件进行测量，再利用以上数据，结合自身特有的布局逻辑，计算出每个子组件的位置、大小，最后返回自己实际使用的 Size ，以供父级元素参考。
与现有的前端解决方案相比，该方案的优势在于： layout 函数执行于 Render 之前，可以根据测量的结果决定是否需要 Render 某个 Child ；而现有的前端方案，无论哪一种，一个 Element Size 必定是在 Render 之后才能知道，然后才能测量以决定该元素是否可见 。
// 1. 最终的使用方法，和现在使用 grid、flex 等是一致的；.centering display: layout(centering);// 2. 编写布局逻辑的函数；registerLayout(&39;centering&39;, class async layout(children, edges, constraints, styleMap) // 一大段测量 child 尺寸，以及安排 child 位置的代码。 return autoBlockSize, childFragments, );// 3. 添加布局逻辑到 layout worklet。if (&39;layoutWorklet&39; in CSS) await CSS.layoutWorklet.addModule(&39;my-layout-script.js&39;); console.log(&39;layout script installed!&39;);
