189 8069 5689
[面试题] 某企业前端开发面试题
10年积累的网站设计、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先建设网站后付款的网站建设流程，更有黄石港免费网站建设让你可以放心的选择与我们合作。
【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这是第一条/lili这是第二条/lili这是第三条/li
/ul
9. 最近看的一篇Javascript的文章是？
10. 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
11.说说YSlow(可以详细一点)
答案在参考资料里面可以找到，答案在参考资料里面可以找到，答案在参考资料里面可以找到
循环的话，你可以上机实验一下，最后每个地方都打一个断点，来看看变量的切换情况。
学js编程的话,看书会比较慢,如果视频讲解的好,也是很不错的,不过最重要的是要上机敲代码,自己去试试如何实现这些功能,只有真正接触到项目,才有实战的感觉
html
head
meta http-equiv="content-type" content="text/html; charset=GB2312" /
/head
body
input type="text" id="email"/
input type="button" value="提交" onclick="doSubmit()"/
script type="text/javascript"
// 来自 JavascriptCN
var email = document.getElementById('email');
function doSubmit() {
var emailText = email.value;
// 输入是否为空
if(emailText!=null emailText!='') {
// 长度不能小长6位
if(emailText.length=6) {
// 使用@分割成数组
var temp = emailText.split('@');
if(temp.length==2) {
// 包含且只包含一个@符号
// 获取 @ 符号后面的部分（即域名）
var domain = temp[1];
var lastChar = domain.substring(domain.length - 1, domain.length);
// 最后一个字符不是数字（非数字的转换结果为 NaN）
if(parseInt(lastChar).toString()=='NaN'){
// 域名包含.才是正确的
if(domain.indexOf('.')!=-1) {
var darr = domain.split('.');
var name = darr[0].toUpperCase();
alert('您好，来自' + name + '的用户。');
return;
}
}
}
}
}
alert('请输入正确的email地址！');
}
/script
/body
/html
简单的写法，仅供参考：
script
var str='';
for (i=1; i=9;i++) {
for(j=1;j=i;j++) {
if (ij) {
str +=j+'*'+i+'='+j*i+' ';
} else {
str +=i+'*'+j+'='+j*i+' ';
}
}
str+='\n';
}
alert(str);
/script
HTML：
body onload="show()"
img id="show" src="" /
/body
JS：
script language="JavaScript"
function show(){
var now=new Date();
var i=now.getDay();
var images=new Array();
images[0] = "0.jpg";
images[1] = "1.jpg";
images[2] = "2.jpg";
images[3] = "3.jpg";
images[4] = "4.jpg";
images[5] = "5.jpg";
images[6] = "6.jpg";
document.getElementById("show").src = images[i];
}
/script
希望能帮到你