herbertkarajan/fe-interview-questions

目前最全的前端开发面试题及答案

@author：Karajan

博客地址：https://www.cnblogs.com/karajanking/p/5881149.html

本文旨在加深对前端知识点的理解，资料来源于网络，由本人收集整理。

会持续更新的哦！不过鉴于广大网友们的想法，我拆成了N个小文件，方便大家记忆看到哪儿了，好做笔记等。

另外，如果大家在面试过程中遇到了一些问题不会，可以把问题，提到这里： #1 我们一起寻求解决。

目录

readme
    1.md
    2.md
    3.md
    4.md
    5.md
    6.md
    7.md
    8.md
    9.md
    10.md
    11.md
    12.md
    13.md
    14.md
    15.md
    16.md
    17.md
    18.md
    19.md
    20.md
    21.md
    22.md
    23.md
    24.md

陆续更新......

各位战友们，给大家整了一个更好的一套面试题，有兴趣的，可以看看

.JavaScript面试题

在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）

个人结合github上各位大神分享的资源进行了简单的汇总整理，每一个条目下面都有丰富的资料，是前端学习、工作的好帮手。

最近有人问我react和vue的面试题，我总结了一些，供大家参考学习，如下：

react面试题

vue面试题

另外，附加一份

vue使用的修饰符“大全”

常用数组操作包含ES6的

结合个人经历总结的前端入门方法

作者：qiu https://github.com/qiu-deqing

源地址：https://github.com/qiu-deqing/FE-learning

前端学习路径

作者： 余博伦 https://github.com/discountry

源地址：https://zhuanlan.zhihu.com/p/21935921

JavaScript 全栈工程师培训教程

作者： 阮一峰 https://github.com/ruanyf

源地址：https://github.com/ruanyf/jstraining

前端开发者手册(学习前端的实践手册)

作者：Pomy https://github.com/dwqs

中文源地址：https://github.com/dwqs/fedHandlebook

阅读地址：https://dwqs.gitbooks.io/frontenddevhandbook/content/

英文原版地址：https://www.frontendhandbook.com/

资源下载:

• PDF版
• MOBI版

前端开发笔记本

作者：Li Xinyang https://github.com/li-xinyang

源地址：https://github.com/li-xinyang/FEND_Note

阅读地址：http://li-xinyang.gitbooks.io/frontend-notebook/

资源下载: PDF版

最全的资源教程——前端涉及的所有知识体系

作者：JadeYang https://github.com/nicejade

源地址：https://github.com/nicejade/Front-end-tutorial

大前端工具集——程序猿的百宝箱 （0916）

作者：聂微东 https://github.com/nieweidong

源地址：https://github.com/nieweidong/fetool

阅读地址：http://www.fefork.com/fetool

100+ 超全的web开发工具和资源

译者：稀土区 https://xituqu.com/

源地址：https://xituqu.com/170.html

前端技能汇总

作者：Jackson Tian https://github.com/JacksonTian

源地址：https://github.com/JacksonTian/fks

阅读地址：http://html5ify.com/fks/

Web前端开发技术栈

作者：Wilson Chen https://github.com/unruledboy

源地址：https://github.com/unruledboy/WebFrontEndStack

前端开发所使用语言的主流学习资源汇集指南

作者：icepy https://github.com/icepy

源地址：https://github.com/icepy/Front-End-Develop-Guide

GitHub上值得关注的前端项目

前端开发相关的优秀网站、博客、以及活跃开发者

作者：Luo Lei https://github.com/foru17

源地址：https://github.com/foru17/front-end-collect

国内知名 IT 公司前端团队 (排名不分先后)

作者：Mingdong Luo https://github.com/mdluo

源地址：https://github.com/mdluo/awesome-fe-team

关于程序员读书-大牛们的书单汇总

作者：Mingdong Luo https://github.com/mdluo

源地址：https://mdluo.github.io/blog/about-reading/

Github个人收集的优秀JavaScript项目

作者：Daiyichen https://github.com/Daiyichen

源地址：https://github.com/Daiyichen/Front-end-tutorial/blob/master/project.md

免费的计算机编程类中文书籍

作者：迷渡 https://github.com/justjavac

源地址：https://github.com/justjavac/free-programming-books-zh_CN

阅读地址：http://siberiawolf.com/free_programming/index.html

前端开发书签

作者：张正雄 https://github.com/zzxadi

