Web前端开发问题，前端面体，答案2020

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

(1)响应布局2 ) 100%布局(灵活布局3 )等比比例布局(rem ) )。

如何防止XSS攻击？

(1)转义在前端输出的所有数据；2 )转义在输出字符串中的)反斜杠；3 )是否在后端检索并在前端转义来自url的信息

混合开发的注意点

扩展WebView :本机WebView基本上是PC平台的浏览器内核移植，但不完全适合移动场景，各种硬件API不受HTML5本机支持。 因此，对WebView产生了各种各样的Hack、扩展功能，也有基于扩展WebView提供第三方服务的产品。

路由： APP内跳转由于加入WebView而变得复杂，同时由于组件化、模块化问题，路由也成为讨论的重点。

缓存：移动网络条件差，需要进行资源缓存和预加载才能体验用户体验。

通信—即HTML5和Native之间的通信。 利用系统提供的网桥API即可实现，但APP应用存在一些凹坑和安全问题。

不是

简述Node.js的使用场景？

IIO密集、计算密集的方案； 客户系统等高并发微数据的方案。 在高并发性中，Node.js的性能随着并发性的提高而下降的现象明显优于其他服务器。

Bad Use Cases 1.CPU heavy apps (高CPU消耗的app )2.Simple CRUD/HTML apps (简单CRUD/HTML apps )3. nosqlnode.jsbuzzwordbulllshit

good use cases1. JSON API2. singlepageapps (单页app )3. shelling out to UNIX工具的脚本化调用)4.Streaming data )

以上是酷仔整理并提供今天提供的网络前端开发问题，希望为网络前端同学提供有用的面试素材。 今后酷仔每天都会提供Python和网络相关的练习题。

特别说明：以上资料开课吧。