初级Web前端工程师面试必看面试题（HTML+CSS+JavaScript）

作者：来源于网络 发布时间：07月20日

很多初级前端工程师去面试的时候可能不知道考官会问些什么，提前做好准备会为你的面试加分，极客学院整理出了一些必看的初级工程师面试考题，希望会大家有所帮助。

1.对WEB标准以及W3C的理解与认识？

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;

2.XHTML和HTML有什么区别？

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

用于声明文档使用那种规范(HTML/XHTML)一般为 严格

百度校园招聘2013 Web前端笔试(附答案)

1. 请写出至少三个CSS3中新添加的样式属性的名字；

border-raduis,box-shadow,test-shadow,text-stroke,box-flex,transition,resize,text-overflow

2.请运用javaScript找出所有ClassName包含text的标签<li>，并将它们的背景颜色设置为黄色；

<script type="text/javascript" language="JavaScript">

function changeBackgroundColor(){

var eles=null;

eles=ele.getElementsByTagName(tagName)

for(var i=0;i<eles.length;i++){

if(eles[i].className.search(new RegExp("\\b" + className + "\\b"))!=-1){//用正则表达式来判断是不是包含此类名

eles[i].style.back

javascript一系列学习笔记

1. javascript中没有char(字符类型)。就表明，即使是表示一个字符，也必须用到字符串型。字符串必须放在单引号或者双引号中间。用单引号或者双引号均可以。

2. javascript中不区分整型和浮点型，无论什么数字，都采用浮点型来表示。

3. javascript中基本的数据类型就三种：字符串型、数字型、布尔型。

4. null 是一种特殊的、独立的数据类型，null是空，代表没有值。同时由于null是一种独立的数据类型，所以肯定和空字符串不一样的，空字符串至少还是一个字符串型。 要注意：null才是真正正确的，由于区分大小写，其他都不正确。

5. undefined 也是一个特殊的、独立的数据类型，下列四种情况下回返回一个undefined类型：

1).定义一个变量，但还没有赋值。

2).使用一个没有定义的变量。

3).引用一个不存在的对象属性。

4).引用一个不存在的数组元素。

6. 在javascript中，数据类型的转换支持显性转换和隐性转换，显性转换如： var str=”123abc”

Var t=Number(str);

7.如果想打印出单引号，就首先用双引号作为界定，如果想

javascript一系列

一. 单选题

1. 我们可以在下列哪个HTML元素中放置javascript代码？

A.< script > B.< javascript > C.< js > D.< scripting >

★标准答案：A

2. 预测以下代码片段的输出结果: var str ; alert(typeof str);

A.. string ; B.. undefined; C.. object ; D.. String;

★标准答案：B

3. 下列哪个不是Javascript中注释的正确写法：（ ）

A.< !-- …… -- > B.//…… C./*……*/ D.

/* …… */

★标准答案：A

4. 以下哪项不属于Javascript的特征？

A.Javascript是一种脚本语言 B.Javascript是事件驱动的

C.Javascript代码需要编译以后才能执行

D.Javascript是独立于平台的

★标准答案：C

5. 关于以下两个陈述的描述中，正确的是：（ ） 陈述1：Javascript是弱类型语言

陈述2：Javascript的常用类型包括：int、string、boolean

单选题

1、湖区表单select域（对象为ob）的选择部分的文本（B）

A、 obj.options[obj.selectedIndex].Value B、 obj.text

C、 obj.options[obj.selectedIndex].text D、 obj.Value

2、请选择结果为真的表达式：（A） A、null instanceof Object B、null ===undefined C、NaN===NaN

D、null====undefined 3、下列的那一个表达式将返回假（D）

A、 ！（3<=1）