源地址：https://github.com/zzxadi/frontend-dev-bookmarks

收集有趣的、富有交互的前端教程

作者：JiangShui Yu https://github.com/yujiangshui

源地址：https://github.com/yujiangshui/fun-front-end-tutorials

前端代码审查清单

作者：JiangShui Yu https://github.com/yujiangshui

源地址：https://github.com/yujiangshui/front-end-code-checklist

移动前端资源整理

作者：Ionic China https://github.com/IonicChina

源地址：https://github.com/IonicChina/Mobile-front-end-tutorial

前端开发规范手册

作者：阿树 https://github.com/Aaaaaashu

源地址：https://github.com/Aaaaaashu/Guide

阅读地址：http://zhibimo.com/read/Ashu/front-end-style-guide/

Web前端开发规范文档

作者：kc https://github.com/kangcafe

源地址：https://github.com/kangcafe/web_develop_standard

适用于小团队的前端规范

作者：hzlzh https://github.com/hzlzh

源地址：https://github.com/hzlzh/Front-End-Standards

阅读地址：http://front-end-standards.com/

前端求职面试

关于程序员求职简历汇总（包含一些优秀简历示例）

作者：Mingdong Luo https://github.com/mdluo

源地址：https://mdluo.github.io/blog/about-resume/

关于前端面试文章汇总

作者：Mingdong Luo https://github.com/mdluo

源地址：https://mdluo.github.io/blog/about-front-end-interview/

前端面试问题集锦

前端工作面试问题

作者：H5BP https://github.com/h5bp

中文版作者：Liu Chao https://github.com/lc-soft

源地址：https://github.com/h5bp/Front-end-Developer-Interview-Questions

收集的前端面试题和答案

作者：qiu https://github.com/qiu-deqing

源地址：https://github.com/qiu-deqing/FE-interview

一套完整的学习手册帮助自己准备 Google 的面试

原文作者：John Washam

译文出自：掘金翻译计划

译者：：Aleen，Newton，bobmayuze，Jaeger，sqrthree

源地址：https://github.com/jwasham/google-interview-university

---

编程无他，唯手熟尔！

声明： 版权归原作者所有，我只是搬运工。

fe-interview-questions's Issues

jquery怎样去除重复数据啊，大神

当数据库里的数据只有一个时，怎样让jquery只显示一条数据，而不是追加
这是：table.html

