Web前端开发面试题,前端面体及答案2020

移动布局自适应屏幕的几种方式？

(1) 响应式布局 (2) 100%布局（弹性布局） (3) 等比缩放布局（rem)

如何防止XSS攻击？

(1) 将前端输出数据都进行转义 (2) 将输出的字符串中的\反斜杠进行转义 (3) 从url中获取的信息，防治方法是由后端获取，在前端转义后再行输出 (4) 使用cookie的HttpOnly属性，保护好cookie

混合开发的注意点

增强WebView ： 原生WebView基本是PC平台浏览器内核的移植，但对于移动场景并不完全适合，各种硬件API得不到HTML5原生支持。因此对于WebView的种种Hack、增强应运而生，甚至出现了基于增强WebView提供第三方服务的。

路由： 应用内跳转由于加入了 WebView而变得复杂起来，同时由于组件化、模块化带来的问 题，路由也成为人们讨论的重点。

缓存： 移动网络条件差，为了用户体验，必须要做资源缓存和预加载。

通信： 即HTML5和Native之间的通信。利用系统提供的桥接API可以实现，不过在应用上还 有着一些坑点和安全问题。

简述Node.js的使用场景？

IIO 密集而非计算密集的情景；高并发微数据（比如账号系统）的情景。特别是高并发，Node.js 的性能随并发数量的提高而衰减的现象相比其他 server 都有很明显的优势。

Bad Use Cases 1．CPU heavy apps （高CPU消耗的app） 2．Simple CRUD / HTML apps （简单的CRUD / HTML apps） 3．NoSQL + Node.js + Buzzword Bullshit （NoSQL + Node.js + 各种时髦词汇）

Good Use Cases 1．JSON API 2．Single page apps （单页面app） 3．Shelling out to unix tools （对unix工具的脚本化调用） 4．Streaming data （流数据） 5．Soft Realtime Applications （软件实时程序）

以上就是酷仔今天整理提供的Web前端开发面试题，希望为Web前端同学提供了有用的面试素材，以后酷仔每日均会提供Python及Web相关的习题。

特殊说明：以上资料由开课吧提供！