我是今年4月应聘的腾讯前端开发岗位。不幸的是，我没有通过笔试题。我在48小时内给了答复，并回复了面试官。我的回答太简单了，所以面试官大概不会说我懒得回我这个菜鸟（哼哼哼）。当然，以我现在的眼光来看这个答案，我觉得应该不是一个学了一年前端的人给出的答案。话不多说，下面是面试题。一、腾讯在线面试原题及配套材料1、面试原题截图2、附上具体psd文件点击去谷歌云盘获取2、题目分析首先我只关注前端做题目分析，当然全栈大佬也会进行图片裁剪，用户体验设计，后台，运维等。2.1高精度还原考察ps工具的使用，因为面试官给的材料在附件是psd格式文件。需要自己剪图，挑颜色，挑间隔大小。2.2使用Vue，合理规划组件，测试你对框架的理解和使用能力。这个框架的选择没有问题，可能是因为我的简历上有很多Vue的项目，所以面试官选择让我用Vue来实现。当然，你可以使用React或其他。2.3支持手势滑动和左右切换Tab。像我这样的初级前端工程师，应该多关注自己对第三方库的使用，而不是叫我造轮子。2.4更换下载状态和小动效考察异步和基础css能力2.548小时内回复这应该是最难的一点。毕竟大公司追求的是速度和效率。谁能在规定时间内交出更满意的答卷，谁将更受青睐。3.项目分析这道题看似很简单，很多人应该是直接开始写代码，边做边改。这个时候，我们不妨放慢脚步，慢慢欣赏这张UI设计图。忽略头部，专注于主体。手机浏览器中的红框可以忽略。仔细想想，只有“游戏分类”4个字。从项目结构来看，涉及到Tab组件和List组件的通信。从用户体验的角度来看，我们也喜欢底部的Tab滑块在切换时不是瞬态的，而是随着页面一起滑动。.从程序涉及到的扩展性的角度，我们也希望Tab组件不要有6个固定值，而应该是可配置的。如果超过6个，Tab也可以滑动。列表部分的重点是长列表处理。如果你在懒加载和下拉加载中还很注重细节，那你还需要考虑切换tab再回来的时候是否需要缓存原来的tab页；各种边界条件的处理，如空Data、网络错误等；上拉刷新页面；左右切换实现过渡效果。地址2.脚手架准备好了，接下来我们要分析页面结构头部的tab组件，这个实现比较简单，接下来我们就原生实现可以左右滑动、上拉刷新、拉出的列表页下来加载。滑动列表使用第三方库better-scroll再次封装了一个组件。这两个组件需要相互通信，这样当左右滑动时，导航栏也能随之滑动。通信方式我们使用redux临时模拟数据目录结构，用mock数据├──src│├──pages//pages│├──components//components│├──store//redux数据源
