![bf54dcde64112d0ad0ddd9dba8fcde32.png](https://i-blog.csdnimg.cn/blog_migrate/7fb81dd9b2851e7ea0dc66b3644483ae.jpeg)
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相关的习题。
特殊说明:以上资料由开课吧提供!