前端常见问题

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

http://jiataodong.blog.163.com/blog/static/3490549220138272211786/

2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

http://www.php1.cn/article/8296.html


3. CSS引入的方式有哪些? link和@import的区别是?

http://blog.sina.com.cn/s/blog_8d322eff010192uy.html


4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

http://blog.sina.com.cn/s/blog_8d322eff010192vw.html


5. 前端页面有哪三层构成,分别是什么?作用是什么?

http://blog.sina.com.cn/s/blog_776e6cf50100qdzt.html


6. css的基本语句构成是?

http://blog.sina.com.cn/s/blog_776e6cf50100qdzn.html


7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?

http://blog.sina.com.cn/s/blog_8d322eff010192ws.html


8. 如何居中一个浮动元素?

http://www.mekkey.com/index.php?p=9&replytocom=21941


9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!

http://veryti.com/question/69


10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)


11. 如果让你来制作一个访问量很高的大型网站,你会如何来管理所有CSS文件、JS不图片?

http://club.topsage.com/thread-2866696-1-1.html


12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

http://bbs.csdn.net/topics/370212859

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(可以详细一点)。

1、列丼W3C推荐的属性标签,说一下p标签和img标签的特点。
答案就略了,做前端都懂的!
2、实现左侧规定宽200,右侧自适应宽度的布局
思想是左侧迚行绝对定位,右侧设置一个margin-left:200px;即可,答案多种!
3、如何让img标签在div里上下居中
思想是正负margin抵消法来实现

1、真假判断
var aLinks=document.getElementsByTagName('a');
for(i=0;i<aLinks.length;i++)
{
...
}
修改后:
var aLinks=document.getElementsByTagName('a');
for(var i=0,l= aLinks.length;i<l;i++)
{
...
}

4、参照上题,给a添加事件,要求点击弹出提示相应的index值
(1)、第一种方法(加索引)
var aLinks=document.getElementsByTagName('a');
for(var i=0,l= aLinks.length;i<l;i++)
{
aLinks[i].Index=I;
aLinks[i].οnclick=function(){alert(this.Index)};
}
(2)、第二种方法(闭包)
var aLinks=document.getElementsByTagName('a');
for(var i=0,l= aLinks.length;i<l;i++)
{
aLinks[i].οnclick=(function(a){
return function(){alert(a);}
})(i);
}
1、列丼hack的技巧;
2、列丼常见的兼容性问题以及解决方法;
3、说一下你清除浮动的常用方法,zoom的实现原理;
4、用户上传图片,没有刷新过程显示图片的功能【ajax】。

两点要求:
1.自适应宽度,左右两栏固定宽度,中间栏优先加载;
2.要考虑到换肤。
 

要求:
完全按照给出的需求对原来的设计稿迚行最精确的还原,还要最大限度地兼容各大浏览器。
制作素材很简陋就一张美工设计好的PNG,下面是要求达到的效果:
 

1、只能在指定的位置填写自己的代码,本文件里的其他代码丌能修改
2、所有题目都丌允许添加全局变量名
3、本文件应该能在firebug的console里正常执行,并输出结果
4、代码最优化,效率最高
5、代码注释明确
1)实现一个遍历数组或对象里所有成员的迭代器。
2)实现一个叫Man的类,包含attr, words, say三个方法。
3)实现一个URI解析方法,把url里#乊后的参数解析成指定的数据结构。

延伸阅读


▶ Walkthrough007

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值