B、 （2<3）‖(3<2) C、”a”==”a”)&&(“c”!=”d”) D、（4>=4）&&(5

4、下列JavaScript的循环语句中（）是正确的？（B）

A、if（i<10;i++）

B、for（i=0；i<10;i++） C、for(i=0;i<10) D、for i=1 to 10 5、下列JS的语句中，哪一个是合法的（） A、document.Write（”john said,”Hi!””） B、document.Write（”john said,”Hi!”） C、document.Write（”john said,”Hi!” ’） D、document.Write（”john said,\\”Hi!””）

6、码中没有明确初始化，变量和参数的默认值是什么？（A、””

B、多个答案是正确的 C、null

D、undefined E、 0

7、改变文本行高的属性是哪个？（B）

A、 text-height B、 line-height C、 min-height D、 height

D）

8、面的例子中，元素在总宽度是多少？（B）

div.elem{

Windth：200px； Padding：10px；

JavaScript小技巧

? 和是一种防御性编码，如果用户的浏览器不支持JavaScript或者设

置了过高的安全级别，那么就显示出相应的提示信息，避免了用户不知情的情况下停止运行或者得到错误的结果。

? 在基于IIS的ASP的应用中，将一段JavaScript声明为服务器端代码，只需要在；阻止页面文档出现在框架内

4. 一个比较彻底的方式是采用编码后的数据作为内容，再通过特定的模板生成静态的

HTML/XML页面文档，最后利用客户端JavaScript将文档动态输出。

? 使用 pop() 来删除并返回数组的最后一个元素。（shift/unshift pop/push） ? shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

? Obj = {x:1,y:2}是一种JavaScript中常见的对象变量的形式，它可以直接作为Hash表，即相当

于obj.x = 1,obj.y = 2

? A=[] 是 JavaScript 中定义数组的语法之一

? onselectstart=\文字是不能被鼠标选中 ? JavaScript调试方法

? 直接插入调试用的输出语句，如alert();

? 定义一系列的调试方法，利用Jav

ASP JavaScript日历

本练习中主要实现一个漂亮实用的日历。通过ASP与JavaScript的结合实现该功能。首先JavaScript建立一个calendar()函数来实现日历功能，然后在ASP调用该函数在网页中显示日历。

（1）创建一个命名为Calendar.asp的ASP页面。左键单击【文件】|【新建】命令，弹出【新建文档】对话框，在对话框的【文件类型】中选择【ASP VbScript】，【布局】中选择【无】，单击【创建】按钮。

（2）左键单击【文件】|【保存】命令，弹出另存为对话框。在对话框的【文件名】中输入Calendar.asp，【保存类型】的下拉列表框中选择“Active Server Pages(*.asp;*.asa)”，单击【保存(S)】按钮。

（3）添加ASP文件要用到的语言包和编码。 <%@LANGUAGE=\（4）在ASP文件中输入如下内容并保存。 <%@LANGUAGE=\

javascript学习总结

1.JavaScript中的对象 分为3种。

（1）JavaScript的内置对象

常用的有Date,Array,String,Math,对象,这些都是经常会用到的，一定要掌握好。 （2）文档对象模型(Document Object Model,DOM)

这个对象表示了当前浏览器的多个组件和当前的HTML文档。DOM我认为是JS中最重要的一个对象，通过他可以获得任何一个HTML元素，1.通过document.form1.name得到，这种是浏览器支持的dom对象，不属于js，2.咱们经常用的是document.getElementById(\这种是w3c组织制定的一级DOM对象标准。 （3）自定义对象

我总认为js的自定义对象没必要用，如果你是按照面向对象的编程思想，那么应该用Java，而不是用js的对象。

2.DOM对象,history以及location

为了操控浏览器和文档，js使用分层的父对象和子对象，这就是DOM。这些对象的组织类似一个树形结构，并表示一个Web文档的所有内容组件。 Window是所有对象的父对象

document对象几种常用方法

document.URL：指明

Javascript

找到数组中出现最多的字母并给出个数以及每一个所在的位置

刚刚接触JS一周的时间，熟悉了最基本的js知识，这是自己面对的第一个js的逻辑性的代码题目，自己尝试了写了，结果还算可以，因为有好多知识涉及到了后面的dom知识，就有点吃力了。以下代码总结于网上前辈给出的参考答案和结合了自己的理解和注释，请多多指正。 html代码： view source print?

01

03

05

找到数组中出现最多的字母并给出个数以及每一个所在的位置

07 08

字符：\10

11 12

13 14

15 18

19 出现次数最多的字符： 22

23

24

25 出现次数最多的字符出现的次数： 28 29

30

31 出现次数最多的字符的索引： 34 35 36 37 38 39

1 2

3