百姓网前端架构测试题

一、写一个百姓网首页列表

• 要求：语义化、模块化，兼容所有主流浏览器（IE6+ / Chrome / Firefox / Safari / Opera），适合后台程序循环输出逻辑。说明实现思路。
• 提示：W3C 标准应用，写法优先 vs Hack 优先
• 加分：兼容性好、技巧得当、比现有组件出色

二、使用任何一个以上的 HTML5 特性完成百姓网某个页面/模块/组件

• 要求：在百姓网上找到一个应用场景（页面、模块或组件），使用一个以上 HTML5 特性。说明实现对现有功能上增强的点，考虑不支持浏览器的兼容解决方案。
• 提示：找准应用点，体现新技术实现的优势，新旧技术的兼容方案
• 加分：有好的兼容解决方案、出色实现、系统化

三、用原生 JS 实现一个事件模块

• 要求：JS event 的浏览器兼容。
• 提示：考虑 W3C 与 IE 的兼容，参考主流 JS 框架实现方式
• 加分：非冒泡事件的冒泡支持、事件委派、自定义事件、mouseenter/mouseleave 支持、有测试用例