‘壹’ 前端笔试题编程题该去哪里练习
leetcode可能太难了一点，如果要刷题的话，建议到掘金 搜索 前端面试，有一堆题目合集和面试
github有6.1k的stars的算法模板，最科学的刷题方式，最快速的刷题路径，一个月从入门到 offer。
刷题群吧，我觉得还挺有用的，但要进质量高一点的刷题群，有一些打着刷题群的名号做推广的也不发题就没啥必要进了。
‘贰’ 前端笔试题目求解答！！求写出具体代码
其实很简单，就是一些js判断就可以实现了，可以先用冒泡排序对它们进行排序，然后将前100名塞进一个数组里面，当然还有排序的时间和用户的id等，然后在排行榜按顺序输出array[0 - 100] ，用户访问的时候判断一下用户id是否在这个数组，如果在输出数组的内容。如果不在然将 101 - 9999塞进另外一个数组，再查询用户id在不在这个数组，如果在，输出用户id 对应的排名，如果不在那就是直接输出未上榜
‘叁’ 谁有html，css，javascript的面试题和笔试题，不胜感激，追加高分
我也是参加过不少前端的笔试题，其实html+CSS+js的重点就在javascript，html和CSS很难的出现什么题目，一般是ajax的实现原理，ajax同步和异步的区别，call和apply的区别，javascript的数据类型，js的继承机制是如何实现的，定义function的几种方法，function中如何实现变量的私有和公有化，js的闭包是什么意思，jquery对javascript做了那些封装，等等，一般就问这些问题，
‘肆’ 求web前端开发笔试题
最低0.27元/天开通网络文库会员，可在文库查看完整内容>
原发布者:触不可及112
Web前端开发系班级姓名成绩1、目前常用的WEB标准静态页面语言是________。2、改变元素的外边距用________，改变元素的内填充用________。3、在Table中，TR是________，TD是________。4、如果给一行两列的表格（table）定义高度样式，在________标签中定义最合理，最能减少代码的臃肿。5、对ulli的样式设成无，应该是用什么属性________。6、在新窗口打开链接的方法是________。7、合理的页面布局中常听过结构与表现分离，那么结构是________，表现是________。1、在下面的XHTML中，哪个可以正确地标记折行？A：
B：C：
2、下列哪些是格式良好的XHTML？A：Ashortparagraph
B：
Ashortparagraph
C：
Ashortparagraph3、在以下的HTML中，哪个是正确引用外部样式表的方法？A：B：css"href="mystyle.css">C：mystyle.css4、在HTML文档中，引用外部样式表的正确位置是？A：文档的末尾 B：文档的顶部C：部分D：部分1、请写出超链接的顺序或者你在初始样式中的链接方法。（10分）2、当float和margin同时使用时，IE6的双倍边距BUG如何解决？（6分）3、为什么无法定义1px左右高度的容器？（7分）4、Firefox中标签的居中问题的解决方法
‘伍’ 面试Web前端需要注意什么会面试哪些问题
作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项：
第一：注意自己的仪容仪表
面试之前，一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括，自己的牙缝是不是还有食物残渣，所以你需要就近找一个卫生间，如果没有卫生间就近找一个角落也是可以的，但是切记一定不要在大庭广众之下。因此，为了给自己整理出着装的时间请在约定时间前20分钟到达。
第二：再次检查面试时所需的资料是否都已带全
这些资料主要包括：身份证明、学历文凭证明、个人简历、以往作品等等，如果这些东西齐全之后，需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他，让他自己再一页一页的翻找自己需要的内容，如果说这些资料在面试官手中不小心散落一地，结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全，也不要紧张。反而你要庆幸幸亏及时检查，也有足够的时间组织语言去向面试官解释。
第三：面试之前将通信工具调成振动或关闭状态
虽然说面试者与面试官之间是一个平等的关系，但毕竟你是去人家公司求职的，始终处于一个被动的状态，所以最起码的尊重还是要做到的。曾经有调查显示，对于面试过程中接电话或是被电话打断的求职者，会被HR减分。
第四：等候面试官时，仔细观察多了解面试公司
在等候面试官时，可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等，一来可以在接下来的面试过程中表现出自己对公司的认同感，二来也可以让自己对求职公司多些了解，以确定是否要接受这里的工作。如果你身边有公司的资料宣传架，不妨取一本翻看一下，也会增加HR对你的好感。
第五：放松心情，保持自信
面试时一定要保持一定的自信，这样也会给面试官留下很好的印象。面试只是你步入工作的第一步，即便是失败了那也是人生重要的经历。失败是为了更好的迎接下一个挑战。
作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了，像以上五点细节性的东西也是一定要掌握的。
面试题系列：
网页链接
‘陆’ 前端面试，会考什么问题，笔试的话有什么
原生xhr怎么写（原生ajax）？
1.创建XHR对象
2.向服务器发送请求
3.服务器响应
readyState：存有XMLHttpRequest的状态。XHR对象会经历5种不同的状态 0：请求未初始化（new完后）； 1：服务器连接已建立（对象已创建并初始化，尚未调用send方法）； 2：请求已接收； 3：请求处理中； 4：请求已完成，响应就绪；123456
status：（HTTP状态码很多，请自行了解，举例常见的）
200：请求成功
404：未找到页面
301：被请求的资源已永久移动到新位置
304：文档的内容（自上次访问以来或者根据请求的条件）并没有改变
503：服务器超时
‘柒’ 前端笔试题，button标签中，type取值有哪些
button标签type属性取值有：
submit 该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。
button 该按钮是可点击的按钮（Internet Explorer 的默认值）。
reset 该按钮是重置按钮（清除表单数据）。
‘捌’ 有哪些经典的 Web 前端或者 JavaScript 面试笔试题
一、不定项选择题 （每题3分，共30分）
1. 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:”zhangsan”,show:”alert(this.name)”};
C. var obj = {name:”zhangsan”,show:function(){alert(name);}};
D. var obj = {name:”zhangsan”,show:function(){alert(this.name);}};
2. 以下关于Array数组对象的说法不正确的是（ CD ）
A. 对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序函数的参数
B. reverse用于对数组数据的倒序排列
C. 向数组的最后位置加一个新元素，可以用pop方法
D. unshift方法用于向数组删除第一个元素
3. 要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（ A ）
A. window.status=”已经选中该文本框”
B. document.status=”已经选中该文本框”
C. window.screen=”已经选中该文本框”
D. document.screen=”已经选中该文本框”
4. 点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（ AD ）
A.
onclick=”open(‘new.html’, ‘_blank’)”/>
B.
onclick=”window.location=’new.html’;”/>
C.
onclick=”location.assign(‘new.html’);”/>
D.
5. 使用JavaScript向网页中输出
hello
，以下代码中可行的是（ BD ）
A.
document.write(
hello
);
B.
document.write(“
hello
”);
C.
hello
D.
document.write(“hello”);
6. 分析下面的代码：
function writeIt (value) { document.myfm.first_text.value=value;}
以下说法中正确的是（ CD ）
A. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，第一个文本框的内容不变
B. 在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容
C. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，将在第一个文本框中复制第二个文本框的内容
D. 在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框的内容不变
7. 下面的JavaScript语句中，（ D ）实现检索当前页面中的表单元素中的所有文本框，并将它们全部清空
A. for(vari=0;i< form1.elements.length;i++) {
if(form1.elements.type==”text”)
form1.elements.value=”";}
B. for(vari=0;i
if(forms[0].elements.type==”text”)
forms[0].elements.value=”";
}
C. if(document.form.elements.type==”text”)
form.elements.value=”";
D. for(vari=0;i
for(var j=0;j
if(document.forms.elements[j].type==”text”)
document.forms.elements[j].value=”";
}
}
8. 在表单(form1)中有一个文本框元素(fname)，用于输入电话号码，格式如：010-82668155，要求前3位是010，紧接一个“-”，后面是8位数字。要求在提交表单时，根据上述条件验证该文本框中输入内容的有效性，下列语句中，（ A ）能正确实现以上功能
A. var str= form1.fname.value;
if(str.substr(0,4)!=”010-”|| str.substr(4).length!=8 ||
isNaN(parseFloat(str.substr(4))))
alert(“无效的电话号码！”);
B. var str= form1.fname.value;
if(str.substr(0,4)!=”010-” && str.substr(4).length!=8 &&
isNaN(parseFloat(str.substr(4))))
alert(“无效的电话号码！”);
C. var str= form1.fname.value;
if(str.substr(0,3)!=”010-”|| str.substr(3).length!=8 ||
isNaN(parseFloat(str.substr(3))))
alert(“无效的电话号码！”);
D. var str= form1.fname.value;
if(str.substr(0,4)!=”010-”&& str.substr(4).length!=8 &&
!isNaN(parseFloat(str.substr(4))))
alert(“无效的电话号码！”);
9. 关于正则表达式声明6位数字的邮编，以下代码正确的是（ C ）
A. var reg = /\d6/;
B. var reg = \d{6}\;
C. var reg = /\d{6}/;
D. var reg = new RegExp(“\d{6}”);
10. 关于JavaScript里的xml处理，以下说明正确的是（ BCD ）
A. Xml是种可扩展标记语言，格式更规范，是作为未来html的替代
B. Xml一般用于传输和存储数据，是对html的补充，两者的目的不同
C. 在JavaScript里解析和处理xml数据时，因为浏览器的不同，其做法也不同
D. 在IE浏览器里处理xml，首先需要创建ActiveXObject对象
二、问答题
1. 列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个 （10分）
对象：Window document location screen history navigator
方法：Alert() confirm() prompt() open() close()
2. 简述列举文档对象模型DOM里document的常用的查找访问节点的方法并做简单说明 （10分）
Document.getElementById 根据元素id查找元素
Document.getElementByName 根据元素name查找元素
Document.getElementTagName 根据指定的元素名查找元素
三、程序题
1、补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗口； （10分）
function closeWin(){
//在此处添加代码
if(confirm(“确定要退出吗？”)){
window.close();
}
}
2、写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的html标签去除掉（15分）
var str = “
这里是div
里面的段落
”;
//
varreg = /<\/?\w+\/?>/gi;
varstr = “
这里是div
里面的段落
”;
alert(str.replace(reg,”"));
3、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。（10分）
function foo() {
//在此处添加代码
var rdo =document.form1.radioGroup;
for(var i =0 ;i
if(rdo.checked){
alert(“您选择的是第”+(i+1)+”个单选框”);
}
}
}
4、完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示 （15分）
function showImg (oSel) {
//在此处添加代码
var str = oSel.value;
document.getElementById(“pic”).src= str+”.jpg”;
}
‘玖’ 做了好几家的前端笔试题，感觉好难啊，我该怎么应对接
主要还是要看HR了，面试基本知识会就行了 HR要是好的，啥都好说，不然就是歇菜
‘拾’ 谁能给我出一两道 web前端笔试题 上机题啥的，呵呵，比较常考的
[面试题] 某企业前端开发面试题
【HTML & CSS】
1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
2. 行内元素有哪些？块级元素有哪些？CSS的盒模型？
3. CSS引入的方式有哪些? link和@import的区别是?
4. CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？
5. 前端页面有哪三层构成，分别是什么？作用是什么？
6. css的基本语句构成是？
7. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？
8. 如何居中一个浮动元素?
9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！
10. 你怎么来实现下面这个设计图,主要讲述思路 （效果图省略）
11. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片？
12. 你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
【Javascript】
1. js是什么，js和html 的开发如何结合？
2. 怎样添加、移除、移动、复制、创建和查找节点
3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
4. 面向对象编程:b怎么继承a
5. 看看下面alert的结果是什么
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函数体改成下面，结果又会是什么？
a = 10;
alert(arguments[2] );
6. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象
var obj = parseQueryString(url);
alert(obj.key0) // 输出0
7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?
8. 什么是闭包？下面这个ul，如何点击每一列的时候alert其index?
<ul id=”test”>
<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li>
</ul>
9. 最近看的一篇Javascript的文章是？
10. 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
11.说说YSlow(可以详细一点)
答案在参考资料里面可以找到，答案在参考资料里面可以找到，答案在参考资料里面可以找到