<title>无标题文档</title> <style> .tab{border:2px solid #09C; border-collapse:collapse;width:100%; } .trr{border:2px solid #09C; border-collapse:collapse; } table .trr th{border:2px solid #09C; font-size:14px; font-family:'黑体';background-color:#CCC; height:14px } table .trr td{border:2px solid #09C; font-size:14px; font-family:'黑体'; height:10px ; text-align:center} </style> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="table.js"> </script>

楼号	房间号	支路数	故障类型	采集值	预警状态	故障发生时间

楼号	房间号	支路数	故障类型	采集值	预警状态	故障发生时间

这是：table.js: $(window).ready( function () { setInterval("kkk()", 2000); }); function kkk(){ $.ajax({ type:'POST', url:'tabgle.php', data:{ buildnum: $('#diva .tab .trr #1').val(), roomnum: $('#diva .tab .trr #2').val(), branchnum: $('#diva .tab .trr #3').val(), codetype: $('#diva .tab .trr #4').val(), getnum: $('#diva .tab .trr #5').val(), warning: $('#diva .tab .trr #6').val(), codetime: $('#diva .tab .trr #7').val(), watchpoint: $('#spa').val() }, dataType:"json", success:function(response,status,xhr){

			 //response=JSON.parse(response);
			  $('#spa').html(response[7]);
		 
			 if(response[1]==3){
				  response[5]="蓝色预警";
				   $('#divb .tab .trr #1').html(response[0]+"楼");
			 $('#divb .tab .trr #2').html(response[1]+"号");
			 $('#divb .tab .trr #3').html(response[2]);
			 $('#divb .tab .trr #4').html(response[3]);
			 $('#divb .tab .trr #5').html(response[4]+"K");
			 $('#divb .tab .trr #6').html(response[5]);
			 $('#divb .tab .trr #7').html(response[6]);
			  html="";
			  for(var i=0;i<7;i++){
			 html="<tr class='trr'><td>"+(response[0]+"楼")+"</td><td>"+(response[1]+"号")+"</td><td>"+response[2]+"</td><td>"+response[3]+"</td><td>"+(response[4]+"K")+"</td><td>"+response[5]+"</td><td>"+response[6]+"</td></tr>";
			  	
			  }
			  $('#divb #tab').append(html);
				  }else if(response[1]==4){
					  response[5]="橙色预警";
				   $('#divb .tab .trr #1').html(response[0]+"楼");
			 $('#divb .tab .trr #2').html(response[1]+"号");
			 $('#divb .tab .trr #3').html(response[2]);
			 $('#divb .tab .trr #4').html(response[3]);
			 $('#divb .tab .trr #5').html(response[4]+"K");
			 $('#divb .tab .trr #6').html(response[5]);
			 $('#divb .tab .trr #7').html(response[6]);
			  html="";
			  for(var i=0;i<7;i++){
			 html="<tr class='trr'><td>"+(response[0]+"楼")+"</td><td>"+(response[1]+"号")+"</td><td>"+response[2]+"</td><td>"+response[3]+"</td><td>"+(response[4]+"K")+"</td><td>"+response[5]+"</td><td>"+response[6]+"</td></tr>";
			  	
			  }
			  $('#divb #tab').append(html);
					  
					  }else{
					  
			 $('#diva .tab .trr #1').html(response[0]+"楼");
			 $('#diva .tab .trr #2').html(response[1]+"号");
			 $('#diva .tab .trr #3').html(response[2]);
			 $('#diva .tab .trr #4').html(response[3]);
			 $('#diva .tab .trr #5').html(response[4]+"K");
			 $('#diva .tab .trr #6').html(response[5]);
			 $('#diva .tab .trr #7').html(response[6]);
			 html="";
			  for(var i=0;i<7;i++){
			 html="<tr class='trr'><td>"+(response[0]+"楼")+"</td><td>"+(response[1]+"号")+"</td><td>"+response[2]+"</td><td>"+response[3]+"</td><td>"+(response[4]+"K")+"</td><td>"+response[5]+"</td><td>"+response[6]+"</td></tr>";
			  	
			  }
			  $('#diva #tab').append(html);						  } ;
			/* $('#div1 .tab .trr #1').html(response[0]+"楼");
			 $('#div1 .tab .trr #2').html(response[1]+"号");
			 $('#div1 .tab .trr #3').html(response[2]);
			 $('#div1 .tab .trr #4').html(response[3]);
			 $('#div1 .tab .trr #5').html(response[4]+"K");
			 $('#div1 .tab .trr #6').html(response[5]);
			 $('#div1 .tab .trr #7').html(response[6]);
			 $('#div2 .tab .trr #1').html(response[0]+"楼");
			 $('#div2 .tab .trr #2').html(response[1]+"号");
			 $('#div2 .tab .trr #3').html(response[2]);
			 $('#div2 .tab .trr #4').html(response[3]);
			 $('#div2 .tab .trr #5').html(response[4]+"K");
			 $('#div2 .tab .trr #6').html(response[5]);
			 $('#div2 .tab .trr #7').html(response[6]);*/

			  //alert($('tr[id=11] td[id=5]').html());//调试
			  //$('#div1 .tab tr[id=12] td[id=1]').html(response[0]);
			  
			 /* html="";
			  for(var i=0;i<7;i++){
			 html="<tr class='trr'><td>"+(response[0]+"楼")+"</td><td>"+(response[1]+"号")+"</td><td>"+response[2]+"</td><td>"+response[3]+"</td><td>"+(response[4]+"K")+"</td><td>"+response[5]+"</td><td>"+response[6]+"</td></tr>";
			  	
			  }
			  $('#div1 #tab').append(html);
			  $('#div2 #tab').append(html);	*/			
			   // alert($('.tab tr').length);
			  $('#diva .tab tr').each(function(index) {
                if(index>3000){
				$(this).hide;			  }
            });
			 $('#divb .tab tr').each(function(index) {
                if(index>3000){
				$(this).hide;			  }
            });
			
			$('#num1').html($('#diva .trr').length-1);
			$('#num2').html(($('#divb .trr').length-1));
		 	 	}
				
			}) 
};

$(document).ready(function(){
$("tr:odd").css("background-color","#B2E0FF");
});
这是：

如果解决了，麻烦通知我一下；qq是：1539286010

如果大家面试遇到我没总结到的，可以提到这里来，我们一起寻求解决

欢迎大家提哦