十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
[面试题] 某企业前端开发面试题
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
希望能帮到你