一周的前端面试

记录了一周内参加多次面试的经历,特别是关于Vue.js的技术面试,分享了面试中遇到的问题及回答情况。
2018.07.13,今天是周五,也是工作的最后一天,马上就要去新的工作环境了,从上周六开始的面试,一周下来也面试了不少,有给offer的,有让我等消息的,但不管怎么说,简单记录这一周发生的。

2018.07.07(周六),一天面试了两家,总的来说,技术方面的面试还是挺靠谱的,因为两位技术官都比较有经验,问的问题偏基础的,但是非常有整体性,整个流程有个大概的沟通。至于到现在了还是没有消息,可能是因为我期望工资说的高了点,但是对于面试问到的问题,我觉得回答的还是挺满意的,面试过程中还有彼此探讨的情况,虽然不能100%正确,应该有个80%以上吧!

2018.07.09(周一),这场面试直奔主题——vue面试,但是给我感觉就是恨不能把vue官网倒背如流,下面简单记录相关问题

下班后参加的一场面试(小型的创业公司,工作环境有点拥挤),现在还是记忆犹新,主要面试内容以vue为主,因为这个公司目前项目内容都是vue实现(PC端+移动端),也问到过原型链、闭包、ES6特性,下面主要记录回答过程中对于vue不是太熟练的地方。

问题一:v-if与v-show区别?
回答:这个绝对有了解过,一个首次全部加载后续切换,一个惰性加载true时才加载,只是记得不太清楚谁是谁,外加一上来问的第一个问题有点紧张(看到HR)。附上答案

问题二:keep-alive作用?
回答:说实话,没用过,有了解过,也就实话实说了。过...。附上答案

问题三:阐述下vue双向绑定的原理?
回答:私底下有建过demo,不用vue,就用原生的js也实现过数据的双向绑定,基于的是监听用户的输入事件,事件驱动,没有仔细看过vue源码,应该原理大致也是如此。如此回答不知合理否。附上答案

问题其它:nextTick、mixins、异步组件等其它vue高级特性
回答:至于这些高级特性,平时做的vue项目里真没有太多的使用,因为公司的vue项目以及个人vue项目应该是偏简单的,主要用到了vue-router、vuex等相关基础功能,能实现了项目里的基本要求。因为没有用到这些个高级特性,所以回答的也只能是支支吾吾。但的确这些特性也有看过,只是没有太使用,也就没多少可说的了。但我相信应该项目有需求,利用官网还是能完成,可能别人需要的是用过丰富vue经验的vue程序员吧,还有可能开的工资有点超出他们预期,也就没多少下文了。

2018.07.10(周二)——(周四),这几天的中午和下午也都有出去面试,也有电话面的,有vue高级面试,也有单纯的web方面,跟技术面试官,都有探讨写js方面非常基础知识,原型链、闭包之类的。

总的来说,跟技术人员沟通的,个人评价有个80%以上的满意度,但很多时候可能也还是不符合别人的需求吧!因为在面试官看来,你回答我的80%还是不行,最好是100%,更好是120%,完美滴是反问几个让面试官也懵逼的问题,他才可能认可你。

但不管怎么说,自己的价值还是自我实现吧!不是别人认可你了,你就什么问题都没有,别人不认可了就一文不值了,既然选择了这一行,就更多实现自我价值为主吧!有时间多鼓捣鼓捣,多研究研究,最后是能做个个人比较厉害的项目,对于技术人来说应该是试下价值的一种方式吧!!!

### 前端开发面试题目及答案汇总 #### 面试题分类概述 为了帮助更好地准备前端开发岗位的面试,在接下来的内容中,将提供一系列覆盖HTML、CSS、JavaScript以及框架相关的重要知识点。这些问题是基于实际招聘过程中常见的考察方向整理而成。 #### HTML基础问题 1. 解释DOCTYPE的作用是什么?[^1] 2. 如何定义语义化标签及其重要性? 3. `<meta>` 标签有哪些常见属性? #### CSS布局与样式 4. Flexbox 和 Grid 的主要区别在哪里? 5. 使用媒体查询实现响应式设计的方法。 6. BFC (Block Formatting Context) 是如何工作的? #### JavaScript核心概念 7. 变量声明方式 var, let 和 const 之间的差异。 8. 函数作用域链的概念及其实现机制。 9. Promise 对象的工作流程和应用场景。 #### DOM操作技巧 10. 获取页面元素的方式有哪些? 11. 动态创建并插入新节点的具体方法。 12. Event Loop 工作原理简介。 #### 浏览器兼容性和性能优化 13. 处理不同浏览器间样式的不一致现象的最佳实践。 14. 图片懒加载的技术方案介绍。 15. Webpack 打包工具的基础配置要点。 #### Vue.js/React/Angular等主流框架特性 16. 单页应用(SPA)相对于传统多页网站的优势所在。 17. React 中 JSX 表达式的语法特点。 18. Vuex/Vuex Store 在Vue中的角色定位。 #### HTTP协议理解 19. GET 请求和 POST 请求的主要差别。 20. RESTful API 设计原则说明。 21. CORS 跨域资源共享策略解析。 #### TypeScript入门指南 22. 类型推断(Type Inference)的功能描述。 23. 接口(interface) vs 抽象类(abstract class)的选择依据。 24. 泛型(generics)的实际用途举例。 #### 安全意识培养 25. CSRF 攻击防范措施总结。 26. XSS 注入漏洞预防手段探讨。 27. HTTPS 加密传输的意义阐述。 --- 以上只是精选的一部分典型问题列表,完整的100道题库涵盖了更广泛的主题和技术细节。针对每一个主题领域都有深入浅出的回答模板可供参考学习。 ```javascript // 示例代码片段:简单的事件监听器设置 document.getElementById('myButton').addEventListener('click', function() { console.log('按钮被点击'); }); ``` #### 两周复习计划建议 - **第1周** - 每天集中精力掌握一组特定技能集内的基础知识,如第一天专注于HTML/CSS,第二天转向JS基础等等。 - 结合官方文档或优质教程加深印象,尝试动手编写简单案例来巩固所学内容。 - **第2周** - 开始模拟真实场景下的编码挑战,利用LeetCode或其他平台练习算法题目的解答能力。 - 查漏补缺阶段,回顾之前遇到困难的地方重新梳理思路直至完全理解为止。 - 将重点放在高频考点上反复训练直到能够流畅应对各类变体形式的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值