机械人才网 招贤纳士网联盟网站
切换行业
当前位置:首页资讯中心 面试技巧 2017年首份前端面试技巧及试题总结
分享:

2017年首份前端面试技巧及试题总结

发布时间:01-11  

  2017年首份前端面试技巧及试题总结


  多同学在为面试做准备时,心里总会有些顾虑:工作经验少怎么办?有些知识点已经忘了怎么办?因此,面试时总会有些不自信。其实,这些都不是事儿。下面,播妞就会给大家分享前端面试写简历技巧及试题,其他科目的面试技巧、写简历及试题也会不定期推送!!


  开始揭晓


  >>>写简历技巧<<<


  在文字、排版、格式上不要出现错误


  在文字、排版、格式上不要出现错误,不要让审查人员认为你对这份offer不重视,这对于任何一个职位都一样。用人单位最不能容忍的只怕就是这种事。


  明确目标行业、企业、职位,针对性做准备


  求职时,明确目标行业、企业、职位,有针对性的做准备,事半功倍。找工作时都要忌讳一点:茫无目的,漫天撒网。缩小目标范围,节省时间和精力,深入研究分析,有针对性的对自己的商业价值进行优化组合,提高简历的吸引力。


  程序员运用编程语言、技术框架、设计模式、算法等开发针对某个领域问题的软件,软件必然和目标需求和业务密不可分,所以,程序员左手技术,右手业务,假如你对业务内容完全不感兴趣,很难想象你可以把软件做好。因此,当你有了目标产业,目标公司,还要去了解这家公司做什么产品,是产品导向的公司,还是项目导向,还是外包为主,选择那家你对它的业务范围感兴趣的公司,不感兴趣的就果断筛掉。


  知识、技能、经历


  知识、技能、经历,这都是一个人能体现出来的商业价值。一家企业招募某个人,一定是因为这个人可以帮助企业在某方面实现价值。而且,正常情况下,个人的贡献一定要大于企业为这个人负担的各种成本(薪水、社保、公积金、个税等)  每个人都有很多知识和技能,一定要找出你擅长的2~3种知识,2~3种技能,这将是你求职时的重要参考。人只有使用最擅长的技能去做事情,才能达到最好的效果。


  知识和技能的积累过程本身也是有价值的。积累知识和技能的过程,就是经历,例如你通过哪个网站学习、是否有在开源社区参考或贡献代码等等。没有实际的项目经验不可怕,但是总该看过几本书吧,总该看过一些代码吧。什么都没见过的人不太令人相信对计算机有热情。


  突出亮点、重点


  写简历时既不要夸大也不要谦虚,在真实反映自身能力与品质的前提下对其装点打扮。装点打扮并不代表是欺骗。除了基本情况,你更应该着重突出自身能胜任该职位的优势。详细列出所有能提升你形象的事情 (奖励, 特别的项目)。


  修改简历时,尽可能使用招聘信息里出现的字眼,便于HR(人力资源)识别。技术人员筛选简历,通常比HR要细一些,大致分两步,先筛关键词,然后是看项目经验里是否体现出了他们发布的岗位需要的技能和软实力。


  简历里要有你的工作细节


  简历里要有你工作的技术细节:编程语言,你的个人成就和水平。


  筛选者在阅读你的简历时心里都有选择标准: 1. 工作的挑战性如何, 2. 你的工作跟我们公司有多少相关性,所以你需要把工作描述清楚。


  更合适的写法应该是这样的:1.用C++语言实现一个用来执行自动备份的 Outlook e-mail 插件。


  2.有三个人一起开发这个任务,其他两个人分别负责编写备份存储服务器和产品的打包、分发给300,000个客户。3.不要写“快速的开发出了令人赞叹的软件”,应写成“通过3周的努力使软件的效率提高了25%”。 不要写成“每当其他人搞不定时,我都被叫去去救火”,应该写成“我先后被派往了三个进度严重滞后的项目,并分别帮它们度过难关。”


  作品是你最好的标签


  你的作品是你最好的标签。你的作品反映了你的实力与成就,审查人员可以在你的作品上看到你的闪光点并乐于跟你交流。


  >>>技术类试题<<<


  请谈一下你对网页标准和标准制定机构重要性的理解。


  (无标准答案)网页标准和标准制定机构都是为了能让web发展的更‘健康’,开发者遵循统一的标准,降低开发难度,开发成本,SEO也会更好做,也不会因为滥用代码导致各种BUG、安全问题,最终提高网站易用性。


  知道的网页制作会用到的图片格式有哪些?


  png-8,png-24,jpeg,gif,svg。


  但是上面的那些都不是面试官想要的最后答案。面试官希望听到是Webp,Apng。(是否有关注新技术,新鲜事物)科普一下Webp:WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。


  在质量相同的情况下,WebP格式图像的体积要比JPEG格式图像小40%。


  你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?


  ? IE: trident内核


  ? Firefox:gecko内核


  ? Safari:webkit内核


  ? Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核? Chrome:Blink(基于webkit,Google与Opera Software共同开发)display:none与visibility:hidden的区别是什么?


  ?display : 隐藏对应的元素但不挤占该元素原来的空间。


  ?visibility: 隐藏对应的元素并且挤占该元素原来的空间。


  即是,使用CSS display:none属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在。


  Javascript中callee和caller的作用?


  caller是返回一个对函数的引用,该函数调用了当前函数;callee是返回正在被执行的function函数,也就是所指定的function对象的正文。


  手写数组快速排序


  关于快排算法的详细说明,可以参考阮一峰老师的文章快速排序“快速排序”的思想很简单,整个排序过程只需要三步:


  (1)在数据集之中,选择一个元素作为”基准”(pivot)。


  (2)所有小于”基准”的元素,都移到”基准”的左边;所有大于”基准”的元素,都移到”基准”的右边。


  (3)对”基准”左边和右边的两个子集,不断重复第一步和第二步,直到所有子集只剩下一个元素为止。


  写一个function,清除字符串前后的空格。(兼容所有浏览器)function trim(str) {


  if (str & typeof str === "string") {


  return str.replace(/(^s*)|(s*)$/g,""); //去除前后空白符}


  }


  

我要评论
昵称: